클론 대상 사이트:
https://www.megabox.co.kr
프론트 깃허브 페이지:
https://github.com/wecode-bootcamp-korea/justcode-7-2nd-jegabox-front
백엔드 깃허브 페이지:
https://github.com/wecode-bootcamp-korea/justcode-7-2nd-jegabox-back
팀 노션:
https://www.notion.so/wecode/JEGABOX-16f3820f358f405badb4cc7e4df267ae
팀 트렐로:
https://trello.com/b/DnQjnHqL/front-end-kanban
배포 링크:
발표 영상:
프로젝트 정보
팀원 구성:
프론트엔드 4명, 백엔드 3명
사용한 기술:
FE - React, Scss
BE - Express, Mysql
개발 기간:
22.11.14 ~ 22.11.27
협업 도구:
github, 슬랙, 구글미트/줌, 노션, 트렐로, VSC liveShare
기타 도구:
포스트맨
협업 방식:
하루에 한 번, 전체 회의를 통해 진행 상황을 공유
프로젝트에 임한 태도:
내가 맡은 기능을 직접 고민해서 풀어보려 노력했으며
1차 프로젝트에서 느낀 점을 반영하려 했다
담당 파트 소개
상영 시간표:
필터링 할 키값을 서버에 전달하기 위한 필터 부분
클라이언트에서 영화 제목, 날짜, 지역 세 가지 키를 서버로 전달하고
해당 키로 필터링 된 데이터를 응답받는다
필터링 데이터를 응답 받은 후 가공하여 이용자에게 보여주는 부분
데이터를 가공하는 과정에서 많은 고민이 필요했다
(관련 포스팅 - https://velog.io/@yopi27/JUSTCODE-Week72차-팀-프로젝트-클론-사이트-만들기1)
예매 내역/예매 취소 내역
백엔드 파트에서 해당 URL로 토큰을 보내면
토큰을 읽어 예매 데이터를 보내주도록 API를 만들어 줬기 때문에
별다른 어려움 없이 레이아웃 구현 후 바로 연결 할 수 있었다
예매 취소 또한 헤더에 토큰, 바디에 예매 번호, id값을 보내면
예매 취소 후 취소 데이터를 응답해주는 API가 미리 구현되어 있었기 때문에
연결 후, 정상 동작하는 것을 보고도 헷갈릴 정도로 쉽게 연결되었다
무비스토리
메인 페이지, 전체 영화 페이지 등에서 좋아요를 누른 뒤
계정 별로 좋아요 표시된 영화를 확인할 수 있는 페이지이다
마찬가지로 해당 URL로 토큰을 보내기만 하면
어려움 없이 데이터를 받아 연결할 수 있었다
작업 후기
처음 의도는 영화 관련 API를 사용할 예정이었으나
필요한 데이터와 API의 데이터 내용이 달라
목데이터로 작업을 하게 되었다
그렇다보니 백엔드 팀원들은 공부에 도움이 되지 않는
목데이터를 만드는 작업에 힘을 들여야 했고
결과적으로도 목데이터를 업데이트 하지 않으면
열심히 작업한 화면을 보여줄 수 없는 사이트가 돼버려서
초기 기획의 중요성을 느끼게 되었다
2차 프로젝트는 1차 프로젝트에 비해 유독 밤을 새는 일이 많았고,
바쁘다는 핑계로 운동도 가지 않아서
끝나고 나서는 체력이 많이 떨어지게 되었는데
끝나고 돌아보면 바쁘더라도
짬을 내서 운동을 가는게 맞았던 것 같아서 조금 아쉬웠다
이번 프로젝트는 개인 작업 시간만큼이나
팀원의 작업을 같이보는 시간도 길었는데
결과를 떠나서 프로젝트를 진행하며 도움이 됐던 팀원으로 기억된다면
보람있는 시간으로 생각할 수 있을 것 같다
