React 앱 생성 방법 및 초기 셋팅 방법

 

리액트 앱 생성 방법 및 초기 셋팅 방법

 

 

리액트 앱 생성 방법 및

초기 셋팅 방법

 

---

 

1
리액트 개발 폴더 만드는 방법

개발 폴더 생성 후 생성 된 폴더로 이동

mkdir home 
cd home

홈 폴더 생성 후 홈 폴더로 이동

* mkdir 명령어는 "make directory"의 약자로, 디렉토리(폴더)를 생성하는 명령어

* cd 명령어는 "change directory"의 약자로, 현재 작업 디렉토리를 변경하는 명령어

 

---

 

2
React 앱 생성 방법

npx create-react-app .

.을 붙이면 현재 폴더에 설치됩니다. 2~3분 정도 소요됨

 

---

 

3
프로젝트 실행 확인

npm start

자동으로 브라우저가 열리며 http://localhost:3000에 “React 앱 기본 화면”이 보이면 성공!

 

---

 

4
불필요한 코드 정리

code .

VS Code 실행 후 다음 파일 삭제

src/App.css, src/logo.svg, src/reportWebVitals.js, src/setupTests.js

 

---

 

5
src/App.js 수정 (기본 구조 초기화)

function App() {
  return (
    <div>
      <h1>앱 이름</h1>
    </div>
  );
}

export default App;