인터파크 클론코딩 스터디

온라인 티켓 예매 플랫폼, 인터파크를 클론코딩한 프로젝트
배포주소 : https://beautiful-selkie-0c37f8.netlify.app/

💼 작업기간

1인 제작
2023.05.19 ~ 2023.06.03

⚙ 개발환경

JavaScript(ES6)
HTML5
CSS3

✔ 주요기능

HEADER

• Swiper.js를 활용해 무한루프 및 자동재생 기능 구현

그 외 카테고리 출력

• fetch통신을 이용해 필요한 JSON 데이터만 출력
• forEach문을 이용해 클릭된 버튼은 class를 추가해 다른 css 적용
• 상품별 카테고리는 배열로 관리 : 클릭 시 해당 배열과 일치하는 상품의 JSON 데이터 출력

쇼핑 추천

• JSON데이터 출력 후, 마지막 슬라이드에 전체보기 버튼 추가