[Next.js] 초기 개발 환경 for mac

먼저 node.js 설치부터 해야 한다면

 

2024.07.16 - [FrontEnd/React] - [Next.js] 초기 개발 환경 for mac

 

위 글을 보고 mac에서 node 설치를 진행하면 된다.

 

 

yarn 설치 안했다면 yarn 설치

 

brew install yarn

 

또는

npm install -g yarn

 

 

 

 

yarn 설치 확인

yarn --version

 

 

 

next.js 프로젝트 생성

yarn create next-app [프로젝트명]

 

 

프로젝트 생성시 몇가지 질문을 진행한다.

### 생성시 질문
맥에선 방향키로 yes or no 선택 후 엔터를 치면 된다.

✔ Would you like to use ESLint? … No / Yes
ESLint을 사용하시겠습니까? 

✔ Would you like to use Tailwind CSS? … No / Yes
Tailwind CSS를 사용하시겠습니까?

✔ Would you like to use `src/` directory? … No / Yes
src/ 디렉터리를 사용하시겠습니까?

✔ Would you like to use App Router? (recommended) … No / Yes
AppRouter(추천) 사용 하시겠습니까?

✔ Would you like to customize the default import alias (@/*)? … No / Yes
import 기본 별칭을 커스터마이징 하시겠습니까?


선택하여 설치하면 된다.

 

 

설치가 완료되면 터미널에서 해당 프로젝트로 진입하여

yarn dev

 

로 starting 해보자.