[⚛️ React] 컴포넌트 clone 받아서 적용하기

 

React 컴포넌트 활용 흐름

https://chatgpt.com/share/69536242-c12c-8012-8b85-3a3464824419 <- 이 과정 속 GPT와 나눈 대화

git clone 템플릿 리포지토리
npm install
npm run dev

 

---

이미 작업하던 Repo에 React 컴포넌트 clone 받는 방법

-> React 컴포넌트 repo를 frontend 자체로 사용

my-project/
├─ backend/        # FastAPI
└─ frontend/       # ← 여기에 컴포넌트를 clone
   ├─ package.json
   ├─ src/
   ├─ public/
   └─ ...

작업 순서(Step-by-Step)

1️⃣ 기존 frontend 폴더 비우거나 이름 바꾸기

mv frontend frontend_old   # 혹시 모르니 백업

 

2️⃣ React 컴포넌트 repo를 frontend 이름으로 clone

git clone https://github.com/codedthemes/mantis-free-react-admin-template.git frontend

---

3️⃣ 실행 확인

cd frontend
npm install
npm run start

성공적으로 작업하던 Repo에서 React 컴포넌트를 갖고 왔어요!! 굿!!