실행 방법

[MinJeung-Kim]

실행 명령어

• package.json

  {
   ... ,
   "scripts": {
     "dev": "next dev",     // 개발할때 쓰는 개발용 모드
     "build": "next build", // 서버에 배포한 뒤 프로젝트를 빌드할 때
     "start": "next start", // 서버에 배포한 뒤 빌드 후 실행할 때
     "lint": "next lint"    // 프로젝트 소스코드를 검사할 때(EsLint)
   },
   "dependencies": {
    ...
   }
  }

  • dev : SSG렌더링을 사용하더라도 SSR렌더링으로 실행됨.
    • 별도의 build절차를 거치지않아서 미리 만들어 HTML파일이 없음.
    • 개발할때 코드 수정시, 즉각적으로 확인이 필요하기 때문에 SSR렌더링 처럼 렌더링됨.

• 실행

  PS C:\Project\my-app> npm install
  PS C:\Project\my-app> npm run dev
  
  > my-app@0.1.0 dev
  > next dev
  
  - ready started server on 0.0.0.0:3000, url: http://localhost:3000
  - event compiled client and server successfully in 771 ms (306 modules)
  - wait compiling...
  - event compiled client and server successfully in 282 ms (306 modules)