개발 환경 설정

[MinJeung-Kim]

⚒️개발 환경 설정

• Tool다운로드
  • Visual Studio Code ,
  • Git Bash ,
  • Node.js

• 버전 확인

  $ node -v
  $ npm -v
  $ git --version
  $ yarn -v 

  

  
  

😎 NEXT.js

1. 설치

   $ npx create-next-app@latest

2. 프로젝트 구조

• node_modules : 외부라이브러리 (dependencies)

• public : 외부에 공개하는 리소스(이미지 등)
  

  

• src : 최상위 경로에 있을 폴더들을 가짐.

• layout.tsx : 페이지에서 사용할 구조.

• page.tsx : 홈페이지의 첫 컴포넌트.
  

• .eslintrc.json : 규칙정의
• .gitignore : git에 커밋하면 안되는 파일 정의.
• next-env.d.ts : next에 관련된 타입스크립트 정의 파일(수정❌)
• next.config.js : next에 관련된 설정 정의.
• tsconfig.json : 컴파일러 옵션 정의.