개발 일지 개발 일지

DOM DOM이란 DOM은 Document Object Model의 약자이다 Document 는 문서로, Object는, 객체로 Model은 모델로 번역할 수있다 직역하면 객체로 이루어진 문서라는 뜻이다 그럼 문서객체란 무엇일까? 문서객체란 나 같은 html 테그들을 JavaScript가 이용할 수 있는 객체로 만들먼 그것이 문서객체( Document Object Model )라고 한다. 웹사이트를 들어가면 무수히 많은 테그들로 이루어진 페이지를 볼 수 있다. 이 페이지를 Document라고 하고 테그들을 element라고 한다. 이 문서객체( Document Object Model )는 Tree형태로 되어있고 이것을 DOMTREE라고 한다. css 선택자에 부모 자식요소라는 개념이 있다. 이러한 개념이..

에전에는 프론트엔드 개발할때 제이쿼리 라는 라이브러리를 사용했는데 5년점쯤 부터 react 라는 라이브러리가 사용되기 시작했다. react는 Single-page application을 구현하게 도와주는 라이브러리로 비슷한 라이브러리로는 vue.js와 angular.js등이 있다 Single-page application Single-page application이란 하나의 페이지를 가지고 컴포넌트라는 div조각을 끼웠다 뺐다 하며 동작하는 웹 어플리케이션이다 Single-page application의 장점은 패이지 전환시 앱과 같이 부드러운 전환이 가능하며 새로고침이 되지 않는다. 단점은 하나의 페이지를 로딩하기 때문에 초기 로딩 속도가 느리다는 단점이 있다. 클라이언트 사이드 렌더링(CSR)과 서버..