NextJS 프레임워크 설치
이번 수업에서는 NextJS를 설치하겠습니다.
이 프레임워크를 설치하려면
NodeJS 버전 22 이상이 필요합니다.
터미널에서 설치를 시작하려면 다음 명령어를 실행해야 합니다:
npx create-next-app@latest
그 후 설치 프로세스가 시작되고 귀하의 프레임워크를 구성하는 데 도움이 될 일련의 질문에 답변하라는 메시지가 표시됩니다.
| 질문 | 답변 |
|---|---|
| What is your project named? |
여기서는 프로젝트 이름을 지정해야 합니다.
어떤 이름이든 가능합니다.
my-app이라고 입력하세요.
|
| Would you like to use TypeScript? |
여기서는 TypeScript 사용을 제안합니다.
우리는 단순함을 위해 JavaScript로 작업할 것이므로
사용하지 않겠습니다.
No를 선택하세요. |
| Would you like to use ESLint? |
ESLint는 당신의 코드가 표준 형식에 맞는지
확인하는 특별한 라이브러리입니다.
Yes를 선택하세요. |
| Would you like to use Tailwind CSS? |
Tailwind은 React용 특별한 CSS 프레임워크입니다.
Yes를 선택하세요. |
| Would you like to use `src/` directory? |
여기서는 프로젝트가 src 폴더에
위치하길 원하는지 묻습니다.
Yes를 선택하세요. |
| Would you like to use App Router? |
현대적인 라우팅 방식을 활성화합니다.
Yes를 선택하세요. |
| Would you like to customize the default import alias (@/*)? |
이 설정은 파일을 임포트할 때
파일 경로를 단순화할 수 있게 해줍니다.
Yes를 선택하세요. |
제안된 모든 질문에 답변한 후 프레임워크 설치가 시작됩니다. 프로젝트가 생성되면 해당 폴더로 이동하세요:
cd my-app
NextJS 프로젝트를 생성하세요.