Next

Next 장 / 단점

React를 사용한 프레임워크로 SSR과 Code Splitting을 쉽게 구현 할 수 있게 해줌

Next 장점

• SSR과 Code Splitting를 쉽게 구현 할 수 있다.

Next 단점

• 프레임워크 특성상 정해진 틀 안에서 작업하므로 자유도가 떨어진다.

반응형 작업 시 무조건 모바일 먼저 작업하기
작은 사이즈부터 큰 사이즈로 작업 해야 한다.
만약 큰 사이즈 웹부터 작업한다면 브레이크 포인트 설정이 난처해진다
** 브레이크 포인트??

에러가 날 경우 나중에 또 같은 에러가 날 경우 쉽게 해결하기 위해 모아서 정리해두자.
에러가 난 이유와 구체적인 해결 방법을 명시해서 적어두자

Next의 특징

페이지 첫 방문시에는 전통적인 데이터 전송, 이후부터는 SPA에서의 데이터 전송 방식을 사용한다.

Next는 Pages 폴더를 사용해서 라우팅을 한다.

Next는 React Hot Loader가 포함되어 있어 실시간으로 변화가 보인다.

Pages 폴더의 공통 파일 _app.js, 모든 페이지에서 공통적으로 적용 되야 하는 것을 여기에 쓴다.

Next는 개발모드일때 첫 동작 시 매우 느릴 수 있다. 이건 배포모드에선 해결되니 무시하자

기본적으로 css는 import 할 수 없지만, Webpack이 css를 style 태그로 바꿔서 html에 넣어 준다.