• Thisisnevercode 프로젝트 구경하기 (👇🏻토글을 누르면 GIF가 나옵니다)

구현 상세 내역

Frontend

무한 스크롤

• Scroll 속성과 fetch 메소드를 이용해 offset에 따라 원하는 개수만큼 데이터를 받아오는 무한 스크롤 구현

인터랙션 효과

• 상품에 호버한 위치에 따라 onMouseEnter, Leave이벤트를 활용하여 디테일 이미지를 다르게 보여주는 효과 구현
• 상품 하단에 서브 이미지를 클릭 시 onClick 이벤트로 해당 이미지를 보여주는 효과 구현
• ScrollTo 메소드를 이용해 상단으로 이동이 가능한 버튼 구현

반응형

• Media-query를 사용하여 반응형 웹 구현

구현한 프론트 엔드 이미지

Backend

초기 세팅 및 프로젝트 아키텍쳐 설계