[React, Next] React, Next JS, TS 프로젝트 생성

[React, Next] React, Next JavaScript, TypeScript 프로젝트 생성

이번 게시글에서는 React, Next 프로젝트를 JavaScript, TypeScript로 생성하는 방법을 알아보도록 하겠습니다.

JavaScript 프로젝트 생성

◆ React 프로젝트

React 프로젝트를 JavaScript로 생성하는 것은 아래 명령어를 사용하면 됩니다.

명령어 : npx create-react-app 프로젝트명

ex) npx create-react-app react-project

◆ Next 프로젝트

Next 프로젝트를 JavaScript로 생성하는 것은 아래 명령어를 사용하면 됩니다.

명령어 : npx create-next-app 프로젝트명

ex) npx create-next-app next-project

 

npx를 이용하여 간단하게 React, Next 프로젝트를 JavaScript로 생성하였습니다.

TypeScript 프로젝트 생성

◆ React 프로젝트

React 프로젝트를 TypeScript로 생성하는 것은 아래 명령어를 사용하면 됩니다.

명령어 : npx create-react-app 프로젝트명 --template typescript

ex) npx create-react-app react-project --template typescript

◆ Next 프로젝트

Next 프로젝트를 TypeScript로 생성하는 것은 아래 명령어를 사용하면 됩니다.

명령어 : npx create-next-app 프로젝트명 --typescript

ex) npx create-next-app next-project --typescript

 

npx를 이용하여 간단하게 React, Next 프로젝트를 TypeScript로 생성하였습니다.

 

상황에 맞게 React, Next 프로젝트를 JavaScript, TypeScript로 생성하여 재밌게 코딩하시길 바랍니다.

 

마지막

해당 내용은 틀릴 수도 있습니다. 틀린 내용이 있으면 조언 부탁드립니다.