1. 탐구

1. Build

: 애플리케이션 코드를 Production환경에 적합한 형태로 준비하는 일련의 단계

1. Next.js와 Build

• Build Time에 서버에 배포되어 사용자에 의해 사용될 준비가 된 파일로 만드는 것들
  • 정적으로 생성한 HTML 파일
  • 서버에서 렌더링된 페이지를 위한 JS 코드
  • 클라이언트에서 페이지를 interactive하게 만들기 위한 JS 코드
  • CSS 파일
• $ next build 를 치면, compile과정을 거친 후 시스템이 실행가능해지도록 만듬
• build타임에 HTML파일을 생성

1. Compiling (babel)
   • Next.js의 코드 -> JS코드로 컴파일링
2. Minifing
   • 코드의 기능을 변경하지 않으면서 줄바꿈, 공백 같은 불필요한 코드 포맷을 없애줌
3. Bundling (webpack)
   • 브라우저에서 최적화된 번들로 파일을 병합
     • 개발 과정에서 나눈 컴포넌트나 함수를 하나의 파일로 합쳐줌
4. Code Splitting
   • Entry Point에서 필요한 작은 Chunk로 애플리케이션을 분할

2. Runtime

: 컴퓨터 시스템에 의해 프로그램이 실행 되는 단계

• .exe 파일을 동작시키는 과정
• runtime error : 0나누기 error, null 참조 error, memory 부족 error 등 실행이 되어야만 확인 가능한 에러
  • compile 중에는 감지하지 못하는 에러들

1. Next.js와 Runtime