![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/pO39W/btrRR9Sfkau/lYAaTglr9VikQjKMEiVcJ1/img.png)
프론트엔드 직무를 원한다면 절대 몰라서는 안되는 필수 CS 입니다. 많이많이 중요합니다! DOM : 문서 객체 모델 (The Document Object Model) HTML, XML 문서의 프로그래밍 인터페이스이다. 브라우저의 렌더링 엔진은 웹 문서를 로드한 후, 파싱하여 웹 문서를 브라우저가 이해할 수 있는 구조로 구성하여 메모리에 적재하는데 이를 DOM 이라고 한다. # DOM 의 기능 1. HTML 문서에 대한 모델 구성 브라우저는 HTML 문서를 로드한 후 해당 문서에 대한 모델을 메모리에 생성한다. 이때 모델은 객체의 트리로 구성되는데 이것을 DOM tree 라고 한다. 2. HTML 문서 내의 각 요소에 접근/수정 DOM 은 모델 내의 각 객체에 접근하고 수정할 수 있는 프로퍼티와 메소드를 ..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/emeSsW/btrRLKZXBxA/QW20EY4lkEYkcrZbbkwre1/img.png)
오늘은 SSR 과 CSR 의 차이에 대해서 알아보려고 한다. 실제 면접에서 받았던 질문이기도 하다. 1. SSR Server Side Rendering 의 약자로, 서버쪽에서 렌더링 준비를 끝마친 상태로 클라이언트에 전달하는 방식 구동 방식은 서버에서 렌더링을 하여 완성된 HTML 파일을 로드해준다. 클라이언트에게 요청을 할때마다 각 상황에 맞는 HTML 을 넘겨주기 때문에 페이지가 여러개이다. - 장점 첫 페이지 로딩 속도가 CSR 에 비해 빠르다. 해당 첫 페이지에 해당하는 문서만 브라우저에게 전달하여 브라우저가 렌더링 하기때문에 초기 로딩 속도가 CSR 에 비해 빠르다. 검색엔진최적화(SEO)가 가능하다. JS 가 다운로드 되는동안 사용자가 무언가를 보고 있을 수 있다. - 단점 초기 로딩 이후 페..