React 터미널 명령어 모음

React 프로젝트를 개발하고 관리하는데에는 몇 가지 터미널 명령어가 필요합니다. 아래에 React 프로젝트를 만들고 실행하며 사용할 수 있는 주요 터미널 명령어를 자세히 설명하겠습니다.

 

• Node.js와 npm 설치: React 프로젝트를 만들기 위해서는 Node.js와 npm(Node Package Manager)가 필요합니다. 먼저 공식 웹사이트(https://nodejs.org)에서 Node.js를 다운로드하여 설치해주세요. npm은 Node.js를 설치하면 함께 제공됩니다.

 

• Create React App 설치: Create React App은 React 프로젝트를 빠르게 만들기 위한 도구입니다. 아래 명령어로 Create React App을 설치합니다. 이 명령어는 글로벌 설치(-g)를 수행하므로 관리자 권한이 필요할 수 있습니다.

npm install -g create-react-app

 

• 새로운 React 프로젝트 생성: Create React App을 이용하여 새로운 React 프로젝트를 생성합니다. 프로젝트 이름은 원하는 대로 지정할 수 있습니다.위 명령어를 실행하면 "my-react-app"이라는 이름의 새로운 디렉토리가 생성되고, 그 안에 React 프로젝트가 자동으로 생성됩니다.

npx create-react-app my-react-app

 

 

• 프로젝트 디렉토리로 이동: React 프로젝트 폴더로 이동합니다.위 명령어에서 "my-react-app"은 생성한 프로젝트 폴더 이름으로 바꿔주세요.

cd my-react-app

 

 

• 개발 서버 시작: React 앱을 개발하기 위해 개발 서버를 시작합니다. 이 서버는 코드 변경 사항을 자동으로 반영하여 빠르게 개발할 수 있게 해줍니다.위 명령어를 실행하면 개발 서버가 시작되고, 기본 브라우저에서 React 앱이 자동으로 열립니다. 개발 중에 코드를 수정하면 브라우저에 바로 반영되는 것을 확인할 수 있습니다.

npm start

 

 

• React 앱 빌드: 개발이 완료되고 배포를 준비할 때 React 앱을 빌드해야합니다. 빌드는 최적화된 정적 파일을 생성하며, 배포를 위해 사용됩니다.위 명령어를 실행하면 build 폴더가 생성되고, 빌드된 파일들이 그 안에 저장됩니다.

npm run build

 

 

 

• 이제 위의 터미널 명령어들을 이용하여 React 프로젝트를 만들고 개발할 수 있습니다. React 개발 시에는 추가적인 명령어나 스크립트를 사용할 수도 있지만, 위에 설명한 명령어들은 가장 기본적이고 필수적인 것들입니다.