1. 프로젝트 개요

"최애의 포토"는 디지털 시대의 새로운 수집 문화를 선도하는 플랫폼입니다. 자신이 좋아하는 아이돌이나 스포츠 스타, 그림 등 디지털 포토카드를 손쉽게 사고팔 수 있는 공간으로, 특별한 커뮤니티를 제공합니다. 이제는 좋아하는 포토카드를 실제로 모으는 것뿐만 아니라, 디지털 자산으로 소장하며 나만의 컬렉션을 완성할 수 있습니다. 서로의 포토카드를 교환하고, 나만의 포토카드를 자랑하는 재미와 함께 상호 교류도 즐길 수 있는 플랫폼, "최애의 포토"에서 만나보세요!

2. 담당한 작업(팀장)

• FE

  • pagination 로직 구현
  • inputbutton(green) 컴포넌트 구현
  • inputbutton(black) 컴포넌트 구현
  • profile 컴포넌트 구현
  • 전체 페이지 modal 연결
  • authprovider (전역 인증 상태 관리 구현)
  • middleware.js (전역 인증 라우팅 구현)
  • fetch-client.js (인증 API 요청과 비인증 API 요청로직을 분류)
  • 로그인 페이지 제작
  • 회원가입 페이지 제작

• BE

  • POST /api/auth/signup - 회원가입 API 설계
  • POST /api/auth/login - 로그인 API 설계
  • POST /api/auth/logout - 로그아웃 API 설계
  • POST /api/auth/refresh-token - 액세스 토큰 재발급 API 설계

• 공통

  • 개발 아키텍처 구조 제작
  • 폴더 구조 설계
  • 발표
  • PR 템플릿 제작
  • 역할 분배 및 세부 일정 조율

3. 협업 방식 및 피드백

• 협업 방식

  • 팀 노션 [4팀] 공용 작업 페이지 ←(링크) 에 있는 작업 내용 및 일정 표를 기반으로 협업 진행

  • 매일 오전 10시에 Daily Scrum을 통해 이슈 트래킹 및 세부적인 일정관리 진행

    • 컨디션 체크, 진행 사항, 세부적인 일정 관리, 이슈(이슈 트래킹) 등등

  • 매일 오전 11시 주강사님 피드백 진행 및 매주 목요일 멘토님 피드백 진행

  • 컨벤션을 작성하여 커밋메세지, 네이밍 일관성 유지

    컨벤션

  • PR 템플릿을 제작하여 작업 내용을 분류하여 체크하고 작업 내용을 명확히 하여 공유함

    • [ ] feat: 새로운 기능을 추가
    • [ ] fix: 버그를 수정한 커밋
    • [ ] docs: 문서 관련 수정
    • [ ] style: 코드 스타일 관련 수정 (기능 변화 없음)
    • [ ] refactor: 코드 리팩토링 (기능 변화 없음)

• 협업 중 느낀점

  • 초급 프로젝트에 비해 중급프로젝트라 할일도 많아지고 시간도 빠듯하여 오류점검과 리펙토링 시간이 다소 부족하였고 급하게 마무리된 느낌이 없지 않아 있었다. 또한 단순히 개발이라는 일이 혼자 코딩을 잘한다고 되는게 아니고 협업을 잘하고 공통적인 세부 계획을 잘세우고 역할분배도 적절하게 잘하는게 중요하다는 걸 깨달았다. 이번 프로젝트에는 프로젝트를 초기에 설계하고 진행해나가는 과정에서 빠듯한 시간속에서 어떤게 우선시되어야하고 어떤 일을 먼저 처리하여야 효율적인지에 관해 깊게 생각해 볼 수 있는 기회였던 것 같다.

3. 프로젝트 전체 구조 및 기술 스택

개발 아키텍처 구조

API 명세서 설계

ERD 설계

폴더 구조