- 캐러셀 구현
- 캐러셀 틀을 잡기 위해 구조 살짝 변경 - 컴포넌트 트리 참고
- products.length가 8의 배수가 아닌 경우를 생각해서 로직을 짰는데 아직 테스트는 안해봄

- 4의 배수가 아닐 때 캐러셀 애니메이션 테스트함
- left 버튼을 누를 때 문제가 있었는데 index 업데이트를 수정하여 고침

- 왼쪽 버튼을 누르면 이전 슬라이드가, 오른쪽 버튼을 누르면 이후 슬라이드가 나오도록 수정

- 아델라의 캐로셀 코드를 demo 브랜치에 머지

- 리렌더링 때문에 깜빡거림

- 공통적으로 사용되는 styled component를 common.jsx에 분리
- 카드에 있는 정보를 모달에 전달

…to feature/modal

- 컴포넌트 구조 변경
    - utils를 구별하려고 했는데 components 안에있는 utils가 rename이 안되어서 외부 utils, 내부 utils로 둠
    - 별로 좋지 않은 느낌인거 같고, 아무래도 이 부분은 팀원들과 함께 논의하면서 진행해야 할거같아서 내꺼에만 저장해놓기!
- Portal
    - index.html에 global-modal 이라는 id값을 가진 돔 생성
    - Modal이라는 포탈을 만들어서 띄워주기
    - 띄워지는거 확인

- Card의 자식으로 Portal-modal을 집어넣음
- 모달이 뜰 때 fetch로 해당 상품의 정보를 가져오는 방식으로 구현
    - 혹시라도 실시간으로 재고 상황이 달라질까 싶어서 매번 fetch 하는 형식으로 구현했는데, 좋은 방법인지는 모르겠음
- StyledLi 밖에서 setModalState를 해주어야 함
    - 그렇지 않으면 클릭하는 모든 부분이 StyledLi라서 클릭 이벤트가 자꾸 발생해 false로 바꿔도 다시 true가 되어 모달창이 꺼지지 않는 일 발생
- 현재 useEffect 안쓰고 그냥 fetch를 사용했고, 동작은 하는데, 좋은 방법처럼 느껴지지는 않음
    - 근데 useEffect안에 fetch를 사용하는 것이 원칙일까.. 좀 더 공부해볼 필요가 있는 것 같음

- 너무 무거워지는 것 같아서 products라는 폴더 만들고 하위 컴포넌트들을 나눠 저장
- 제니의 퍼블리싱 작업 합침
    - 근데 작은 사진들을 클릭했을 때 썸네일에 안뜨는 문제 발생함
- 자잘한 버그가 있는 것 같음. 추후 재확인 필요

- 제니의 퍼블리싱 작업을 합침
- 불필요한 주석 제거

- JennyCarousel 설치해서 적용
- 자잘한 css 수정 (title의 margin, section의 width..)

- 모달 창 크기 수정
- 모달 창 내 캐러셀 삽입 (with 제니캐러셀)
- 모든 카테고리 보기 구현

- 4개 => 5개로 (개수 지정 가능하도록 수정)
- RecommendCarouselTitle position absolute를 통해 재배치 및 부모 position relative 주기

Feature/jentest