프로젝트 의 JavaScript 스킬 트리

Vue.js 작업 관리자 만들기

초급

이 프로젝트에서는 Vue.js 를 사용하여 간단한 작업 관리자 애플리케이션을 구축하는 방법을 배웁니다. 이 작업 관리자를 통해 일상적인 작업을 생성, 삭제하고 추적하여 시간 관리 전문가가 될 수 있습니다.

javascriptweb-development

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

소개

이 프로젝트에서는 Vue.js 를 사용하여 간단한 작업 관리자 애플리케이션을 구축하는 방법을 배우게 됩니다. 이 작업 관리자를 통해 일일 작업을 생성, 삭제하고 추적하여 시간 관리 전문가가 될 수 있습니다.

👀 미리보기

Task manager app demo

🎯 작업

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

  • Vue.js 환경 설정 방법
  • 페이지 로드 시 기본적으로 "No data" 표시 방법
  • 작업 목록에 작업 추가 방법
  • 작업 목록에서 작업 삭제 방법
  • 총 작업 수 표시 방법
  • 전체 작업 목록 지우는 방법

🏆 성과

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

  • 처음부터 Vue.js 애플리케이션 생성
  • Vue.js 디렉티브 및 데이터 바인딩 사용
  • 기본적인 CRUD (Create, Read, Update, Delete) 기능 구현
  • 사용자 상호 작용 처리 및 UI 업데이트

강사

labby
Labby
Labby is the LabEx teacher.