Skip to content

ydmaad/DragonJo

Repository files navigation

워리어 커뮤니티

내일배움캠프 뉴스피드 팀 프로젝트

🖥️ 프로젝트 소개

Dragon Jo 게임에 관한 추억을 공유할 수 있는 사이트

🕰️ 개발 기간

  • 2024.05.31 ~ 2024.06.07

🧑‍🤝‍🧑 멤버구성

이름 역할 업무 분담
신상준 팀장 게시글 CRUD 기능
전체 일정 조율 및 목표 설정
양민애 팀원 검색, 댓글 기능 및 홈 화면 ui
김용 팀원 내 정보 CRUD 기능 및 내 게시글 확인
피그마 작성 및 css 관련 문제 해결
최슬기 팀원 디테일 페이지 및 댓글 기능
피그마 작성
김승회 팀원 로그인, 회원가입, 비밀번호 재설정 등 Auth 관련 기능
프로젝트 리팩토링

⚙️ 기술 스택

HTML5 JavaScript Figma CSS3 Styled-Components React Redux Visual-Studio-Code Vercel Supabase

📌 주요 기능

  1. Auth 기능
    • 로그인
    • 회원가입
    • 비밀번호 찾기
    • 로그인 시 유저 정보 저장
  2. 메인 페이지
    • DB 연동
    • 이미지 슬라이드
  3. 마이 페이지
    • 유저 정보 변경
    • 내 게시글 모아보기
  4. 게시글 기능
    • 게시글 CRUD
  5. 댓글 기능
    • 댓글 CUD

✨ 필수 구현 사항

  • 로그인, 회원 가입
    • 이메일 패스워드
  • CRUD
    • supabase에서 제공하는 api를 이용하여 CRUD 데이터베이스 핸들리을 구현해보세요.
    • CUD(등록, 수정, 삭제)가 일어날 때 마다 R(조회)해서 자연스럽게 화면 변경을 해보세요.
  • 마이 페이지
    • 내 게시물 보기
    • 프로필 수정 기능
  • 배포하기
    • Vercel이라는 호스팅 플랫폼을 이용해 배포합니다.
    • 배포에 적용될 브랜치는 main 브랜치로 적용합니다.
  • GIT 활용하기
    • Pull Request 활용하기
    • Branch 만들어 작업하기
    • 코드 리뷰 해보기

🎆 도전 과제

  • 로그인, 회원가입 예외 처리
  • 소셜 로그인(구글, 깃헙)
  • 비밀번호 찾기 기능
  • 팔로우,팔로워 기능
  • 팔로우한 상대 게시물 확인 기능
  • 댓글 기능
  • 좋아요, 북마크 기능
  • 반응형 웹 구현
  • 무한스클로 기능
  • 더보기 기능
  • memo, useMemo, useCallback 을 이용한 렌더링 최적화 적용
  • Vercel에 배포한 뒤 커스텀 도메인 적용(선택)