https://chromewebstore.google.com/detail/%EB%AC%B4%EC%8B%A0%EC%82%ACpc/ngdiacennhjfopbpfejahfjlanmjcpob

미리보기

서비스 설명

무신사가 pc버전을 종료해서 pc로 보기가 너무 불편하더라구요..! 그래서 적당히 크롬 익스텐션을 만들어봤습니다.

무한 스크롤을 page형식으로 변경

• 모바일에 익숙한 무한스크롤이 PC에도 적용되어 있었음.

• 최하단에 pagination 을 만들고, 클릭시에 ajax요청이 되도록 하였음.

• 기존 무신사서버에서 렌더링 한 상품들을 모두 지우고 무신사 API를 익스텐션에서 자체적으로 호출 한 뒤, 응답값을 innerHTML로 다시 렌더링했습니다.

• 좋아요 페이지의 경우, API의 응답값으로 page를 알 수 없는 형태였습니다.

  nextCursor가 null이 되는 순간까지 재귀적으로 API를 호출하여 pagination처럼 보이게 변경했습니다.

적용 전 화면

적용 후 화면

상품 상세 페이지 좌우로 분할

• 기존의 상품 상세만 나오는 페이지 형식에서 좌측에는 상품의 설명이 나오고 우측에는 리뷰를 볼 수 있도록 수정했습니다.

• iframe 태그를 사용하여 우측에 리뷰 페이지를 렌더링했습니다.

• 우측 상단의 toggle 을 사용해 사진리뷰와 전체리뷰를 필터링 할 수 있도록 수정했습니다.

적용 전 화면

적용 후 화면

깃허브 링크 (pr과 issue는 언제나 환영입니다)

https://github.com/hi6724/musinsa-pc-extension
계속 유지보수 할 계획이고, 필요한 기능 이메일로 전달해주시면 업데이트 할 예정입니다!