개인 프로젝트: 오늘의 집 페이지를 모티브로한 웹 페이지 제작

배포 URL : Clone House

구현된 기능들

• 24시간 팝업: 하루 종일 활성화되는 동적 앱 팝업
• GNB 클릭 시 메뉴 활성화: GNB(글로벌 네비게이션 바)를 클릭하면 관련 메뉴가 활성화됩니다.
• 메인 메뉴 클릭 시 슬라이드 메뉴 노출: 메인 메뉴 선택 시 슬라이드 형식으로 메뉴가 표시됩니다.
• 검색 버튼 클릭 시 검색 팝업: 검색 버튼을 누르면 검색 창이 팝업 형태로 나타납니다.
• 장바구니 클릭 시 장바구니 팝업: 장바구니 아이콘을 클릭하면 장바구니 내용을 볼 수 있는 팝업이 등장합니다.
• 슬라이더 배너 구현: 웹사이트 상단에 이미지 슬라이더 배너가 구현되어 있습니다.
• 공간 활용/옷장/리뷰 데이터 가공 후 노출: 공간 활용, 옷장, 리뷰 등의 데이터를 가공하여 사용자에게 표시합니다.
• 별점 처리: 별점 데이터는 100점 만점으로 제공되나, 5점 만점으로 변경하여 표시합니다.
• 가격 표시: 정가와 세일 가격의 할인율을 표시하고, 천 단위로 쉼표(,)를 추가하여 가격을 표시합니다.
• 데이터 예외 처리: 데이터가 없는 경우 적절히 예외 처리를 합니다.
• 푸터 영역 전화번호 클릭 시 전화 연결: 푸터에 있는 전화번호를 클릭하면 바로 전화를 걸 수 있습니다.

데이터 소스

• 썸네일 리스트: 썸네일 리스트 보기
• 오늘의 딜: 오늘의 딜 보기
• 시공 리뷰: 시공 리뷰 보기