nextjs는 React의 SSR(Server-Side Rendering)을 쉽게 구현할 수 있게 도와주는 프레임워크이다. React만으로도 SSR을 자체적으로도 구현할 수 있긴 하지만 개발환경 세팅이 굉장히 복잡하다. 그래서 NextJs가 나왔고 간단한 설정만으로도

DOM은 HTML문서를 프로그래밍적으로 접근가능하게 해주는 인터페이스로 DOM node에 접근하여 편집을 하게 되면 DOM이 업데이트 되는데 비용이 굉장히 많이 든다. node를 추가하면 node를 추가하여 업데이트 하고 이러한 업데이트로 인해 레이아웃에 변화가 생기면

위의 태그문법을 jsx라고 하며 javascript를 확장한 문법으로 보통 React와 함께 사용한다.위 처럼 JSX의 중괄호 안에는 유효한 모든 javascript 표현식을 넣을 수 있다. 위는 호출 결과인{list.word}를 span 엘리먼트에 포함 시킨것이다.그