프로젝트 의 JavaScript 스킬 트리

Vue.js 전자책 리더 만들기

초급

이 프로젝트에서는 Vue 2.x 를 사용하여 간단한 전자책 리더를 만드는 방법을 배웁니다. 이 전자책 리더는 사용자가 헤더 툴바의 표시 여부를 전환하고, 읽기 테마를 설정하며, 텍스트 내용의 글꼴 크기를 조정할 수 있도록 합니다.

javascriptweb-development

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

소개

이 프로젝트에서는 Vue 2.x 를 사용하여 간단한 전자책 리더를 구축하는 방법을 배우게 됩니다. 전자책 리더는 사용자가 헤더 툴바의 가시성을 토글하고, 읽기 테마를 설정하며, 텍스트 내용의 글꼴 크기를 조정할 수 있도록 합니다.

👀 미리보기

project preview

🎯 과제

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

  • 헤더 툴바의 가시성 토글 구현 방법
  • 읽기 테마 설정 구현 방법
  • 글꼴 크기 설정 구현 방법

🏆 성과

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

  • Vue.js 를 사용하여 대화형 사용자 인터페이스를 생성할 수 있습니다.
  • 사용자 상호 작용을 처리하고 그에 따라 UI 를 업데이트할 수 있습니다.
  • 사용자 기본 설정에 따라 동적으로 요소의 스타일을 지정할 수 있습니다.
  • 애플리케이션이 반응형 (responsive) 이고 접근 가능 (accessible) 하도록 보장할 수 있습니다.

강사

labby
Labby
Labby is the LabEx teacher.