Next 14 (1) 수동설치

수동 설치

1. 원하는 프로젝트 폴더명 선언 후 이동
2. npm init
3. npm install react@latest next@latest react-dom@latest
   - 최신 버전 react, next, reactdom을 설치
4. package.json에 다음 내용을 추가 (next js를 실행시키는 명령어 선언)
   

     "scripts": {
       "dev" : "next dev"
     },

5. page.tsx 파일을 app이라는 폴더에 넣기
   기본적으로 next js가 해당 app폴더의 page파일을 찾아 실행시킴
6. npm run dev 명령어를 실행 시 4번의 선언을 통해  next를 실행시키며 5번의 page파일의 확장자를 ts로 선언한 경우 자동으로 typescript가 설치가 됨
7. 이후 자동으로 layout.tsx또한 기본적인 구조로 설치가 됨.
8. 다만 .gitignore같은 일부파일은 따로 생성해야함.