O-House-Clone

개인프로젝트

사용 언어 및 라이브러리

Front:

NextJS

Back:

오늘의집 API

배포여부:

O

배포링크:

https://o-house-clone.cy3589.com/store

Git:

https://github.com/cy3589/o-house-clone

summary

오늘의집의 클론 프로젝트이며 무한스크롤이 적용되어있는 store 페이지만 진행하였습니다.

description

오늘의집 사이트의 네트워크 요청을 기반으로 분석해보니 API가 오픈되어 있는 것을 확인하여 진행한 웹사이트 클론 프로젝트 입니다.

Learned

  • NextJS의 api라우팅 기능을 이용하여 CORS에러 회피를 구현하며 api라우팅 사용법을 알게 되었습니다.

  • masonic 라이브러리를 이용한 돔 가상화의 구현, 라이브러리 사용법, 성능상 이점 등을 알게 되었습니다.

Images

/o-house/o-house-thumbnail.jpg
/o-house/o-house-image0.png
/o-house/o-house-image1.png
/o-house/o-house-image2.jpg
/o-house/o-house-image3.jpg

본 페이지는 상업적 목적이 아닌

개인 포트폴리오 공개용이며

코드는 깃허브에 모두 공개되어 있습니다.

NextJS Typescript react-query @chakra-ui 로 제작되었습니다.