프로젝트 소개
숙소 검색 및 예약 서비스를 제공하는 스테이폴리오를 공유 오피스 대여 서비스로 기획 변경하여 클론코딩하는 프로젝트이다.
프로젝트 예정기간은 총 2주로 잡았으며 짧은 기간인만큼
- 소셜로그인
- 메인
- 리스트페이지
- 디테일페이지
- 마이페이지
총 5개의 페이지를 구현하였으며
팀원의 경우에는 총 5명으로 프론트엔드 3명 백엔드 2명으로 구성돼있다.
개발 인원 및 기간
- 개발 기간 : 2021/12/13 - 2021/12/24
- 프론트엔드 : 강인웅, 양주영, 김유량
- 백엔드 : 강태준, 박재용
구현 기능
-
카카오 소셜 로그인 (양주영/ 박재용)
-
메인 (김유량/ 강태준)
-
오피스 리스트 (강인웅/ 강태준)
- 오피스 리스트 컴포넌트화 하여 나열
- 페이지네이션 기능 구현
- 정렬, 필터링 기능 구현
- 쿼리스트링 형식으로 핸들링
- DatePicker 라이브러리 커스텀
- 초기화 기능 구현
-
제품 상세 (양주영/ 강태준,박재용)
-
마이페이지 (강인웅/ 강태준)
- 디테일 페이지에서 예약된 오피스 목록 표현
사용된 기술 & 툴
FRONT_END
React
styled component
Prettier
ESlint
BACK_END
Python
Django frame work
MySQL
Docker
COMMON
Notion
Trello
Slack
Git, Github
잘한 점
-
기획적인 면에서부터 욕심히 과하지 않아 좋았던 것 같다. 욕심이 과하지 않았다보니 코드의 질을 높일 수 있었고 같은 기능이라도 여러가지의 방법을 시도해보며 리액트적 시야를 더 넓힐 수 있었던 것 같다.
쿼리스트링으로 핸들링하기 위해 시도했던 방법들
-
스크럼 방식의 데일리 미팅 방식에서도 사적인 대화는 배제하고 미팅에만 집중해 짧고 굵게 끝낼 수 있었다.
-
slack을 활용하며 소통하는 방이랑 gitHub과 연동된 방을 나눴는데 훨씬 프로젝트 관리면에서 깔끔하고 좋았다.
아쉬운 점
-
내 작업시간을 좀 더 타이트하게 잡고 맞춰보는 시간을 늘려 다른 팀원분들에게 피드백을 주고 적극적으로 도와줬으면 하는 아쉬움이 남았다. 개인 작업시간을 너무 여유롭게 잡고 하다보니 마지막 서로 페이지를 맞춰보는 과정이 좀 어려웠었던 것 같다. 앞으로 프로젝트에서는 일정을 어느정도 타이트하게 잡고 덤프기간같이 여유를 두는 것을 목표로 해보려고 한다.
-
백엔드에서 준 위도,경도 데이터를 활용해 오피스 위치를 마커해주는 지도 기능을 구현하고 싶었는데 일정이 뜻대로 되지 않아 시간이 부족해 구현하지 못했던 것이 많이 아쉬웠다. 따로 지도기능이 추가된 브랜치까지 만들어 작업하던 이력이 있으므로 추후 코드 리팩토링에서 카카오 맵 API를 이용해 오피스별로 위치를 마커하여 표시하는 것이 목표이다. 이런 문제 또한 덤프기간을 만들어 다음 프로젝트에서는 개선을 해보려고 한다.
이번 프로젝트에서 적용해본 기능
-
달력 라이브러리 Date Picker 사용
-
페이지네이션
