11/14
디테일에 이미지 불러오기 캐러셀 땜에 고생함
웹 상품현황 삭제버튼 구현
11/15
웹 상품현황 사진 이미지 뿌리기, 버튼에 커서 오게하기
모바일 찜하기 버튼 누르면 달 색깔변하게 함 id 값을 가져와서 비교해서 내id에서만 바껴야하고
global context 를 꼭서야하낟. 안그러면 새로 안그려짐(refetchqueries가 안먹는다)
11/16
웹 상품등록 css done
모바일 네비게이터 중앙 정렬 done
리뷰 불러오기(새로고침을 해야함 새로등록된 리뷰가 보여서 global state에 const [isReview, setIsReview] = useState(true); 하고 setIsReview 를 리뷰등록 페이지에서 t클릭할 때 true 값 주고 리뷰 목록에서 isReview로 새로고침하게 해줬다.
처음에 global state 를 안사용할 때는 꼭 새로고침해야 리뷰가 보여져서 당황스..
아아 app 에서 [isReview, setIsReview] = useState(false) 하고 마이페이지거기에서
setIsReview((prev)=>!prev) 해주면 이제 새로고침안하고도 바로 새리뷰가 보인다.
웹 상품등록 수정하기
11/17
웹 상품등록 수정하기 done
: 등록된 상품의 상세페이지를 보여주는 창이 없어서 router의 useditemId를 어디로 줘야할지 했갈렸고 폴도 구조를 어떻게할지 시행착오가 있었다.
defaultvalue도 다 잘 보이게 해줬다.
console 창에 에러가 존재하는데 흠 고쳐야한다.
-
상품 현황 / 판매 현황 페이지 네이션 했는데 2페이지까지만 나온다,
-
nightmare
끌올 기능
마우스 가져다대면 자세히 보기
상품현황에서 판매완료 . 판매중 필터로 보기?
11/18
상품현황에서 행 누르면 모달로 상품 상세보기 보이게 했는데
모달에 fetch를 해야하는거라 eventbubling으로 클릭으로 id를 받아오는 방식으로 했다.
처음에 id 받아오는게 어려워서 힘들었다.
인풋창에 스크롤 넣을려고 했는데 어려울거라 생각해서 infinite scroll부터 해서 react quill scrolling…. 다양한 방법을 시도했는데 기본이부족해서 그런거였다. div 태그의 overflow를 그냥적응면 되는 문제였는데 아주 돌아돌아 답을 찾았다.
11/19
행에 이벤트 버블링을 사용한거라 전부다 이벤트가 적용되었는데, 나는 수정 삭제 버튼이 있어서 그 부분에는 적용되면 안되었다. 그래서 구글링으로 이것저것 찾다가 이벤트 버블링을 막을 수있는 함수를 찾았다.
이벤트 버블링 막기 event.stopPropagation();
끌올 안할거임
필터 판매중 판매완료는 함
알고리즘이 많이 부족해서 어떤식으로 짜야할지 정말 고민을 많이했다. 또 어떤 기능을 써야할지도 고민이 많았는데 결국 돌아돌아 답을 찾을 수 있었어다.
우선 state 를 사용했고 filter로 특정 값이 들어 있냐 안들어있냐로 맵을 돌렸다.
과장을 좀 보태면 이거 하면서 알고리즘이 조금은 는거같다!
만약에 시간이 더 잇다면 카테고리도 필터에 넣어서 다중으로 선택할 수 있게 하고싶다.
yarn add @mui/icons-material
yarn add @mui/material
11/20
필터에 카테고리 추가
