Node.js와 npm 설치 및 React App 사용법

Node.js와 npm 설치

React를 사용하기 위해서는 Node.js와 npm(Node Package Manager)이 필요합니다. Node.js는 JavaScript를 브라우저 외부에서 실행할 수 있게 해주고, npm은 JavaScript 라이브러리를 설치하고 관리하는 데 사용됩니다.

1. Node.js 공식 웹사이트 https://nodejs.org/에 접속하여 운영 체제에 맞는 LTS 버전을 다운로드합니다.
2. 다운로드한 설치 파일을 실행하고 지시사항을 따라 설치를 완료합니다.
3. 설치가 완료되면 터미널에서 node -v와 npm -v 명령어를 실행하여 Node.js와 npm이 정상적으로 설치되었는지 확인합니다.

Create React App 설치

Create React App은 새로운 React 애플리케이션을 만드는 데 사용되는 도구입니다.

// 터미널에서 다음 명령어를 실행하여 Create React App을 전역으로 설치합니다.
npm install -g create-react-app

// 명령어를 실행하여 Create React App이 정상적으로 설치되었는지 확인합니다.
create-react-app -v

새로운 React 애플리케이션 생성 및 실행

터미널에서 원하는 디렉토리로 이동합니다.

// 다음 명령어를 실행하여 새로운 React 애플리케이션을 생성합니다: npx create-react-app [앱 이름]
npx create-react-app my-app

// 생성된 애플리케이션 디렉토리로 이동합니다: cd [앱 이름]
cd my-app

// 그리고 다음의 명령어를 실행하면, React 프로젝트가 실행됩니다.
npm start

 

이후 브라우저에서 http://localhost:3000 주소에 접속하여 애플리케이션이 정상적으로 실행되는지 확인합니다.

 

이상으로 React를 사용하기 위한 기본적인 설치 및 설정을 마쳤습니다. 이제 React를 이용하여 원하는 애플리케이션을 개발할 수 있습니다.