React 애플리케이션 설치 및 준비

이번 수업에서는 Redux와 함께 사용할 것이므로, React 애플리케이션 설치 및 준비부터 시작하겠습니다. Redux와 함께 React 애플리케이션 템플릿을 생성하는 더 빠른 방법이 있습니다 (이는 특히 초보자에게 항상 쉬운 것은 아니지만) 공식 문서에 나와 있지만, 우리는 처음부터 시작하겠습니다.

먼저, Vite를 사용하여 my-app React 애플리케이션을 생성합니다 (이는 Webpack의 현대적인 대체제입니다). 이를 위해 터미널을 열고 다음 명령어를 입력합니다 (제공된 옵션이 있다면 React를 선택한 다음 JavaScript를 선택합니다):

npm create vite@latest my-app -- --template react
cd my-app
npm install

생성된 애플리케이션을 실행합니다:

npm run dev

브라우저에서 제안된 링크 http://localhost:5173/을 열어 익숙한 시작 화면을 확인합니다. 모든 것이 작동합니다.

이제 불필요한 것을 제거합니다. public 폴더를 비웁니다. src 폴더에는 main.jsx, index.css 및 App.jsx만 남깁니다 (index.css와 App.jsx의 내용은 완전히 삭제합니다).

index.html 파일에서 타이틀 텍스트를 다음으로 변경합니다:

<title>React Redux App</title>

React 애플리케이션을 생성하고 작동하는지 확인하십시오.

불필요한 파일과 폴더를 삭제하십시오.