프로젝트 의 JavaScript 스킬 트리

JavaScript 를 사용한 사용자 권한 관리 시스템

초급

이 프로젝트에서는 JavaScript 와 jQuery 를 사용하여 사용자 권한 관리 시스템을 구현하는 방법을 배웁니다. 이 프로젝트는 비동기적으로 사용자 데이터를 가져와 사용자 권한 테이블에 렌더링하고, 사용자와 관리자 목록 간에 사용자를 이동하고, 이에 따라 사용자 권한을 업데이트하는 기능을 제공합니다.

javascriptweb-development

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

소개

이 프로젝트에서는 JavaScript 와 jQuery 를 사용하여 사용자 권한 관리 시스템을 구현하는 방법을 배우게 됩니다. 이 프로젝트는 사용자 데이터를 비동기적으로 가져와 사용자 권한 테이블에 렌더링하고, 사용자를 사용자 목록과 관리자 목록 간에 이동시키는 기능과 그에 따른 사용자 권한 업데이트 기능을 제공하는 것을 포함합니다.

👀 미리보기

User permission management demo

🎯 과제

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

  • JSON 파일에서 사용자 데이터를 비동기적으로 가져와 사용자 권한 테이블에 렌더링하는 방법
  • 개별적으로 또는 한 번에 모든 사용자를 사용자 목록과 관리자 목록 간에 이동시키는 기능을 구현하는 방법
  • 왼쪽 및 오른쪽 목록의 사용자를 기반으로 사용자 권한 테이블에서 사용자 권한을 업데이트하는 방법

🏆 성과

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

  • AJAX 를 사용하여 데이터를 비동기적으로 가져오기 (fetch)
  • jQuery 를 사용하여 DOM 을 조작하여 사용자 인터페이스 업데이트
  • 웹 애플리케이션에서 권한 관리 기능 구현

강사

labby
Labby
Labby is the LabEx teacher.