---
# System prepended metadata

title: ㅎㄹㅇㅎㅇㄹㅎㅇㄹㅎㅇㄹㅎㅇ

---

## 당배 버그를 잡자 🐛

### LP/SRP






### 아이템카드
- PC ItemCount 위치 다름

  - ![스크린샷 2023-12-20 오후 4.47.12](https://hackmd.io/_uploads/HkmznMxvT.png)
  - 간격이 다른데 원인을 아직 모르겠어요ㅠ
    - 성화님 요거 확인해보니까 ItemCount 위치는 문제가 없는데 각 섹션별로 높이가 1~3px 정도 운영이랑 차이가 나서 높이가 달라보이는 것 같아요
    - 금주의 잇템 운영이 3px 더 큼
    - 번들 운영이 1px 더 큼
    - 자주구매 베스트 운영이 1px 더 큼
     > 높이가요?! 찾아주셔서 감사해요 해결해볼게요!!

--- 

## 완료된 이슈

### LP/SRP
- 1. 필터/카테고리 팝업 열려있을 때 기존 페이지 스크롤이 가능한 이슈
    - (수민) 클래스가 마크업에 적용이 안 되어 있는데, 요청을 드릴지 그냥 인라인 스타일로 줄 지 고민되는군요 요새 마크업 수정이 좀 느린 것 같아서...
    - document.body.style.height = '100%'; document.body.style.overflow = 'hidden'; document.body.style.position = 'static';
    - 인라인으로 먹여버림 ~~  https://github.gmarket.com/org-ebaykorea/corner-expressshop-fe/commit/b01f5d7ef2d34cb92a5cab2f9784d22691059071


- 2. 판매 중인 상품이 없습니다 뒤에 . 없음
    - 수정완료 🥁🥁 https://github.gmarket.com/org-ebaykorea/corner-expressshop-fe/commit/e39aa5d41bd1fe0fae5893b3e392e5e36959a656 
- 3. 판매중인 상품이 없을 때 푸터 영역 스타일이 상이함(div id=“container” min-height 때문인듯)
    - ??
    - 이거 사진 올리는걸 깜빡했네욧...ㅠㅠ 
    - (수민) 앗 요건 마크업 수정 되어야할 것 같은데... 1번이랑 같이 요청드릴까봐요 

| 개발 당배 | 현 당배 |
| -------- | -------- |
| ![image](https://hackmd.io/_uploads/SkaqMGZPp.png)     | ![image](https://hackmd.io/_uploads/HJzofGWwa.png)     |

- 4. https://www-stg.gmarket.co.kr/n/expressshop/category?CategoryCode=1002001 접속시 CategoryCode 인식 못함
    - CategoryCode 대문자라 categoryCode 전환 필요. 구쿼리 변환에서 가능할지?_?
    > 쿼리키가 데탑에 빠져있어서.. 추가하도록 하겠습니당!
    > 감쟈감쟈합니다 🥔

- 5. https://www-stg.gmarket.co.kr/n/expressshop/search?keyword=%EC%B4%88%EC%BD%9C%EB%A6%BF&sellerId=shomeplus&f=c:1000011,b:36058 카테고리 이름 상이
  - ![스크린샷 2023-12-20 오후 10.08.13](https://hackmd.io/_uploads/S1cwPwlDa.png)
  - 수정완료🎷 https://github.gmarket.com/org-ebaykorea/corner-expressshop-fe/commit/dba9d37b6b89a75c843db55a2e9eb8d592b7063d
- 6. PC totalCount 50이상일 때 50으로 나오는중
    - 요거 타입수정 브랜치에서 수정했습니드앗 ! 값이 잘못들어가고 있었어여  https://github.gmarket.com/org-ebaykorea/corner-expressshop-fe/pull/82/commits/40849583ef0fe41e8f14ef7f693e51a39849ff65

- 8. SRP 동일 검색어로 검색했을 때 브랜드가 다름
  - https://www-stg.gmarket.co.kr/n/expressshop/search?keyword=%EC%B4%88%EC%BD%9C%EB%A6%BF&sellerId=shomeplus&f=c:1000011,b:36058
  - QA 때 확인하기

- 7. SRP category info 나오지 않음
  - ![스크린샷 2023-12-20 오후 10.07.58](https://hackmd.io/_uploads/ryKVOwlvp.png)
  - ❓pc srp 검색시 location 안나오는 거 말씀하시는 곤가용? 
  - ![image](https://hackmd.io/_uploads/H1K6u7-PT.png)
      - 카테고리 선택시..
      - 수정했습니드앗 https://github.gmarket.com/org-ebaykorea/corner-expressshop-fe/commit/e53ea1555a16ccdad0e28a56ee772c6afad69aeb 
      - 
- 9. PC는 한 페이지에 50개 -> 52개로 변경필요
    - pc는 20개로 
    - 수정완료! https://github.gmarket.com/org-ebaykorea/corner-expressshop-fe/commit/7d25115ec64fa0743726bf506a72c38a1fcd528f

- 10. 0원상품이슈
  - https://corners.gmarket.co.kr/ExpressShop/Search?sellerId=SHomeplus&CategoryCode=1000011&Keyword=%EC%B4%88%EC%BD%9C%EB%A6%BF&Sort=SELL_POINT_INFO&page=1
  - 두가지 비교했을 때 corner-render-api에서는 '엠앤엠즈' 브랜드가 존재함. (운영엔 없음)
  - 해당 브랜드 선택시 0원 상품 노출중
- https://www-stg.gmarket.co.kr/n/expressshop/search?keyword=%EC%82%AC%EA%B3%BC&f=c:2004032,p:11^
  - 11원 이상으로 필터링 했으나 0원 상품 노출중
- https://www-stg.gmarket.co.kr/n/expressshop/category?sellerId=shomeplus&categoryCode=2002008&s=2
  - 높은가격순 정렬을 하고 싶었지만 알 수 없는 순서로 정렬이됌
  - ![스크린샷 2023-12-20 오후 10.04.44](https://hackmd.io/_uploads/SJ45LPewa.png) 
  - 0원 상품이 나오는 이유를 SSB팀에 우선 확인 필요해보임 
  > 요거 소미님께 확인 요청드렸어요! https://jira.ebaykorea.com/browse/CORNER-1891
  > 네 감사해용!!
- (중요!) PC 할인가 표시 안되는중 - 홈/LP/SRP
  - ![스크린샷 2023-12-21 오후 10.21.02](https://hackmd.io/_uploads/SJnCon-wp.png)
    > 헐... 모바일이랑 동일한 줄 알았는데 PC만 할인가 노출이 돼야하는군요.. 수정하겠습니다!!

- PC SRP > 카테고리 선택시 '초기화' 버튼 오노출 완료-https://github.gmarket.com/org-ebaykorea/corner-expressshop-fe/pull/93
  - https://www-dev.gmarket.co.kr/n/expressshop/search?keyword=%ED%99%94%EC%9D%B4%ED%8A%B8%ED%95%98%EC%9E%84&f=c:1000012
  - ![스크린샷 2023-12-23 오후 4.49.27](https://hackmd.io/_uploads/Byuz-fNv6.png)
 
- Mobile 카테고리 선택 시 미니샵 클래스 적용 해제 완료-https://github.gmarket.com/org-ebaykorea/corner-expressshop-fe/pull/93
  - https://m-dev.gmarket.co.kr/n/expressshop/category?categoryCode=1000012&sellerId=shomeplus
  - 접속 후 카테고리 선택 시 아래 스크린샷처럼 기본 클래스로 적용됨
  -  ![스크린샷 2023-12-26 오후 3.55.19](https://hackmd.io/_uploads/Bkn-FeOva.png)
  -  스크린샷에는 없지만 1depth, 2depth 동일한 이슈 발생
  -  

### 자주구매
- MO/PC 자주구매의 경우 태그 비노출해야함

### 전단특가
- PC에서 우리는 전단특가, 기존 당배는 전단상품으로 나오는중 
    > 으아 이거 목업이랑 텍스트를 맞췄는데 운영이랑 다르네요..!?? 일단 운영처럼 맞출게요!

### PromotionItems 없는 케이스
```
  error - ../shared/dist/mobile/components/home/PromotionItems.js (16:0) @ PromotionItems
error - TypeError: Cannot read properties of undefined (reading '0')
    at PromotionItems (webpack-internal:///../shared/dist/mobile/components/home/PromotionItems.js:28:37)
    at renderWithHooks (/Users/seongwoo/Desktop/0.Project/corner-expressshop-fe/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5658:16)
```
- 에러 발생중


### 백엔드 이슈
- lp/srp sellerInfo.shopUrl이 안내려옴
- lp/srp 상품중 품절이 아닌데 itemPrice가 0으로 내려옴
    - 홈영역에서도 동일 이슈 있어서 문의드렸는데.. 해결되면 다시 확인해볼게요
    > 저 방금 봤는데 새로고침하니깐 없어졌어요ㅠ 
    > 이거 test4plan으로 보면 보여요!
    > 오오오오
    > 이거 소미님이 해결해서 dev에 반영해 주셨는데, 이슈 해결된 것 같아서 완료로 옮길게요!

### DeliveryBranchSchdule
- MO/PC DeliveryBranchSchedule 텍스트 추가 필요
  - ![스크린샷 2023-12-20 오후 9.05.05](https://hackmd.io/_uploads/SyJscLgvT.png)
  - 22 숫자 뒤에 '일' 추가 필요

### 템플릿 내 아이템 없는 경우
- 금주의 잇템 아이템 없지만 템플릿 노출중
  - ![스크린샷 2023-12-20 오후 9.18.25](https://hackmd.io/_uploads/rJG2jUgwp.png)
- promotion 템플릿도 아이템 없을 경우 템플릿 노출하지 않도록 작업 필요할듯..

### 미니샵인 경우 shopName 노출하지 않아야함
- MO 금주의 잇템에서 미니샵에서도 shopName 노출중

### 게이지바
- 0원 이상 무배금액 미만 담긴 상태에서 새로고침 -> 무배이상 채웠을 때 애니메이션 동작 이상 

### 검색창
- 검색버튼(돋보기) 클릭 안됨

### 아이템카드
- 버그는 아니지만.. 이미지 레이지 로딩시 레이아웃 시프트가 발생하는 게 신경쓰여서 개선 방법으로 두가지를 생각해 봤어요
    - 베스트처럼 width와 동일하게 height를 계산해서 height 속성에 넣어주기
    - 스프처럼 마크업 변경 (after 가상요소 padding-bottom으로 정사각형 영역 잡기)
        > 의견주셔서 감사해요! after가 좋을 것 같은데 기간 안에 수정가능할지.. 걱정되긴하지만..
          한번 지라 올려볼까용?!
        > 좋아요!!!
        > 아 근데 이거 제가 개발자도구에서 disabled cache를 해놔서 계속 깜빡거리는 것처럼 보인 거네요;;;
        > 헉ㅋㅋㅋㅋ 저도 그거 해놨었는데;ㅅ; 제가 해보니깐.. 
        > 1) 스프처럼하기
        >   css가 꽤 필요한데 잘되긴해여..!
        > 2) 베스트처럼하기
        >   저희가 height를 서버사이드 시점에 알지 못해서 어려울 것 같은데.. 아이디어 있으신가여??
            > height: calc(50vw - 50px) 요런 식으로 넣어주는거 생각했어요 ㅋㅋㅋㅋ 3이 제일 간단하고 좋은 것 같아요!
        > 3) aspectRatio: 1/1 주기
        >   요것만 줘도 괜찮은 거 같아여!
        > 비디오 첨부가 안되네여,, 낼 보여드릴게요!

### 스크롤 복원 안됨
확인해보겠습니다
1. router.onRouteChangeComplete 핸들러는 csr일 때만 동작
    > ssr일 때 스크롤 복원을 위해 별도의 로직 추가(useEffect deps = [])
2. safari 웹뷰에서는 페이지 이동시 beforeunload가 실행되지 않음
    > unload로 변경
3. 모바일에서 뒤로가기로 재진입시 스크롤 복원 위치가 틀어짐

- PromotionsItems, Event
  ```
    Warning: Each child in a list should have a unique "key" prop.

    Check the top-level render call using <Swiper>. See https://reactjs.org/link/warning-keys for more information.
        at file:///Users/seongwoo/Desktop/0.Project/corner-expressshop-fe/node_modules/.pnpm/swiper@11.0.5/node_modules/swiper/swiper-react.mjs:326:22
        at Event (webpack-internal:///../shared/dist/desktop/components/home/promotion/Event.js:28:39)
        at PromotionItems (webpack-internal:///../shared/dist/desktop/components/home/promotion/index.js:20:25)
        at ErrorBoundary (webpack-internal:///../shared/dist/components/errors/ErrorBoundary.js:22:90)
        at HomeContents (webpack-internal:///../shared/dist/desktop/components/home/HomeContents.js:53:27)
    ```
  - dev, stg에서 warning 발생중
    > 현재 dev, stg에서는 워닝이 발생하지 않는데.. Event 컴포넌트 쪽 스와이퍼 키에러면 itemNo이 같은 데이터가 중복으로 내려와서 그런 것 같아요! key값을 조합해서 사용하도록 수정해서 pr 올릴게욥
