개발자들이 서로의 경험을 공유하고 커뮤니티 정보 수집을 통해 자신을 표현할 수 있는 플랫폼
배포 주소:
https://team-5-sfaclog-web.vercel.app/(백엔드 API 제공 종료로 원활한 이용이 불가능합니다.)
위키 보기: https://github.com/sfac-team-5/team-5-sfaclog/wiki
Swiper 라이브러리를 활용한 캐러셀
d903362a5e451ffd.mov
회원 가입: 중복 검사 자동화 및 입력 형식 최적화로 간편한 회원 가입
로그인: 올바르지 않은 이메일 형식 또는 잘못된 비밀번호 입력 시 오류 메시지를 표시하여 사용자가 올바른 정보를 입력하도록 유도
signup-login.mp4
비밀번호 찾기: 사용자의 이름과 이메일을 통해 비밀번호 변경 안내 이메일을 발송
회원 탈퇴: 탈퇴 사유 선택 후 비밀번호 입력을 통해 탈퇴를 진행, 모달 팝업을 통해 최종 확인
1c324e76d63b42dc.mp4
Intersection Observer를 활용한 무한 스크롤 기능과 SSR 및 CSR의 조합으로 초기 로딩 속도 개선
a4d271cbae71bb94.mov
React Hook Form을 사용한 폼 관리 및 유효성 검사, React-Quill 에디터 선택으로 사용자 경험 개선
3a96801fba68f17b.mov
서버 사이드 렌더링을 통한 빠른 로딩 및 Next.js의 재검증 기능을 사용해 캐싱 문제 해결
adafef3344d89c7a.mov
현재 로그인 중인 사용자 정보 확인, 활동 및 팔로우 목록 관리, 프로필 편집 기능
05eb21d2e55ca337.mov
병렬 라우팅과 전역 변수 관리를 통한 효율적인 모달 컴포넌트 관리
899d3d8744f8429b.mov
김재하 | 김가희 | 박건우 | 강경서 |
---|---|---|---|