설치

리액트 시작하기 공식 문서
리액트 앱을 생성하고 싶은 디렉토리에 들어가 다음 스크립트를 실행합니다!

npx create-react-app my-app # my-app대신 나의 앱 이름을 적으면 됩니다!
cd my-app
npm start

첫 줄의 스크립트를 실행하면 현재 디렉토리 하위에 /my-app 이름의 리액트 앱 프로젝트 폴더가 생성되고 필요한 모듈들을 설치하게 됩니다.

시작하기

설치를 마치면 다음과 같이 리액트에서 제공하는 기본 모듈을 확인할 수 있습니다.

리액트 앱 설치 시 자동으로 설치되는 모듈

기본 코드를 실행한 결과

실행

npm start를 실행하면 웹 호스팅이 시작되며, 네트워크나 로컬 호스트에서 접근할 수 있습니다. 이 상태에서 소스 코드를 수정하여 저장하면, 변경 사항이 바로 반영되어 개발 중인 리액트 앱에서 바로 확인할 수 있습니다.