여행플랫폼 클론 코딩하며 배우는 HTML/CSS

여행플랫폼 클론 코딩하며 배우는 HTML/CSS

3,000원

10

여행플랫폼 클론 코딩하며 배우는 HTML/CSS

HTML/CSS로 여행플랫폼을 클론 코딩하며, 실제로 사용하는 방법을 배워보세요!

heart icon

찜하기

share icon

공유하기

🚀 강의 목적과 학습 목표

이 강의는 여행 플랫폼을 클론 코딩하며 HTML과 CSS의 기초부터 실전 기술까지 학습하고, 현대적인 웹 페이지를 설계하는 방법을 익힐 수 있도록 도와드립니다. HTML/CSS를 체계적으로 배우며 실전 프로젝트를 완성하세요! 😊

📍 HTML 기본 학습: HTML의 문서 구조, 태그 사용법, 시맨틱 태그 등을 학습하여 웹 페이지의 기본 골격을 설계합니다.
📍 CSS 스타일링 학습: CSS의 선택자, 속성, 박스 모델, Flexbox, Grid 등을 활용해 웹 페이지를 스타일링합니다.
📍 반응형 웹 디자인: 미디어 쿼리를 활용해 다양한 디바이스와 화면 크기에 대응하는 반응형 웹 페이지를 구현합니다.
📍 여행 플랫폼 주요 UI 구현: 검색 바, 카드 레이아웃, 배너, 네비게이션 바 등 여행 플랫폼의 주요 UI를 설계하고 스타일링합니다.
📍 실전 프로젝트 완성: 여행 플랫폼 클론 코딩 프로젝트를 통해 HTML/CSS의 실전 적용 능력을 강화합니다.


👩🏻‍💻 이런 분을 위해 만들었어요

📍 HTML/CSS를 처음 배우며 실전 프로젝트를 경험하고 싶은 초보 개발자
📍 여행 플랫폼과 같은 웹 페이지를 설계하고 구현하고 싶은 프론트엔드 개발자
📍 클론 코딩 프로젝트를 통해 문제 해결 능력을 강화하고 싶은 중급 개발자

🎁 강의는 이렇게 구성돼요

📍 HTML 기본 문법과 웹 페이지 구조 설계를 학습합니다!
📍 CSS를 활용해 현대적인 웹 디자인과 반응형 레이아웃을 구현합니다!
📍 여행 플랫폼의 주요 UI 요소를 설계하고 스타일링합니다!

💻 쉽게 이해되는 3분할 화면

위코드는 여러분이 최대한 쉽게 이해할 수 있도록 모든것을 준비했습니다. 강의 영상의 핵심 내용을 실시간으로 정리해 드리고, 직접 수정하고 실행해볼 수 있는 기능까지 실시간으로 제공하는 위코드만의 학습 플랫폼에서 재밌고 쉽게 학습하세요!


📍 모바일에서도 쉽게 볼 수 있는 세로 비율의 강의 영상
📍 강의 내용을 이해하기 쉽도록 실시간 핵심 내용 정리
📍 강의 내용 흐름에 맞추어 실시간 업데이트 되는 기능 제공
📍 직접 수정하고 실행할 수 있는 실습 환경

🙋🏻 질문이 있으신가요?

링크를 통해 위코드 코딩 질문방으로 오세요!
위코드 스태프들이 직접 친절하게 알려드립니다! 🫡
👉 위코드 코딩 질문방으로 들어가기 (비밀번호: wecode)


커리큘럼

미리보기를 통해 콘텐츠를 확인해보세요.

  • Play Icon실전 예제: 배너, 검색 결과 페이지 스타일링
  • Play Icon프로젝트: 여행 플랫폼 클론 코딩 HTML/CSS 완성
  • Play Icon추가 심화: 접근성과 SEO를 고려한 태그 구조
  • Play Icon고급 CSS 기법: 애니메이션, 그라디언트, Parallax
  • Play Icon실전 예제: 여러 지형지물/지역 버튼 디자인
  • Play Icon최종 과제: 전체 여행 플랫폼 페이지 일관성 완성