개발일기

next.js 시작하기 (yarn 사용) 본문

TIL

next.js 시작하기 (yarn 사용)

황대성 2024. 3. 27. 02:39

1. 폴더 생성

yarn create next-app

 

1. What is your project named? my-app (프로젝트 이름 정하기)

2. Would you like to use TypeScript? No / Yes (타입스크립트 사용 여부)

3. Would you like to use ESLint? No / Yes (틀린것에 대한 힌트 받기)

4. Would you like to use Tailwind CSS? No / Yes (Tailwind CSS 사용 여부)

5. Would you like to use `src/` directory? No / Yes (src 디렉토리 폴더 사용 여부)

6. Would you like to use App Router? (recommended) No / Yes (앱 라우터 사용 여부)

7. Would you like to customize the default import alias (@/*)? No / Yes (별칭 사용 여부)

 

오류

yarn create-next-app@latest 사용시

 

 

2.프로젝트 실행하기

yarn dev

실행 후 로컬 주소 Ctrl + 클릭으로 실행하기 !!

 

+추가 트러블 슈팅 기록

yarn dev로 실행 했는데 오류가 나옴. 1시간 동안 헤매다가 찾음,,

 

nextjs라는 폴더 안에 my-app이라는 폴더를 하나 더 만들어서 프로젝트를 생성 했는데 계속 nextjs 폴더에서 실행 중이였음,,,

 

저와 같은 분들은 없으시겠지만 혹시 모르니까 남겨 두겠습니다.

yarn dev Command "dev" not found. 에러 해결 !!

'TIL' 카테고리의 다른 글

cannot read properties of undefined (reading 'protocol')  (0) 2024.04.15
항상 까먹는 for of, for in 간단하게 기록 해 두기  (0) 2024.03.30
CSR vs SSR  (0) 2024.03.25
useEffect 알아보기  (0) 2024.03.11
리액트의 useRef 기능 두가지  (0) 2024.03.03