프로젝트 의 JavaScript 스킬 트리

대화형 영화 컬렉션 웹 앱

초급

이 프로젝트에서는 HTML, CSS, 그리고 JavaScript (jQuery) 를 사용하여 대화형 영화 컬렉션 웹 애플리케이션을 만드는 방법을 배우게 됩니다. 이 애플리케이션을 통해 사용자는 좋아하는 영화를 표시할 수 있으며, 즐겨찾는 영화 컬렉션이 생성되면 성공 메시지가 표시됩니다.

javascriptweb-development

💡 이 튜토리얼은 영어로 번역되었습니다. 원본을 보려면 영어로 전환

소개

이 프로젝트에서는 HTML, CSS, 그리고 JavaScript (jQuery) 를 사용하여 영화의 상호 작용 컬렉션 웹 애플리케이션을 만드는 방법을 배우게 됩니다. 이 애플리케이션을 통해 사용자는 좋아하는 영화를 표시할 수 있으며, 좋아하는 영화 컬렉션이 생성되면 성공 메시지가 표시됩니다.

👀 미리보기

Interactive film collection demo

🎯 과제

이 프로젝트에서 다음을 배우게 됩니다:

  • 프로젝트 파일을 설정하고 편집기에서 프로젝트를 여는 방법
  • 사용자가 빈 상태와 채워진 상태를 전환할 수 있도록 즐겨찾기 아이콘의 기능을 구현하는 방법
  • 최소한 하나의 즐겨찾기 영화가 추가되었을 때 성공 메시지를 표시하는 컬렉션 아이콘의 기능을 구현하는 방법

🏆 성과

이 프로젝트를 완료하면 다음을 수행할 수 있습니다:

  • jQuery 를 사용하여 DOM 을 조작할 수 있습니다.
  • 사용자 상호 작용 및 이벤트를 처리할 수 있습니다.
  • 특정 조건에 따라 요소를 표시하고 숨길 수 있습니다.
  • 타이머를 사용하여 특정 시간 후에 요소를 자동으로 숨길 수 있습니다.

강사

labby
Labby
Labby is the LabEx teacher.