create-react-app으로 React 프로젝트 시작하기

예전에는 React 프로젝트를 설정하는 것이 정말 힘들었습니다! 종속성 수집, 빌드 프로세스 설정 및 구성 파일 조합 사이에서 React의 세계에 발을 들여놓는 것만으로도 벅찬 작업이었습니다.

다행히도 더 이상 그렇지 않습니다!

Facebook의 라이브러리create-react-app를 사용하여 몇 분 안에 프로젝트를 시작하고 준비할 수 있습니다!

설치

아직 node/npm을 설치하지 않은 경우 here으로 이동하여 설치 프로그램을 다운로드하고 실행하십시오.

터미널에서 다음 명령을 실행하여 설치합니다create-react-app.

npm install -g create-react-app

설치한 버전을 확인하여 설치를 확인할 수 있습니다(필자의 경우 3.1.1).

create-react-app -V 
> 3.1.1

create-react-app가 설치되었습니다! 이제 시작할 수 있습니다.

앱 만들기

시작하려면 다음 명령어를 실행하여 상용구 프로젝트를 생성하세요.

 npx create-react-app <name-your-project>

이렇게 하면 주어진 프로젝트 이름으로 폴더에 상용구 프로젝트가 생성됩니다. CLI가 프로젝트를 생성하고 필요한 모든 종속성을 설치하면 출력이 표시되어야 합니다.

출력 맨 끝에 사용 가능한 명령 목록이 표시됩니다.

yarn 대신 npm가 기본 패키지 관리자로 사용되는 것을 알 수 있습니다. yarn가 설치된 경우 기본적으로 사용되지만 npm도 작동합니다!

프로젝트 실행

위의 출력에서 ​​제공하는 지침에 따라 생성된 폴더로 이동하고 시작 명령을 실행합니다.

cd <project-name>
npm start

이것은 http://localhost:3000에 프로젝트를 제공하고 자동으로 기본 브라우저에서 창을 엽니다.

비올라! React 프로젝트가 실행 중입니다. 나쁘지 않죠?

기본적으로 이 프로세스는 파일 변경 사항을 감시하고 브라우저에서 페이지를 자동으로 다시 컴파일하고 다시 로드하므로 이제 남은 것은 해당 애플리케이션 코딩을 시작하는 것입니다!

결론

보시다시피 create-react-app는 React 프로젝트의 설정을 단순화하는 데 큰 역할을 하므로 정말 하고 싶은 일, 즉 멋진 React 애플리케이션을 코딩할 수 있습니다!
create-react-app 에 사용할 수 있는 다른 명령 및 구성이 있습니다. 프로덕션 빌드 생성과 같이 제공되는 기능에 대해 자세히 알아보려면 해당 사이트website를 방문하여 설명서를 확인하십시오.

읽어주셔서 감사합니다! 이제 멋진 것을 만드십시오!