![스크린샷 2024-05-02 00 33 44](https://private-user-images.githubusercontent.com/96248861/327162406-a9c89d85-f5b7-4d7e-a391-1841ed644673.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQzODQwNjksIm5iZiI6MTcyNDM4Mzc2OSwicGF0aCI6Ii85NjI0ODg2MS8zMjcxNjI0MDYtYTljODlkODUtZjViNy00ZDdlLWEzOTEtMTg0MWVkNjQ0NjczLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIzVDAzMjkyOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTYxMWI3NWNiMmEwODE5M2NlMDY0NmQ3MjhhZmJjZDM3ZTc0NzgwY2M1ZGYyZTNhMmZiMjY0ZTAzN2NlMjNjY2YmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.SGy8DLQDFaHBzSOYJ7xZo4g5QMUvwsHJSJxhsWM6BUE)
![스크린샷 2024-05-02 02 04 29](https://private-user-images.githubusercontent.com/96248861/327183403-c808986e-20e9-4fae-9490-a4cf85ed471f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQzODQwNjksIm5iZiI6MTcyNDM4Mzc2OSwicGF0aCI6Ii85NjI0ODg2MS8zMjcxODM0MDMtYzgwODk4NmUtMjBlOS00ZmFlLTk0OTAtYTRjZjg1ZWQ0NzFmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIzVDAzMjkyOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZiMmE2YWE1ZmRkOTYzNGJjZDczYTg1MDFhNTkyNjdlYzA3MDRjYzdkMmJmNTZhMDRhNjJlZmUyZmFiMzA3NjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.LIvFlMDXesEzXc-2RuxHgaczqRRzUzkNGSj7_PipkP8)
Vercel - Ready to dive into DevCave
[🎉init]: 첫번째 커밋
[✨feat]: 기능 추가, 수정
[🍱assets]: assets 파일 추가 및 수정
[🗼markup]: 마크업 추가, 수정
[💄style]: 스타일 추가, 수정
[🔰type]: TS와 관련된 작업 (생성, 수정, 삭제 등)
[🔀merge]: 브랜치 병합, PR ex) develop(jisu) <- develop(public)
[📝docs]: 마크다운 파일을 생성하거나 수정했을 때, 문서화
[🐛bug]: 버그 수정/리포트
[🔨refactor]: 리팩토링, 구조 변경
[🔥remove]: 파일 삭제
[🧹chore]: 화면 및 로직의 변화가 없는 작업(기능상 변화 X ex. 파일 구조나 위치 변경, 주석 변경, 파일 이름 수정)
[⚙setting]: Eslint, dependency, config 파일 등의 수정 사항
[📦package]: 패키지 추가
[👀a11y]: 웹접근성 관련된 작업
- 목적 : 4명 규모의 스터디 그룹을 위한 학습 관리 및 협업 플랫폼 제공
- 타겟 사용자 : 프론트엔드 개발 스터디 그룹
- 기대 효과 : 스터디 그룹의 학습 효율성 향상 및 구성원 간 소통과 협업 강화
- 로그인 시 출석 체크 및 출석률 자동 계산
- 개인별 출석 현황 조회 및 관리
- 특정 GitHub 레포지토리와 연동하여 커밋 내역 가져오기
- 일일 알고리즘 문제 풀이 여부를 커밋으로 판단하여 랭킹 산정
- 개인별 학습 진도 등록 및 공유
- 목표 설정 및 달성률 추적 기능
- 개인별 학습 기록, 프로젝트, 작성한 코드 등을 포트폴리오로 정리 및 공유
- 개인 프로필 페이지를 통해 학습 성과 및 활동 내역 공유
- 스터디 자료, 회의록, 문서 등의 공동 작성 및 관리
- 실시간 동시 편집 및 버전 관리 기능
- 작성한 코드 공유 및 리뷰 요청 기능
- 코드에 대한 피드백 및 댓글 기능
- 정기적인 스터디 회고를 위한 설문 및 피드백 기능
- 익명 피드백 기능을 통한 솔직한 의견 공유
- 유용한 학습 자료, 튜토리얼, 아티클 등의 링크 공유 및 분류
- 스터디 구성원들과의 학습 리소스 큐레이션 및 아카이빙
- 스터디 일정, 할 일, 제출 기한 등에 대한 알림 및 리마인더
- 디스코드와의 알림 연동 기능
- 심플하고 직관적인 사용자 인터페이스
- 반응형 디자인을 통한 다양한 기기 지원
- 사용자 경험 향상을 위한 인터랙션 디자인 적용
- 프론트엔드: React, Next.js, TypeScript, tailwind
- 백엔드: SuperBase
- 배포 및 호스팅: Vercel
- 기획 및 요구사항 정의 (1주)
- 디자인 및 UI/UX 설계 (1주)
- 프론트엔드 개발 (4주)
- 로그인 및 출석 관리
- GitHub 연동 및 랭킹 시스템
- 학습 진도 및 포트폴리오
- 스터디 자료 및 문서 협업
- 코드 리뷰 및 피드백
- 알림 및 리마인더
- 백엔드 개발 (3주)
- API 설계 및 구현
- 데이터베이스 모델링 및 연동
- 인증 및 보안 처리
- 통합 및 테스트 (1주)
- 배포 및 런칭 (1주)
- 사용자 데이터 보안 및 개인정보 보호
- 확장성 및 성능 최적화
- 사용자 피드백 수집 및 개선사항 반영
- 지속적인 유지보수 및 업데이트
- GITHUB 연동 로그인 ✔️
- react-hook-form
- 로그인 된 깃헙 커밋 가져오기