패스트캠퍼스 X 야놀자 프론트엔드 개발 1기 부트캠프 - 미니 프로젝트 후기
이번엔 미니프로젝트가 리팩토링까지 끝난 기념으로 미니프로젝트 후기를 적어볼까 한다 !
처음으로 다른 과정과 협업하는 프로젝트로, 많은 것을 느꼈고 배웠던 것 같다.
프론트끼리만 프로젝트를 몇 번 진행했었는데, 조금 더 시야가 넓어질 수 있었던 것 같고 앞으로 어떤 것을 더 배우고 공부해야할지에 대한 감도 잡혔다.
가장... 크게 느낀것은... 역시 백엔드 공부도 해야겠구나..! 였다. ㅎㅎ
나는 바로 취업할 생각이 아니고, 학교를 1년 더 다니고 내후년에 취업을 할 생각이어서 내년에는 백엔드 공부를 해야지 라는 생각이 막연하게 있었다.
이번 프로젝트를 계기로 그래야 하는구나. 라는 생각이 들었다...
우리가 이번에 진행한 프로젝트는, 프론트엔드 5명, 백엔드 3명으로 호텔 예약 사이트를 만드는 것이었다.
개발 기간 2주 / 리팩토링 기간 2주로 주어졌는데, 팀원 한 분이 개발 이후에 취업해서 리팩토링 기간은 프론트 4명으로 진행했다..!
다른 조들은 리팩토링을 크게 하지 않는데 우리 조는 리팩토링 마지막 날까지 열심히 고쳤다..!!
다들 정말 열심히 하고 배울 점도 많아서 좋았다. 특히 !! 코드 리뷰가 정말 잘 달렸다... 감덩
팀원의 코드를 보고 코멘트를 달아주는 점도 굉장히 중요한데 (개발자는 코드리뷰가 반이라는 얘기를 어디선가 주워들은 것 같기도 함 그만큼 중요한 것 같은..) 우리 조에서 그 부분이 잘 되었다.
사실... 이번에 서울로 이사하면서 첫 자취로 적응하기도 바쁘고 프로젝트도 바쁘고 병원도 다녀서 정말 정신없고 한 곳에 신경을 쓸 수가 없었지만 이제 적응도 다 되었고 마음도 다잡고 살짝의 번아웃(?)도 풀린 것 같아서 앞으론 정말 열심히 살아보려고 한다.
파이널땐 정말 열심히 할거다..!!!
이번 프로젝트 디자인은 나랑 프론트 팀원 한 분이 만들었다 ! 거의 1-2시간? 만에 호다닥 만들었다...!!!
결제하기 페이지는 내 담당이고 야놀자랑 비슷하게 구현했다 !
내가 맡은 파트는 결제하기 부분이다 !
- 로그인/회원가입
- 메인 페이지와 카테고리별 페이지 + 검색 기능
- 상세 페이지
- 장바구니
- 결제 페이지와 결제 완료 페이지 / 전체 주문 내역 확인 페이지
다른 분께서 검색 기능도 넣고, 지도 API 연결도 하고, 쿼리 써서 구현하신 분도 있어서 정말 다들 열심히 해줬다....!!
나는 마지막 페이지여서 로그인이 되고 -> 메인페이지에서 -> 상세페이지로 가서 -> 장바구니나 예약하기를 거쳐야지 결제하기 페이지로 데이터가 들어왔다.
그래서 다들 되고 나서 마지막에 급하게 계속 완성하고 제출하고 그랬다ㅜㅜ 흑..
연결할 API가 많기도 했고 페이지도 페이지도 여러 개여서... 헣 재밌었다
메인 페이지로, 카테고리별로 분류해뒀다.
내가 구현한 결제페이지다..! 야놀자를 많이 참고해서 비슷하게 만들어봤다.
사실... 여기서 이용자 정보 입력 컴포넌트, 결제수단 컴포넌트, 결제하기 컴포넌트를 분리해놔서 나중에가서 유효성 검사라던지 다 입력해야 버튼이 활성화 된다던지 하는... 부분이 잘 안되었다.. 아무래도 백엔드 api에 안 들어가는 수단들은 local storage를 사용했는데 컴포넌트 분리로 local storage를 사용하면 렌더링을 계속 해줘야해서... 컴포넌트를 분리한게 오히려 독이 되었다...ㅠㅠ
입력후 버튼 활성화 되는 기능이 완벽하게 동작하지는 않아서 조금 아쉽다... 이걸 리팩토링 기간에 제대로 고쳐내지 못했다ㅠㅠ
결제가 성공되면 결제 완료 페이지로 넘어가서 어떤 숙소를 주문했는지 확인할 수 있다.
리팩토링 기간에는 기능을 고치는 것도 물론 있었지만 다들 새 기능을 추가하거나 보완하고 api 대공사를 진행했다..!
그래서 다른 조와 다르게 리팩토링을 제일 열심히 했다..!
특히 내가 api 변경이 많아서 막판에 호다닥 열심히 했다 !
나는 상세 페이지에서 예약하기로 바로 결제할 수 있기도 하고, 장바구니에서 상품을 선택해서 결제할 수 있는 두 가지 방법이 있기 때문에 두 기능이 끝나야 내 작업이 가능했다..!
그래서 다른 팀원의 코드를 고쳐보기도 하고 해서 좋았다 ㅎㅁㅎ