React로 애플리케이션 구축을 시작하기 전에 올바른 개발 환경을 마련하는 것이 중요합니다. 시작하는 데 도움이 되는 단계별 가이드는 다음과 같습니다.

1단계. Node.js 및 npm 설치

React 환경 설정의 첫 번째 단계는 Node.js를 설치하는 것입니다. Node.js는 브라우저 외부에서 코드를 실행하는 데 필요한 JavaScript 런타임을 제공합니다. Node.js를 설치하면 프로젝트의 종속성을 관리하는 데 필수적인 npm(Node Package Manager)이 번들로 제공됩니다. Node.js를 다운로드하려면 공식 웹사이트를 방문하여 시스템에 적합한 버전을 선택하세요.

2단계. CRA(Create React App)를 사용하여 새 React 프로젝트 설정

React는 사전 구성된 환경으로 새 프로젝트를 생성하는 프로세스를 단순화하는 CRA(Create React App)라는 공식 도구를 제공합니다. CRA는 여러분이 코딩에 집중할 수 있도록 webpack, Babel 및 기타 필요한 도구 설정을 처리합니다. 새 React 프로젝트를 생성하려면 터미널을 열고 다음 명령을 실행하세요:

npx 생성-반응-앱 my-react-app

여기에서 my-react-app을 프로젝트에 대해 원하는 이름으로 바꿀 수 있습니다. 그러면 기본 React 프로젝트에 필요한 모든 파일과 폴더가 생성됩니다.

3단계. 프로젝트 폴더로 이동

React 프로젝트가 생성되면 프로젝트 폴더로 이동하여 개발을 시작할 수 있습니다. 다음 명령을 사용하여 새로 생성된 프로젝트 디렉터리로 이동합니다.

cd my-react-app

4단계. React 애플리케이션 시작 및 실행

이제 프로젝트가 설정되었으므로 개발 서버를 시작하여 React 애플리케이션이 작동하는 모습을 볼 수 있습니다. 프로젝트 디렉터리 내에서 다음 명령을 실행하세요:

npm 시작

이 명령은 개발 서버를 시작하고 자동으로 기본 브라우저를 열어 애플리케이션을 표시합니다.

기본적으로 앱은 http://localhost:3000에서 실행됩니다. 개발 서버는 핫 리로딩을 제공합니다. 즉, 페이지를 수동으로 새로 고칠 필요 없이 코드에 대한 모든 변경 사항이 자동으로 브라우저에 반영됩니다.

React에 대해 자세히 알아보려면 내 Medium으로 이동하세요. https://medium.com/@CodingAdventure