Cat Store

• 고양이를 키우는 집사로써 쇼핑몰을 이용해보며, 깔끔한 웹페이지를 기획하여 구현
• 오른쪽 버튼 Click 홈으로 이동, 최상단 이동
• 상품 이미지 Click 상품 상세페이지로 이동
• 상품 오른쪽 구매박스는 sticky를 적용
• 로그인, 마이페이지, 회원가입 버튼 구현 폼 태그로 로그인 페이지를 구현

Mae:il

• 레스토랑을 주제로 기획한 반응형 사이트
• 메뉴 Click 해당 위치로 이동
• 동영상 메인 슬라이드를 구현
• 메뉴판 Hover 시 상품 상세페이지 애니메이션으로 구현
• Room 메뉴 Click Room Sub 페이지로 이동
• 예약 버튼 Click 예약 팝업창 구현 시간, 인원, 예약일시, 예약버튼을 누르면 예약완료 알림창까지 구현

PALAU

Team Project

• 팀 프로젝트 여행, 휴양지라는 주제로 기획, 메인 페이지를 구현
• 라이브러리 없이 메인 슬라이드를 구현,
  오른쪽엔 페이지네이션을 숫자로 표현,
  슬라이드 하단 바가 차오르는 표시를 구현
• Flex의 속성을 이용해 수평, 또는 수직으로 레이아웃을 쉽게 구성하여 구현
• PALAU 텍스트의 플로우,롤링 애니메이션을 구현

Kakao Page

• 웹툰이나 소설을 좋아해서 카카오페이지를 "OPEN API" 이용하여 구현
• 로고를 누르면 홈으로 이동
• 슬라이드 구현
• 검색창 Click 팝업창을 구현
• 슬라이드 위 탭 랭킹,분류 전체 탭만 구현, Click 시 해당 서브페이지로 이동
• 책 이미지 클릭 시 상품페이지로 이동
• 라이브러리 "Swiper"을 이용하여 상품페이지 슬라이드 구현

Adidas Store

• 브랜드 쇼핑몰 사이트를 구현
• 로고 Click 홈으로 이동
• 메뉴는 틀만 구현돼있고 따로 연결된 링크는 없습니다.
• "React"의 Router 이용해 컴포넌트를 만들어 상품페이지,장바구니,로그인 컴포넌트에 연결
• 상품 장바구니를 구현
• 더 보기 버튼 Click 상품 리스트 구현
• 로그인&회원가입 Click 로그인페이지로 이동, React 이용한 id, password 입력 데이터 저장하여 조건문 구현

BESPKE

• 브랜드 쇼핑몰 사이트를 구현
• 로고 Click 홈으로 이동
• 메뉴는 틀만 구현돼있고 따로 연결된 링크는 없습니다.