OTT 서비스 클론 코딩하며 배우는 HTML/CSS

OTT 서비스 클론 코딩하며 배우는 HTML/CSS

3,000원

10

OTT 서비스 클론 코딩하며 배우는 HTML/CSS

HTML/CSS로 OTT서비스를 클론 코딩하며, 실제로 사용하는 방법을 배워보세요!

heart icon

찜하기

share icon

공유하기

🚀 강의 목적과 학습 목표

이 강의는 인기 있는 OTT 서비스를 클론 코딩하며 HTML과 CSS의 실전 활용법을 학습하고, 현대적인 웹 페이지를 설계하는 기술을 익히는 데 도움을 드립니다. HTML/CSS의 기초부터 실전 프로젝트까지 체계적으로 배워보세요! 😊

📍 HTML/CSS 기본기 다지기: HTML의 문서 구조와 CSS 스타일링 기초를 복습하며, 웹 페이지 설계의 기본기를 탄탄히 합니다.
📍 OTT 서비스 UI 구현: OTT 서비스의 주요 UI 구성 요소(네비게이션 바, 카드 레이아웃, 배너 등)를 HTML/CSS로 설계합니다.
📍 반응형 웹 디자인 학습: 미디어 쿼리를 활용해 다양한 디바이스와 화면 크기에 대응하는 반응형 웹 페이지를 구현합니다.
📍 CSS 애니메이션 활용: CSS 애니메이션과 트랜지션을 활용해 인터랙티브한 사용자 경험을 제공합니다.
📍 프로젝트 완성: 클론 코딩 프로젝트를 통해 실무에 적용 가능한 웹 페이지 설계 기술을 익힙니다.


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

📍 HTML/CSS를 처음 배우거나, 복습하며 실전 프로젝트를 경험하고 싶은 초보 개발자
📍 웹 페이지 설계를 체계적으로 배우고 싶은 프론트엔드 개발자
📍 반응형 웹 디자인과 CSS 애니메이션을 활용한 동적 UI를 학습하고 싶은 웹 디자이너

🎁 강의는 이렇게 구성돼요

📍 HTML/CSS 기본 문법웹 페이지 구조화를 학습합니다!
📍 OTT 서비스의 주요 UI 요소를 구현하며, 클론 코딩 기술을 익힙니다!
📍 반응형 웹 디자인과 CSS 애니메이션을 활용해 현대적인 웹 페이지를 설계합니다!

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

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


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

🙋🏻 질문이 있으신가요?

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


커리큘럼

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

  • Play Icon실전 예제: 메인 페이지와 상세 페이지 설계
  • Play Icon프로젝트: OTT 서비스 클론 페이지 완성
  • Play Icon추가 심화: 접근성 향상 기법과 SEO 대응
  • Play Icon고급 반응형 기법: Art Direction & Responsive Image
  • Play Icon레이아웃 마스터: 그리드와 플렉스 혼합 설계
  • Play Icon최종 과제: 완벽한 OTT 서비스 클론 퍼블리싱