![[팀 BackFro💯] ArtZip: 세상 모든 전시회를 한 번에](https://www.notion.so/image/https%3A%2F%2Fnoticon-static.tammolo.com%2Fdgggcrkxq%2Fimage%2Fupload%2Fv1586271553%2Fnoticon%2Fnus6dsqgee1cfqy78el1.gif?table=block&id=8db56ad1-304e-441e-8abe-0b7045207852&cache=v2)
1차
기간
7/21(목) ~ 7/27(수)
할 일
기획 완성하기
기획서 완성
와이어 프레임 완성
기능 명세서 완성
디자인 시안 완성
프로젝트 초기 설정
회고
디자인 시안의 완성도가 미흡하다. 더 구체화할 필요가 있다.
공통 레이아웃(페이지 마진, border-radius, 줄 간격 등)에 관해 충분히 논의하지 못했다.
(한 명이 담당해서 맡기)
향후 개발을 진행하면서 혼선이 발생할까 우려된다. 사전에 합의가 필요하다.
한편, 디자인 시안에 너무 시간을 쏟고 싶지는 않다.
“개발을 시작하되, 디자인 시안을 틈틈이 구체화한다.”
2차
기간
7/28(목) ~ 7/31(일)
할 일
개발 초기 작업: 스타일 초기화, 마크업 개발, 서버 연동 준비 등
필수
전역 레이아웃(헤더, 푸터) 마크업 개발 (반응형 포함)
- 헤더 - 공공, 푸터 - 그린
전역 스타일 지정 - 공공
- 스타일 초기화: reset.css 등
- Noto Sans KR 로컬에 추가
- 컬러 상수화
SWR, MSW 라이브러리 설치 - 공공
각자 맡은 페이지의 마크업 개발 (Antd 활용)
깃허브 레포지토리 설정
추가
더미 데이터 생성 (MSW 활용)
전역 상태 관리, SWR 세팅
회고
3차
기간
8/1(월) ~ 8/4(목)
할 일
마크업(HTML, CSS) 80% 이상 구현, MSW를 통해 API 테스트, 1차 배포
(백엔드 API가 어느 시점에 완성될 지 미정)
(목요일에 중간 데모)
필수
중간 영상 & 회고 제출
각 페이지 마크업
공공: 후기 작성 페이지, 유저 페이지
케이: 커뮤니티, 감상평 상세, 특정 전시회
혜삐: 메인페이지, 더보기 페이지, 검색(맞춤 페이지) -이번주 일요일까지!
그린: 전시회 상세 페이지, 로그인 페이지, 회원가입 페이지
1차 배포 (develop, main 따로)
수요일시작
- 담당자 배정 - 갓케이
추가
MSW를 통해 API 테스트
API 명세에 누락된 것이 없는지 검토 & 조율
회고
- 코드 리뷰를 빨리 해주세요.
4차
기간
8/5(금) ~ 8/7(일)
할 일
마크업(HTML, CSS) 90% 이상 완성, axios를 통해 API 연동 시작
(개발 완료된 API들은 바로 작업 시작하기)
(개발 미완료된 API들은 MSW 사용하여 연동 준비하기)
Swagger에 추가된 api들은 개발 완료되었음
필수
마크업 완성
공공: 유저 페이지(기본 정보, 정보 수정 폼)
케이: 댓글
혜삐: 더보기 + 맞춤 + 검색 페이지
그린
API 연동
공공: 후기 생성, 유저 정보 조회
케이: 데이터 mocking, 댓글 API
혜삐: 전시회 조회, 전시회 검색
그린: validation, 로그인, 회원가입, 전시회 상세 조회
추가
그린: 소셜 로그인 공부하기
배포된 사이트에서 이슈가 발생하는지 확인
평가
5차
기간
8/5(월) ~ 8/13(토)
할 일
- API 연동하여 본격적으로 기능 개발
- 중요도가 높은 것부터 순서대로 작업할 것
- m/d로 작업 소요일을 예측할 것 (한 사람의 하루 작업량)
- 전역 데이터 관리, 토큰 관리(유저의 아이디)
- 멘토님 피드백(9일, 8시)
대부분의 API들은 개발 완료된 것으로 파악됨
개발 완료된 API 우선 작업, 늦어지는 API는 백엔드와 개인 조율할 것
※ 프론트에게 중요한 시기이므로 개발에 더욱 매진할 필요
필수
API 연동한 기능 개발 (중요도가 높은 것 먼저 작업)
공공:
- must: 후기 생성(1~2MD), 유저 정보 조회(1~2MD), 헤더(1~2MD)
- should: 후기 수정(1MD), 유저 정보 수정
케이
- must: 리뷰 조회(0.5 m/d), 전역 상태와 토큰(1~2m/d), 댓글 작성 - CRUD (1m/d)
혜삐
- exhibtionCard 이슈 확인
- must: 메인페이지(1 m/d), 더보기 페이지 (1 m/d), 맞춤페이지 (1 m/d)
- should: 내 주변의 전시회
그린
- 로컬 로그인(access: 로컬, refresh: 쿠기에 저장 / 1 m/d), 회원가입 (1 m/d), 전시회 상세 (1 m/d)
- should: validation, 소셜 로그인, 공유하기
토큰 및 유저 정보 관리
그린: 로그인 후 access는 로컬, refresh는 쿠키에 저장
케이: userId를 전역 데이터로 저장, 토큰 만료시 재발급 api 구현
추가
배포된 사이트에서 이슈가 발생하는지 확인