1차 프로젝트 정리

Git repository

1. 프로젝트 소개

ZARA를 모티브로한 커머스사이트(Front-end 3명 Back-end 3명 팀 Project)
Navigation Bar와 Product Detail Page 구현
장바구니 조회/추가/수정 기능 구현
Path Parameter통한 선택상품 라우팅 구현
Git 활용한 협업 경험 - 프로젝트 초기세팅, 기능별 branch분리,
작업 후 Pull Request 작성 및 merge 시 conflict 대처

2. Highlights

Navigation Bar

모든 페이지에서 공동적으로 사용할 네브바 컴포넌트

1. 장바구니를 누르면 우측에서 현재 장바구니 현황을 백엔드와 통신을 해서 화면에 표시
2. 장바구니에서 수량 수정 및 삭제기능 구현

Product Detail

리스트에서 라우터를 통해 들어올 수 있는 제품화면

1. Path Parameter를 통해 선택한 상품에 맞는 데이터를 통신해서 화면에 표시
2. 사이즈선택 후 장바구니 버튼을 클릭 시 장바구니에 추가

3. 프로젝트를 통해 얻은 것

1. 리액트적인 사고에 조금 익숙해질 수 있었음. 하지만 후반에 시간이 부족해지자 좋지못한 습관들을 그대로 끌고가는 모습을 스스로 느꼈음. 2차 프로젝트에서는 UI구현을 빠르게 마무리하고 침착한 상태에서 클린코드에 더욱 신경쓰고싶음.
2. 백엔드와 통신하는 것도 중요하지만 통신 후에도 이루어져야 할 로직이 많다는 것을 깨달음. 프로젝트 전에는 통신에 성공한것 자체가 너무 행복했었는데 토큰 저장, 장바구니 최신화 등 시작일 뿐이었음.
3. State 끌어올리기, 토큰 저장하고 요청시 토큰 함께보내기(네트워크-어플리케이션-로컬스토리지), 쿼리스트링, 쿼리파라미터 사용할 때마다 어색했음. 개념적인 보충과 숙련도 높일 필요있음.
4. 시간적인 여유가 부족해 백엔드와 통신 후 로직을 짠 적이 많음. 키충돌이 없어서 좋은 점도 있는것 같았지만, 다음에는 반드시 mock data를 요청해 백엔드 부재시에도 하드코딩을 줄인 개발을 할 수 있도록 해야함.
5. 프로젝트 도중 중간에 개인적인 사정이 생겨 3~4일 참여하지 못했음. 팀원들에게 피해끼쳐서 너무 미안했고, 불가피한 일이 생겼을 때 앞으로는 선제적으로 고지해야겠다는 생각을 했음. 그래도 돌아오자마자 장바구니 기능 구현에 성공했고, 미비된 부분을 팀원의 도움으로 온전히 구현된 모습을 볼 수 있었음. 정말 고마웠고 받은 은혜 언제든 갚을 준비가 돼있음. 누구나 본인과 같은 혼란을 겪을 수 있기 때문에 항상 팀원의 진행상황을 잘 확인하고, 언제든 브랜치를 이동해 팀원의 작업을 이어받아 진행할 수 있도록 할 것.