[JavaScript/React]
Windows PC에 React를 설치하는 방법

2020. 8. 29. 20:51


NodeJS 설치

React로 웹프로그램을 개발할 때 유용한 패키지를 설치하기 위해 NodeJS를 설치한다.

NodeJS는 링크를 통해 다운로드받을 수 있으며, 가급적이면 최신버전보다는 안정적인 구버전(LTS)을 설치하는것을 권장한다.

NodeJS 공식 홈페이지

Yarn 설치

명령 프롬프트 이하 CMD에 아래 커맨드를 입력하고 실행한다. 만약 실행이 되지 않는다면 NodeJS가 정삭적으로 설치되었는지 확인하고 만약 정상적으로 설치되어있다면 컴퓨터를 재실행하여 아래 커맨드를 입력하고 실행한다.

npm install yarn

정상적으로 yarn 설치가 수행됨

새로운 React 프로젝트 생성

아래 명령을 이용해 새로운 리액트 프로젝트(앱)를 생성할 수 있다.

npx create-react-app [appName]

아래 사진은 정상적으로 React 프로젝트(앱)이 생성된 화면이다.

새로운 리액트 프로젝트가 생성 완료됨

React 프로젝트(앱) 실행

맨 아래 두 커맨드를 이용해서 새로 생성한 React 프로젝트(앱)을 실행할 수 있다.

cd [React 프로젝트 경로]
npm start

정상적으로 실행된다면, 웹브라우저가 열리면서 아래와 같은 화면이 나올것이다.

localhost:3000 접속 화면

설치가 정상적으로 완료되었다.

'JavaScript > React' 카테고리의 다른 글

Windows PC에 React를 설치하는 방법  (0) 2020.08.29
React를 이용해 동적 실시간 시계 만들기  (0) 2020.08.27
1 2 3 4 5 6 7 8 9 10 ··· 90