웹 개발의 첫 걸음을 떼셨나요? HTML, CSS, javascript를 이제 막 시작하신 분들께 특별한 제안을 드립니다!

모바일 시대에 발맞춰 모바일 웹사이트를 만들고 싶지만, 어디서부터 시작해야 할지 망설여지시나요? 걱정하지 마세요.

Figma 모바일 디자인을 직접 분석하고 구현하면서, 자연스럽게 반응형 웹 개발의 핵심을 배워보세요. 세련된 모바일 디자인을 토대로, 사용자의 마음을 사로잡는 섬세한 인터랙션부터 다양한 화면 크기에 완벽하게 적응하는 기술까지, 모든 것을 함께 알아가볼 수 있습니다.

이제 여러분의 웹사이트가 모든 기기에서 빛나도록, 노하우가 담겨 있습니다.

완료본 소스 구성

디자인 파일 원본과 구현된 소스 파일로 구성되어 있습니다.

해당 소스는 htm, css, javascript로 구성된 파일로서 실제 작동하는 웹사이트는 아닙니다.

로그인, 회원가입, 상품목록, 상품상페, 장바구니 페이지로 구성되어 있습니다.

수강 후 이런걸 얻을 수 있어요

• Figma 디자인 해석과 이미지 추출하기

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

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

• 웹폰트 사용 설정하기

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

• 적응형 CSS 구현하기

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

• Javascript 활용 Aside 메뉴 네비게이션

• Javascript 활용 상품 개수 수정

• Javascript 활용 그리드 뷰 변경하기