데브허브 | DEVHUB | Code a Dropbox Clone with NextJS – TutorialCode a Dropbox Clone with NextJS – Tutorial
- 최신 Next.js 스택을 활용하여 Dropbox에서 영감을 받은 파일 저장 서비스 'Dropley'를 구축하는 실습 중심의 튜토리얼입니다. ☁️
- Clerk를 통한 보안 인증, Neon (PostgreSQL) 및 Drizzle (ORM)을 사용한 강력한 데이터 관리, ImageKit을 활용한 원활한 파일 업로드 및 관리가 핵심 기술 스택입니다. 🛠️
- 온라인 스토리지에서 '폴더'가 실제 물리적 엔티티가 아닌 파일 그룹의 '파사드'임을 이해하고, 이를 데이터베이스 스키마로 구현하는 방법을 배웁니다. 📁
- OTP 가입, Zod 유효성 검사, 사용자 정의 브랜딩 등 Clerk의 고급 기능을 활용하여 강력하고 맞춤형 인증 시스템을 구축하는 방법을 다룹니다. 🔐
- 복잡한 파일 및 폴더 구조를 위한 자기 참조 관계(self-relationship) 스키마를 설계하고 관리하는 Drizzle ORM의 미묘한 차이를 학습합니다. 📊
- ImageKit을 통해 파일 업로드, 특정 파일 형식 제한, AI 기능 활용, 커스텀 엔드포인트 구현 등 고급 파일 처리 기술을 심층적으로 다룹니다. 🖼️
- Next.js 미들웨어를 사용하여 애플리케이션의 보안을 강화하고, 최근 취약점에 대한 논의 및 방어 구현 방법을 포함한 보안 모범 사례를 배웁니다. 🛡️
- 코딩에 앞서 칠판에서 전략과 알고리즘을 설계하고, 큰 문제를 작은 작업으로 분해하여 단계별로 구현하는 체계적인 프로젝트 계획 방식을 제시합니다. 🧠
- 학습 내용을 바탕으로 한 과제와 도전 과제가 제공되며, 모든 과제에 대한 솔루션과 전체 소스 코드에 접근할 수 있어 실질적인 학습 경험을 제공합니다. 🧑💻
- 단순히 코드를 따라 쓰는 것을 넘어, 각 개념을 토론하고 이해하며 문제 해결 능력을 기르는 데 중점을 두어 깊이 있는 학습 경험을 제공합니다. 💡