💡 클립 소개

html,css, javascript(jquery) 기초가 있으신가요? 그런데 전체 웹사이트 전체를 어떻게 만들지 잘 모르시나요? 그렇다면 디자인을 참조해서 쇼핑몰 메인페이지 구현을 도전해보세요. 완성된 디자인을 참조하고 기획 의도와 디자인의 상세한 사항들을 파악하여 웹사이트를 구현하는 노하우가 포함된 완료본 소스입니다.

(htm, css, javscript 구성된 웹페이지 입니다.)

강의 바로가기 : https://inf.run/cGcyC

버튼에 생동감 더하기

리뷰 슬라이더

인터렉션 기능 구현

반응형

🚀 이런 분께 추천합니다

• HTML, CSS, jQuery에 대한 기초 지식이 있는 학습자.

• 퍼블리싱 작업 경험이 부족하지만, 실제 프로젝트를 완성해보고 싶은 초급 개발자.

• 디자인 툴(Figma) 활용 경험은 없으나 배우고 싶은 사람.

• 반응형 웹 구현과 퍼블리싱의 실무 프로세스를 배우고자 하는 학습자.

• 웹 퍼블리싱과 프론트엔드 개발의 기본 원리를 익히고 싶은 사람.

• 코딩 기초는 있지만 종합적으로 적용이 힘드신 분

  
  

📘 이 클립에서 얻을 수 있는 것

• HTML/CSS 파일 초기 세팅하기

• CSS 변수 및 글로벌 스타일 작성하기

• 웹폰트 사용 설정하기

• 레이아웃 설계: Grid와 Flexbox 활용하기

• 미디어쿼리 활용 반응형 CSS 구현하기

• 컨테이너 쿼리 활용 반응형 CSS 구현하기

• Swiper.js를 활용한 리뷰 슬라이드 제작하기

• jQuery활용 모바일 메뉴, 장바구니 토글 슬라이드 제작하기