시작하기 전에
지난 포스팅에서 React를 사용하는 이유에 대해 살펴봤다면, 이번엔 React App을 만들기 위해 어떻게
프로젝트를 생성하는지 살펴볼 예정이다. React App을 생성하기 위해서 어떤 빌드 도구를 생성할 수 있을지
같이 한번 알아보자.
React Application?
React로 만든 웹 서비스는 React App이나 React Application으로 불리우는데
그 이유는 React로 만든 웹 서비스들은 단순한 웹 페이지를 기능을 넘어, Application에 가까운
다양한 기능을 제공하고 있기 때문이다.
생성 방법
React도 Javascript npm(node.js package manager)에 등록된 라이브러리이므로
라이브러리를 설치해주어야 한다.
하지만, 기타 도구들을 설치하고 설정하는 것이 입문자에게는 매우 어려워, 여러 빌드 툴들을 이용해야 한다.
과거에는 CRA(Create React App) 기능을 이용했으나 2025년 2월 14일 부로 지원 중단된 상태
그러므로, 빠른 빌드 시스템을 제공하는 Vite를 이용할 예정이다.
(실제로 React 공식 문서에서도 권장하고 있는 빌드 도구이다.)
먼저, create vite 명령어를 통해 프로젝트를 생성해야 한다.
그리고, 프로젝트 이름과 사용할 프레임워크들을 선택해주면 된다.
그러면, 설치 완료! 폴더에 다음과 같은 항목이 보이면 설치가 완료된 것이다.
확인 되었다면 npm install 명령어를 통해 package.json의 정보를 기반으로
Node.js 라이브러리를 설치하도록 한다.
package.json의 npm run dev 명령어를 통해 React App을 작동시켜주게끔 한다.
실행된 React App은 로컬 환경에서 직접 확인 가능하다는 점이다.
