React 개발환경 구축하기

Node.js 의 npm을 이용하여 앞으로 사용할 각종 패키지들을 설치,삭제,업데이트 하는 기능을 제공합니다.

필자의 개발환경은 Window임을 참고하세요

 

★노드가 깔린 드라이브 위치에 명령프롬프트에서 다음의 명령어 수행합니다.

node --version

v13.0.1등 버전이 깔려있을 수 있고 없다면 https://nodejs.org/en/ 으로 가서 안정화버전인 LTS로 다운받기

 

------------------------------------------------------------------------------------------------------

 

1) React 프로젝트 위치 설정

 

임의의 작업 폴더를 하나 생성하고 명령 프롬프트를 실행하여 해당 위치로 이동합니다.

cd d: OR 작업폴더에서 Shift + 마우스우클릭 후 여기에 PowerShell 창 열기 메뉴를 선택합니다.

 

2) 프로젝트 생성하기

npm create react-app 프로젝트 이름 (ex: helloworld)

3) 프로젝트 실행하기

생성된 프로젝트 폴더 안으로 이동한 후 다음의 명령어로 리액트 개발 전용 서버를 구동한다.

npm start