【React】환경 구축 create-react-app

소개



Windows 환경에서 React를 처음 사용하는 경우의 단계
이하 2점은 필수
・초기 도입을 용이하게 실시할 수 있는 create-react-app를 이용한다

Node.js 설치



Node.js 공식 사이트에서 Node.js 설치



htps : // 그래서 js. 오 rg / 그럼 /


Chocolatey를 사용하여 설치



Chocolatey 명령에서 nodist 설치
Chocolatey : Windows 용 패키지 관리 소프트웨어



nodist의 Path를 통과



nodist는 WindowsOS에서 Node.js 버전 관리를 수행하는 도구입니다.
위를 실행하면 nodist의 Path가 통과하지만,
nodist -v 커맨드 실행시에 인식되지 않는 에러가 나오는 경우는, path가 통과하고 있는지를 확인한다.
※ nodist 설치 후 명령 프롬프트를 다시 시작하지 않으면 인식되지 않음



nodist 설치



nodist + (버전)

다음으로 yarn 설치
yarn은 Node.js의 패키지 관리를 수행합니다 (다른 npm도 있지만 npm보다 설치가 빠르다는 이점이 있습니다)
①Chocolatey로 설치
choco install yarn
②npm으로 설치
npm install -g yarn
명령 프롬프트를 다시 시작하여 Path가 일시 중지되었는지 확인


create-react-app 설치



create-react-app를 npm으로 설치
npm install -g create-react-app

create-react-app로 프로젝트 만들기



작업 폴더로 이동하여 다음 명령 실행
create-react-app(프로젝트 이름)


create-react-app 실행



작성한 디렉토리로 이동하여 다음 명령을 실행
yarn start
아래 화면이 나오면 OK


windowsS에서 create-react-app를 사용하여 프로젝트를 만드는 방법은 이상입니다.

좋은 웹페이지 즐겨찾기