Soob's Survial Story
Soob의 생존 블로그
-
이진트리로 힙 및 중위순회 구현
생존 자료구조 힙 완전 이진트리로 구현되어 있다. 완전 이진트리란, 왼쪽에서 부터 차례대로 쭉쭉 만들어진 트리이다. max heap, min heap으로 분류된다. max heap은 root node가 가장 큰 가중치인 것이 들어가고 min heap은 그 반대다. 그래서 우선순위 큐 같은것을 구현할때 쓰인다. /** * minHeap 구현 * Priority와 data를 가진 노드 */ function...
-
그래프 자료구조 및 dfs 구현
첫 번째, 자료구조, 알고리즘 또 다시 생존을 위한 혈투가 시작된다. 그래프 그래프가 어떤 것인지 모르는 사람은 없을거라 생각된다. 띄웅?? 모르면 구글링 하시면 됩니다. 이번 장의 목표는 자바스크립트 스러운 자료구조를 만드는 것이 목표다. 사실 그냥 prototype을 통해 자료구조를 만들어 보고 싶은 마음에 해 보았다. 그래프는 Vertex만 가지고 있으면 된다고 생각했고, Vertex라는...
-
바닐라 자바스크립트로 클라이언트 사이드 랜더링 구현 생존기..
바닐라 자바스크립트로 클라이언트 사이드 랜더링 구현 생존기 내가 이해한 클라이언트 사이드 렌더링은 클라이언트 사이드, 즉 브라우저의 dom 함수들을 이용해 element들을 추가, 삭제 하며, 화면에 뿌려주는 것이다. 서버사이드 렌더링은 반대로 완성된, html파일이 서버에서 오면 브라우저는 그대로 파싱 해 화면에 뿌려 주는 것이다. 이 둘의 핵심 차이점은, 클라이언트 사이드 렌더링 방식은 페이지를...
-
css 와 html 연결
Mix Css with HTML html과 css를 스타일을 적용하기 위해 크게 3가지 방법이 있다. 첫 번째로는 internal , 두 번째로는 external, 세 번째로는 inline. inline 방법은 좋지 않은 것 같아 생략한다. internal head tag 사이에 style tag를 삽입 하는 방식 <head> <style> body{ background-color : red; } </style> </head> external 외부에...
-
css 구문
css 구문 css 구문은 property 파트와 selector로 나누어져 있다. property property-name: value; selector 위의 property를 html의 h1에 연결하고 싶다면? h1 { property-name: value; property-name: value; property-name: value; } ID와 Class와 연결 할 수도 있다. #Id_name { property-name: value; property-name: value; property-name: value; } .Class_name{ property-name: value; property-name: value; property-name: value;...