프로젝트 의 JavaScript 스킬 트리

함께 회의해요

초급

이 프로젝트에서는 Vue.js 2.x 를 사용하여 웹 컨퍼런싱 애플리케이션을 구축하는 방법을 배웁니다. 이 프로젝트는 웹 컨퍼런싱 소프트웨어에서 참석자 목록에 대한 다양한 디스플레이 효과를 구현하는 데 중점을 둡니다.

javascriptweb-development

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

소개

이 프로젝트에서는 Vue.js 2.x 를 사용하여 웹 컨퍼런싱 애플리케이션을 구축하는 방법을 배우게 됩니다. 이 프로젝트는 웹 컨퍼런싱 소프트웨어에서 참석자 목록에 대한 다양한 표시 효과를 구현하는 데 중점을 둡니다.

👀 미리보기

Web conferencing app preview

🎯 과제

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

  • 로그인 및 참가자 창에서 사용자 데이터를 가져와 표시하기 위해 비동기 데이터 읽기 및 렌더링 기능을 구현하는 방법.
  • 로그인 및 로그아웃 전환 기능을 구현하여 사용자가 애플리케이션에 로그인하고 로그아웃할 수 있도록 하는 방법.
  • 로그인한 사용자가 항상 참가자 목록의 첫 번째 사용자로 표시되도록 하는 방법.
  • 참가자 창의 가시성을 전환하는 기능을 구현하는 방법.
  • 모든 참가자 표시, 참가자 목록 숨기기, 현재 로그인한 사용자만 표시 등 참가자 목록의 표시 효과를 전환하는 기능을 구현하는 방법.

🏆 성과

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

  • 다양한 사용자 인터페이스 기능을 갖춘 Vue.js 2.x 를 사용하여 웹 컨퍼런싱 애플리케이션을 구축할 수 있습니다.
  • Axios 를 사용하여 데이터를 비동기적으로 가져오고 표시할 수 있습니다.
  • Vue.js 애플리케이션에서 상태 관리 및 이벤트 처리를 구현할 수 있습니다.
  • 동적 사용자 인터페이스를 생성하고 다양한 표시 모드 간에 전환할 수 있습니다.

강사

labby
Labby
Labby is the LabEx teacher.