24차시. 프로젝트 정리
학습 목표
- 코드 리팩토링을 할 수 있다
- README를 작성할 수 있다
- 포트폴리오를 정리할 수 있다
- 프로젝트를 완성할 수 있다
1. 코드 리팩토링
1.1 리팩토링 체크리스트
- 중복 코드 제거
- 컴포넌트 분리
- 함수 분리
- 변수명 명확화
- 주석 추가
2. README 작성
2.1 README 구조
# 프로젝트 이름
## 프로젝트 소개
프로젝트에 대한 설명
## 기술 스택
- React
- Vite
- ...
## 설치 방법
npm install
## 실행 방법
npm run dev
## 배포
Vercel에 배포됨3. 포트폴리오 정리
3.1 포함할 내용
- 프로젝트 소개
- 주요 기능
- 기술 스택
- 배포 링크
- GitHub 링크
4. 다음 단계 예고
다음 단계에서는 최종 프로젝트를 진행합니다:
- 게시판 (CRUD)
- 로그인/로그아웃
- API 연동
- 배포
요약
핵심 개념
- 리팩토링: 코드 개선
- README: 프로젝트 문서
- 포트폴리오: 프로젝트 정리
체크리스트
- 코드 리팩토링 완료
- README 작성 완료
- 포트폴리오 정리 완료
다음 단계에서 만나요! 🚀
'FrontEnd > React' 카테고리의 다른 글
| useContext 테마바꾸기 (0) | 2026.03.28 |
|---|---|
| props - 테마바꾸기 (0) | 2026.03.28 |
| 23차시. 빌드 & 배포 (0) | 2026.03.23 |
| 22차시. 컴포넌트 최적화 (0) | 2026.03.22 |
| 21차시. React 스타일링 (0) | 2026.03.21 |
