• '각자 잘하는 것'에 집중하면서도 서로의 코드가 겹쳐서 Conflict가 나지 않게 영역을 확실히 나눠야 함
• 백엔드가 없는 프론트엔드 프로젝트인 만큼, 기능 단위보다는 페이지 및 공통 시스템 단위로 업무를 분장하는 것이 효율적

5인 업무 분장

제 생각엔 1번을 남희언니가 맡고 제가 서포트하는 식으로 가는 게 좋을 거 같고,

0번은 저랑 언니가 둘이 같이 관리하고(제가 피그마 디자인 다 할테니 언니는 팀원들에게 CSS쪽 가이드라인 챙겨주는 정도),

그리고 아무래도 저 혼자 전공자니까 제가 5번 DB쪽 하는 게 맞을 거 같아요

• 2,3,4번을 현진이, 지민님, 성민님에게 드리면 될 거 같습니다

0. 기획 & 디자인 & 퍼블리싱 (1명) - 김유진 + 남희언니

전체적인 톤앤매너를 유지, 사용자 경험(UX)을 챙기기

• 주요 과업
  • 디자인 시스템: Figma를 통해 색상 코드, 폰트 가이드라인 제공
  • 애니메이션/인터랙션: Framer Motion 등을 활용해 페이지 전환이나 버튼 클릭 시 생동감 있는 효과 추가
• 필요 역량: UX 디자인

1. 팀장 & 공통 시스템 및 컴포넌트 (1명) - 남희언니

전체적인 흐름을 잡고 팀원들이 공통으로 쓸 component 만들기

• 주요 과업
  • 프로젝트 초기 설정: React/Next.js 세팅, 라이브러리(Tailwind CSS, Styled-components 등) 설치
  • 공통 컴포넌트 제작: 모든 페이지에서 쓰일 버튼, 입력창(Input), 모달(Modal), 레이아웃(Nav/Footer) 제작
  • 상태 관리 세팅: 다크모드 설정이나 필터링 데이터의 전역 상태 관리
• 필요 역량: 프로젝트 구조 설계 능력, Git 관리(Merge 담당)

2. 인증 시스템 & 유저 정보 관리 (1명)

기본적인 회원가입과 로그인 기능 구현

• 주요 과업:
  • 소셜 로그인 연동: Supabase(또는 Firebase)를 활용한 깃허브/구글 소셜 로그인 기능 구현
  • 로그인 상태 유지: 로그인 여부에 따라 헤더 메뉴 변경(로그인 버튼 ↔ 프로필/로그아웃) 및 페이지 접근 권한 제어
  • 로그아웃 기능: 세션 종료 및 메인 페이지로의 리다이렉트 처리
• 필요 역량: * React Hook 활용: useState, useEffect를 이용한 폼 데이터 관리
  • 인증 로직 이해: API 문서(Supabase Auth)를 보고 연동하는 능력
  • 조건부 렌더링: 사용자 상태에 따라 UI를 다르게 보여주는 로직 구현

3. 메인 페이지 & 필터링 로직 (1명)

서비스의 얼굴이자 가장 핵심적인 기능을 담당

• 주요 과업
  • 카드 리스트 구현: 포트폴리오 썸네일과 정보를 담은 카드 UI 제작
  • 필터/검색 시스템: 기술 스택(React, JS 등) 클릭 시 리스트가 실시간으로 변하는 로직 구현
  • 무한 스크롤(선택): 데이터가 많아질 경우를 대비한 스크롤 최적화