👀 오늘 뭘 했을까?
- 굉장히 오랜만에 쓰는
TIL
이다.
- 프로젝트 시작하면서 세션 정리, 벨로그 모두 미루고 미루고 미뤘네? 하하..
- 벌써 한 주가 끝나고 1차 중간 발표가 내일이라니...
- 상품페이지, 상품 상세페이지를 맡아 열심히 작업하며 한주를 보냈지요!
😳 오늘 뭘 배웠을까?
1. 상품 페이지 작업
상품 카테고리 / 정렬탭 컴포넌트
와 상품 리스트 컴포넌트
크게 두 가지로 나눴다.
- 카테고리 컴포넌트는
5가지 리스트 정렬
, 20개 / 40개 / 60개 나눠 보기
, 카테고리 이동
, 4가지 레이아웃 변경
기능들이 있었다.
- 상품 리스트 컴포넌트는
찜하기
, 상세 페이지 컴포넌트로 연결
, 페이지네이션 기능
들이 있었다.
- 현재 필요한 기능구현은 마무리 했고 백엔드분과 데이터 통신하면서 키 값을 맞추는 중이다!
2. 상품 상세 컴포넌트
상품 상세 컴포넌트
는 실제 사이트는 하나의 페이지로 돼있지만 불필요한 부분이 많아 모달 형식으로 변경했다.
- 왼쪽 컴포넌트는
상품 이미지 / 리뷰 슬라이드
, 프리뷰 이미지
, 리뷰 리스트
에 대한 기능 구현이 필요했다.
- 오른쪽 컴포넌트는
상품에 대한 가격
, 포인트 정보
, 선택한 상품에 대한 옵션 및 수량 선택
, 구매하기 / 찜하기 / 장바구니
기능 구현이 필요했다.
- 상품 상세 컴포넌트도 마찬가지로 백엔드분과 통신하며 키 값을 맞추는 중이다!
3. 느낀점
- 팀원분들이랑 같이 프로젝트를 하면서 내가 맡은 파트에 대한 책임감(?)을 느끼며 최대한 좋은 결과물을 만들 수 있도록 노력하고 있다.
- 1차 프로젝트인 만큼 욕심내지 않고 배운 리액트 기능내에서 최대한 활용하며 깔끔한 코드를 만들고 싶다!
- 마지막으로 18기 라인 어벤져스 화이팅입니다!