NextJS 프레임워크에서 프로덕션 모드
프로덕션 모드는 호스팅에서 프로젝트를 실행하기 위해 설계되었습니다. 이 모드의 주요 목표는 최대 성능과 프로젝트 보안을 보장하고, 시스템 메모리를 절약하기 위해 로드되는 파일의 크기를 줄이는 것입니다.
프로덕션 모드의 주요 특징:
- 코드 최적화 - 프로덕션 실행 전에 코드가 컴파일됩니다. 예를 들어, JavaScript와 CSS의 크기를 줄이고 페이지 로딩 속도를 높이기 위해 최소화가 수행됩니다.
- 정적 생성 - 프레임워크가 페이지를 미리 생성하여 사이트에서의 로딩 속도를 높입니다.
- 이미지 최적화. 이미지는 자동으로 압축되고 다양한 화면 크기와 기기에 맞게 조정됩니다.
- 디버그 정보 제거 - 모든 오류 디버깅 코드가 브라우저 페이지에서 제거됩니다. 이는 프로젝트의 안전한 운영과 파일 구조 정보를 사용자로부터 숨기기 위해 필요합니다.
- 핫 리로드 없음 - 개발 모드와 달리 변경 사항이 있을 때마다 자동 리로드가 없습니다.
프로덕션 모드는 두 가지 명령어로 실행됩니다. 먼저 프로젝트의 프로덕션 빌드를 수행해야 합니다:
npm run build
그런 다음 빌드된 프로젝트를 실행합니다:
npm start
프로젝트 실행 후, 프로젝트의 주요 구조에 대한 정보를 볼 수 있습니다. 특수 기호로 프로젝트 콘텐츠의 유형(정적 및 동적)이 표시됩니다. 현재 우리에게는 정적 콘텐츠만 있습니다.
프로젝트를 프로덕션 모드로 실행해 보세요.
프로덕션 모드를 종료하고 개발 모드를 시작하세요. 앞으로의 강의에서는 이 모드에서 작업할 것입니다.