기로그 기로그

SSR이란? Server-Side Rendering이라는 이름에서 알 수 있듯 서버 측에서 렌더링이 된다는 걸 뜻한다. 서버에서 사용자에게 보여줄 페이지를 모두 구성하여(html에 내용이 들어있는 상태) 사용자에게 페이지를 보여주는 방식이다 SSR의 장점 1.서버를 이용해서 페이지를 구성하기 때문에 CSR보다 페이지를 구성하는 속도는 늦어지지만, 전체적으로 사용자에게 보여주는 화면 구성의 완료 시점은 빠르다. 2.모든 컨텐츠가 HTML에 담겨 있기 때문에 SEO구축하기 좋다. SSR의 단점 1. 페이지 전환마다 화면 깜빡임이 발생한다. 사용자 경험이 떨어진다. 2.페이지 이동을 할 때 마다 서버에서 다시 받아오기 때문에 서버 과부화 위험이 있을 수 있다. 3.자바스크립트 파일을 늦게 받아와서 화면은 보이..

함수의 선언(Function delcaration) 기본적인 함수를 정의하고 호출하는 방법이다. //기본적인 선언방법 function hello(){ return 'hello'; } console.log(hello()) // hello //매개변수를 받을 수 있다. function hello(name){ return 'hello'+name; } console.log(hello('Kim')) //hello Kim //매개변수의 기본값 설정 가능 function hello(name='Kim'){ return 'hello'+name; } console.log(hello()); //hello kim 함수 표현(Function expression) 1.익명함수 이름이 없는 함수라고 해서 익명함수라고 한다. 자바스..

DOM이란? 문서를 객체화 하여 트리로 만들어 놓은 상태. 자바스크립트를 통해 접근하고 제어한다. DOM 안녕하세요 DOM입니다 Document Object Model 자바스크립튼 동적인 요소를 제어하기위해 등장했다. 이 DOM트리를 이용해서 웹페이지의 요소에 접근하고 제어 할 수 있다. 브라우저에는 웹 문서를 해석하는 엔진이 내장되어 있다. (대표적으로 구글의 V8엔진) 엔진은 코드를 위에서 한줄씩 읽어가며 해석한다. 해석이 끝나면 전체 문서를 객체화 하여, 자바스크립트로 접근 할 수 있게 해준다. 문서를 객체화 한 DOM은 트리구조를 가지고 있고, 각각의 객체를 노드 라고 한다.상위에 있는 노드를 '부모노드'라고 하고, 부모요소 하위에 있는 노드들은 '자식노드'라고 한다.이 DOM 트리 최상위 루트인..