아일랜드 붕붕이(가명) 구현 하기전에, 3주정도 타겟잡고 계획 작성해봤다.
- 웹 형식
- UI 참고 + 자유롭게 변경 가능
- FE레포만 확인하면 됨
- Conventional Commits
- TS + React
타임라인
0주차 : 안녕
0일: 플랜 작성
1주차: 환경 세팅 및 기초 작업
목표: 프로젝트 환경 설정 및 기본 컴포넌트 구조 수립
일정:
1일:
리액트 및 타입스크립트 환경 설정
Create React App으로 타입스크립트 프로젝트 생성
필수 패키지 설치 (기존 package.json 참고)
2일:
기존 레포 분석 및 요구사항 파악
현재 깃허브 레포를 분석하여 필요 기능 및 코드 구조 파악
UI 피그마 디자인을 참고하여 필요한 컴포넌트 목록 작성
3일:
컴포넌트 구조 설계
주요 페이지 및 컴포넌트 구조 설계
컴포넌트 간 데이터 흐름 및 props 설계
4일:
기본 컴포넌트 구현 시작
UI 피그마를 기반으로 기본적인 UI 컴포넌트 구현 (버튼, 입력폼 등)
5일:
상태 관리 도구 설정
6일:
API 통신 모듈 설계
axios를 사용하여 API 요청 모듈 작성
7일:
초기 코드 리뷰 및 피드백? (이건 날짜 확실치 않음.)
2주차: 기능 구현 및 스타일링
목표: 주요 기능들을 구현하고 스타일링 적용
8일:
주요 기능 구현
API를 통해 데이터(GET/POST 요청) 가져오기 및 상태 저장
9일:
라우팅 설정
react-router-dom을 사용하여 각 페이지(메인, 상세보기 등) 간의 라우팅 설정
10일-11일:
UI와 스타일링 진행
CSS 또는 styled-components를 사용하여 UI를 피그마 디자인에 맞게 개선
12일:
테스트 및 디버깅
여러 브라우저에서 기능 및 UI 테스트, 버그 수정
13일:
링크의 유효성 검사 및 최적화
코드의 성능 및 유효성을 확인하여 필요 시 최적화
14일:
피드백 세션
3주차: 최종 점검 및 배포
목표: 최종 점검 및 배포 준비
15일:
마지막 기능 추가 및 점검
누락된 기능 및 수정 사항 보완
16일:
통합 테스트 및 최적화
모든 컴포넌트가 잘 연동되도록 최종 테스트
17일:
문서화
프로젝트 설정법 및 사용법을 README.md에 작성
18일-19일:
배포 준비
Vercel 통해 배포 준비
20일:
최종 배포
21일:
작업 결과 및 경험을 정리
SIR 작성
JJJJ
계획 작성 완.
역시 난 N2개 J2개
피곤해. 자러가야지.
