Create an LMS Course Platform with Next.js, Arcjet, Better-Auth, and Stripe (Part 2/2)
- 마샬 LMS는 온라인 코스 생성, 관리, 판매를 위한 완벽한 시스템입니다. 🚀
- 사용자 인증은 GitHub OAuth 또는 이메일 OTP를 통해 빠르고 안전하게 이루어집니다. 🔐
- 제작자는 분석 대시보드, 맞춤형 코스 편집기, 드래그 앤 드롭 파일 업로드 기능을 활용할 수 있습니다. 🎨
- Arcjet은 봇, XSS, SQL 인젝션으로부터 플랫폼을 보호하고 속도 제한 및 봇 감지를 구현합니다. 🛡️
- 학생들은 개인화된 대시보드에서 등록된 코스와 진행 상황을 확인할 수 있습니다. 📚
- 코스 플레이어 페이지는 깔끔한 레이아웃과 비디오 플레이어, 학습 내용, 완료 버튼을 제공합니다. 🎬
- UI는 완성되었지만, 드래그 앤 드롭 기능에 버그가 있어 수정이 필요합니다. 🐛
- 드래그 앤 드롭 시 챕터와 레슨 두 가지 아이템을 처리하도록 함수를 업데이트해야 합니다. 🛠️
active
는 현재 드래그 중인 아이템, over
는 드롭 타겟을 나타냅니다. 🎯
active type
과 over type
을 통해 챕터 또는 레슨을 드래그하는지 확인하고 로직을 분기합니다. 🗂️
- 타겟 챕터 ID를 얻기 위해 드롭 위치가 챕터인지 레슨인지 확인하는 로직이 필요합니다. 🤔
find index
메서드를 사용하여 기존 인덱스와 새로운 인덱스를 찾고, 배열을 재정렬합니다. 🔄