프론트 개발 블로그

Next.js 설치 시 'package.json' 에 'scripts' 를 추가하게 된다. 이 스크립트는 애플리케이션 개발의 여러 단계를 참조한다. - 'dev' - 'next dev' 개발 모드에서 Next.js 를 시작하는 실행 - 'build' - 'next build' 프로덕션 용도로 애플리케이션을 빌드하는 실행 - 'start' - 'next start' Next.js 프로덕션 서버를 시작하는 실행 추가 내용 (210413 추가) - next dev 커맨드에는 source map 과 hot code reloading 이 제공되어 디버깅 시 매우 유용하다 - build, start 명령어는 운영 버전의 사이트를 로컬에서 배포하는데 사용해야 하는 명령어로 최종 사용자들에게 유익하지 않을 source..

The Next.js Handbook 내용 스터디 https://www.freecodecamp.org/news/the-next-js-handbook/ 번역 : https://coffeeandcakeandnewjeong.tistory.com/5#ch-7 Q. 우측 하단 번개 아이콘은 무엇인가요? 페이지의 우측 하단의 번개 모양 아이콘이 보이시나요? 마우스(Hover)를 가져가면 "Prerendered Page"라고 뜹니다 : 1. 이 아이콘은 개발 모드에서만 볼 수 있다. 2. 이 아이콘은 자동 정적 최적화에 적합한 경우 이를 알려주는 표시이다. 3. 자동 정적 최적화란? 3-1. Next.js는 리액트를 사용할 때 정적 웹 사이트, 즉 SSR(Server Side Rendering)을 쉽게 할 수 있도록..