데브허브 | DEVHUB | [React.JS(19) + TypeScript] 04. 불필요한 폴더 및 파일 삭제하기[React.JS(19) + TypeScript] 04. 불필요한 폴더 및 파일 삭제하기
- React 초기 프로젝트는 학습에 불필요한 폴더와 파일들을 포함하고 있어, 효율적인 학습을 위해 정리가 필요합니다. 🧹
assets 폴더는 이미지나 아이콘 같은 리소스를 저장하는 용도이지만, 현재 학습 단계에서는 사용하지 않으므로 삭제합니다. 🗑️
App.css와 index.css 파일은 애플리케이션의 스타일을 정의하지만, 스타일링 학습 단계가 아니므로 제거합니다. 🎨
main.tsx 파일에서 삭제된 index.css 파일을 임포트하는 코드를 제거하여 오류를 방지합니다. 🚫
App.tsx 파일의 초기 코드를 삭제하고, RFC 스니펫을 활용하여 함수형 컴포넌트의 기본 구조로 새롭게 구성합니다. 🏗️
- 정리 후
npm run dev 명령어를 통해 애플리케이션이 정상적으로 실행되는지 확인하여 불필요한 요소들이 제거되었음을 검증합니다. ✅
- 앞으로의 학습은 이렇게 정리된 프로젝트 구조를 기본 형태로 유지하며, 필요한 내용을 점진적으로 확장해 나갈 예정입니다. 🚀