React 프레임워크 설치

프레임워크를 설치하려면 컴퓨터에 NodeJS 22+가 필요합니다. 프로젝트를 생성하려면 명령줄에서 다음 명령을 실행하세요:

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

그런 다음 다음 명령들을 실행하세요:

cd my-app
npm install
npm run dev

그러면 프레임워크가 포함된 폴더 my-app가 생성됩니다. 이 폴더 안에서 src 폴더를 찾으세요. 이 폴더가 프로젝트 개발을 진행할 작업 폴더가 될 것입니다.

src 폴더에서 App.js 파일을 찾으세요. 다가오는 강의에서는 이 파일이 여러분의 주요 작업 파일이 될 것입니다. 이 파일에 코드를 작성하고 브라우저 창에서 결과를 관찰하게 될 것입니다.

편집기에서 이 파일을 열고 모든 불필요한 내용을 삭제하여 다음과 같은 형태로 만드세요:

import React from 'react';

function App() {
	return <div>
		text
	</div>;
}

export default App;

프로젝트가 설치된 후, 다음에 실행할 때 (예를 들어 컴퓨터 재부팅 후) 터미널을 통해 my-app 폴더로 이동한 후 다음 명령을 실행하면 충분합니다:

npm run dev