- 회원가입
- 회원가입 입력 폼
- 입력정보에 대한 유효성 검사
- 정규식을 포함한 유효성 검사
- 입력 받았으면 supabase 회원가입 로직 작성
- UI 꾸미기
- 로그인 로그인 입력 폼 입력정보에 대한 유효성 검사
- 멘토 등록
- 자기소개 입력 필드
- 멘토취소
- 커리큘럼 선택
- 프로필 사진 업로드(supabase storage 연동)
- 회원용, 멘토용 사 진 따로 두되 멘토 사진 등록 폼에서 회원용 사진도 불러올 수 있게 버튼 추가?
- 분야 해시태그
- 최대 3-5개 등록
- 카테고리 역할
- 일단 글자수 제한 ( 10 글자 )
- PDF 파일 업로드 (이력서) (도전)
- 경력 폼 어떻게 구성할지?
- 경력 입력을 위한 양식이 존재
- 사용자가 추가하기? 버튼을 누르면 추가 경력을 입력하기 위한 양식 노출
- 회사 이름, 직책, 근무기간 (날짜 인풋), 맡은 업무
- 홈페이지
- 헤더 푸터 공용 컴포넌트로 돌리기
- 멘토님들 소개 섹션
- 상세 페이지
- 멘토님들 경력 및 개인정보 소개
- 1:1 채팅으로 넘어갈 수 있는 버튼
- 버튼을 누를시 웹에 최적화된 1:1 채팅창 크기
- 뒤로 가기 누르면 채팅 나가기
- 마이페이지
- github 주소
- 프로필 사진
- 와이어프레임-아이디어
- 메인 → 소라를 이용한 AI 영상 혹은 사진으로 빈 공간을 풍성하게 채워주기
- 도전
- Next.js → 렌더링 방식 ISR, SSG, SSR, CSR
- realtime → 채팅 도전
- 폼 제출 → server actions vs react-hook-form & zod
- 마이페이지 → PDF 올리는 것? vs 이미지
- 마이페이지 → 별점 , 리뷰 통계
'스파르타코딩클럽 > 과제' 카테고리의 다른 글
| 채팅 시스템 기록 (0) | 2024.12.30 |
|---|---|
| [supabase realtime을 이용한 채팅 구현하기] 채팅 ui 모달 (0) | 2024.12.23 |
| [Next.js/Typescript] LOL_Dex: NextJS에서 환경변수 사용하기 (0) | 2024.12.19 |
| [Next.js/Typescript] LOL_Dex: 컴포넌트에서 버전 정보 전달하기 (0) | 2024.12.19 |
| 메인페이지, 레이아웃 구성 (2) | 2024.12.18 |