Issue 타입

-[] 기능 추가
-[] 기능 삭제
-[] 버그 수정
-[] 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Github 소셜 로그인 기능이 필요합니다.

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Lables

• 메인 커밋
• 작업 분야 : back
• 예상시간 :

Issue 타입

• [] 기능 추가
• [] 기능 삭제
• [] 버그 수정
• [] 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

• ui 구현
• 버튼 활성화

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

• [] 기능 추가
• [] 기능 삭제
• [] 버그 수정
• [] 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

• ui 구현
• 서버로부터 데이터를 받아서 순위를 버여주기

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Lables

• 메인 커밋
• 작업 분야 : back
• 예상시간 :

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Lables

• 메인 커밋
• 작업 분야 : back
• 예상시간 :

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

• SwiperJS react 적용
• youtube player API 연동
• 모바일 대응 (5 -> 3)

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Lables

• 메인 커밋
• 작업 분야 : back
• 예상시간 :

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

• 기초 디자인 작성
• 백엔드 API 연동
• 타 컴포넌트로 재생목록 연동
• 모바일 대응

Lables

• 메인 커밋
• 작업 분야 : front
• 예상시간 : 3h

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Lables

• 메인 커밋
• 작업 분야 : back
• 예상시간 :

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Lables

• 메인 커밋
• 작업 분야 : back
• 예상시간 :

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

• Searchbar 컴포넌트 작성
• MusicTags 컴포넌트 작성
• Swiper 컴포넌트 작성
• Metadata 컴포넌트 작성
• Musics 컴포넌트 작성
• Playlists 컴포넌트 작성
• 버튼 디자인 / 라우팅 구현
• 모바일 대응

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

SR 기획

1. 프로젝트 기획 및 범위 설정
2. 프론트엔드 세부 기획
3. 백엔드 세부 기획 진행
4. 기능 To Do 리스트 작성
5. Wiki 작성
6. 테스크 카드 작성 및 분배

Bare minimum requirements

시스템 아키텍처

• JWT를 이용한 로그인 구현
• 권한 부여(Authorization)에 따른 기능의 접근 제한 구현 (예- 일반 사용자, 관리자 권한)

UI/UX

• 회원가입, 로그인, 로그아웃, 마이페이지, 회원탈퇴 기능 구현
• 회원가입, 로그인 및 회원정보 수정 시 유효성 검사
• 소셜 로그인 외 서비스 자체 회원가입 기능 제공
• 회원가입 없이 '체험하기' 형식으로 가볍게 기능을 이용할 수 있는 장치 마련
• 회원 탈퇴나 리소스 삭제시 확인(confirm) 모달 제공
• 마이페이지를 통해 사용자 개인정보 수정 기능 제공
• (소셜 로그인이 아닐 경우) 비밀번호 수정 기능 제공
• 라이브러리를 사용하지 않고 React 컴포넌트 직접 작성 (유어클래스에서 다룬 것: 탭, 드랍다운, 모달 등)
• 상품 혹은 데이터를 API로 받아 와서 리스트 구현
• 3rd-party API 호출
• 모바일 환경 대응 및 반응형 웹

Advanced

• 뽀모도로 25분 집중, 5분 휴식 타이머 기능
• 5분 휴식의 시작과 끝을 확인할 수 있는 기능
• 유저의 뽀모도로 달성 횟수를 볼 수 있는 랭킹 시스템 기능
• 플레이리스트의 저장 기능, 랭킹시스템 기능(회원만 사용 가능)
• 키워드 제시 기능
• 검색 필터링 기능
• OAuth 2.0을 이용한 소셜 로그인
• greensock을사용한 스크롤에 의한 애니메이션 적용
• 무한 스크롤/페이지네이션 구현

Nightmare

• lighthouse 각 항목 70점 이상 통과 (PWA 제외)
• [테스트] w3c validator 통과
• [테스트] 백엔드 테스트 코드 작성

스키마 및 API

• N:M (다대다) 관계 설정
• ERD (DB Diagram) 작성
• API 작성 툴 (Swagger, Postman, Gitbook API) 을 사용하여 요청/응답 및 JSON 키/값 형식 기술
• ORM 사용 (sequelize, typeorm 권장)
• 페이지네이션 구현

DevOps

• [코드] precommit 단계에서 semistandard 적용
• [릴리즈] 깃허브 커밋메세지 규칙 합의
• [코드] 버전 규칙 합의
• [릴리즈] PR 형식 합의
• [배포] 배포 자동화 설정
• [배포] 도메인 구매 및 HTTPS 배포

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

• 기초 디자인 작성
• youtube API 데이터구조 작성
• 모바일 대응

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Lables

• 메인 커밋
• 작업 분야 : back
• 예상시간 :

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Lables

• 메인 커밋
• 작업 분야 : back
• 예상시간 :

Issue 타입

• [] 기능 추가
• [] 기능 삭제
• [] 버그 수정
• [] 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

• ul 구현
• 버튼 활성화
• 새로운 password가 성공적으로 생성되면 모달 띄우기 -> 로그인 화면

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

-[] 기능 추가
-[] 기능 삭제
-[] 버그 수정
-[] 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Github 소셜 로그인 기능이 필요합니다.

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

• 디자인 작성
• youtube API 연동
• 모바일 대응

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Keep (유지할 항목)

• SR 기획 회의는 모든 인원이 참석한다.
• 점심시간은 1시간 30분으로 정한다.
• 가능한 많은 소통하는 것을 지향한다.

Problem (문제라고 생각하는 항목)

• 기획의 진척도가 느리다.
• 중간중간 짧은 휴식 시간의 필요성을 느낀다.

Try (Action Items)

• 프론트엔드(웹) 세부 기획
• 백엔드 세부 기획
• Wiki 작성

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Lables

• 메인 커밋
• 작업 분야 : back
• 예상시간 :

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

• 기초 디자인 작성
• 추가버튼, 데이터 렌더링 타 컴포넌트와 연동 (useContext 이용?)

Lables

• 메인 커밋
• 작업 분야 : front
• 예상시간 : 3h

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Lables

• 메인 커밋
• 작업 분야 : back
• 예상시간 :

Issue 타입

• [] 기능 추가
• [] 기능 삭제
• [] 버그 수정
• [] 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

• 모달 component 구현

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

• 기능 추가

상세 내용

• 25분, 5분 타이머 기능
• 25분 시작과 끝에 API 요청
• 25분 끝에 알림음
• 타이머 애니메이션
• 뮤트 토글 기능

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

• 기능 추가

상세 내용

• 모바일 하단 내비게이션 UI
• 버튼 활성화
• 로그인 여부에 따른 조건부 랜더링
• 로그아웃 기능

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

• [] 기능 추가
• [] 기능 삭제
• [] 버그 수정
• [] 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

• 모달 component 구현

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

• 기능 추가

상세 내용

• 로그인, 비로그인 상태 조건부 렌더링
• 헤더 UI 구현
• 버튼 활성화
• 로그아웃 구현

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Lables

• 메인 커밋
• 작업 분야 : back
• 예상시간 :

Issue 타입

-[] 기능 추가
-[] 기능 삭제
-[] 버그 수정
-[] 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Github 소셜 로그인 기능이 필요합니다.

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Lables

• 메인 커밋
• 작업 분야 : back
• 예상시간 :

Issue 타입

• 기능 추가

상세 내용

• 렌딩 페이지 레이아웃
• 렌딩 페이지 컨텐츠

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Lables

• 메인 커밋
• 작업 분야 : back
• 예상시간 :

Keep (유지할 항목)

• 기획 단계에 사용한 협업툴을 적극 사용하여 작업기간을 단축한다.
• 기획 단계에서 약속된 내용을 숙지하고 그대로 반영한다. 수정사항이 필요할 경우 팀원과 회의한다.
• 팀원들과 협의한 시간엔 항상 연락가능한 상태를 유지한다.

Problem (문제라고 생각하는 항목)

• 구현 기간을 예측하기 어려워 완성 시기를 예측하기 어렵다

Try (Action Items)

• 모든 팀원은 할당 받은 task를 수행한다.
• SR 기획 피드백을 받으면 반영한다.
• PR시 많은 질문으로 팀원간 의사소통을 디테일하게 한다.

Issue 타입

• [] 기능 추가
• [] 기능 삭제
• [] 버그 수정
• [] 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

• ui구현
• 로그인 버튼 활성화
• 회원 가입하기 버튼 활성화
• 메일 주소와 닉네임이 일치하지 않을 때는 에러 메시지를 보여주기

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

-[] 기능 추가
-[] 기능 삭제
-[] 버그 수정
-[] 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Github 소셜 로그인 기능이 필요합니다.

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Lables

• 메인 커밋
• 작업 분야 : back
• 예상시간 :

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Lables

• 메인 커밋
• 작업 분야 : back
• 예상시간 :

Issue 타입

• [] 기능 추가
• [] 기능 삭제
• [] 버그 수정
• [] 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

• ui 구현
• 비밀번호 유효성 검사
• 정보 수정 버튼 활성화
• 회원 탈퇴 버튼 활성화

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

• [] 기능 추가
• [] 기능 삭제
• [] 버그 수정
• [] 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

• ui 구현
• 탈퇴하기 버튼 활성화

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Keep (유지할 항목)

• 팀원이 어려워할 때 적절하게 다른 팀원들이 도움을 준 것이 좋았다
• 모든 팀원의 책임감 있는 행동으로 유연할 스케줄 유지할 수 있어 좋았다.

Problem (문제라고 생각하는 항목)

• 기능 구현 기간을 예측하기 어렵다
• 체력관리를 신경 써야 할 것 같다.

Try (Action Items)

• 코드리뷰 후 PR 요청된 브랜치를 머지
• 클라이언트 UI 완성 후 서버와 통신 시도

Issue 타입

• [] 기능 추가
• [] 기능 삭제
• [] 버그 수정
• [] 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

• ui 구현
• 닉네임 중복 화인
• 메일 주소 중복 확인
• 닉네임, 메일 주소, 비밀번호 유효성 검사
• 구글 계정으로 회원 가입을 할 수 있게 구현 (OAuth)

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

• 기초 디자인 작성
• 백엔드 API 연동
• slider 적용
• 뽀모도로 컴포넌트로 재생목록 연동
• 모바일 대응

Lables

• 메인 커밋
• 작업 분야 : front
• 예상시간 : 3h

Issue 타입

• 기능 추가

상세 내용

• Footer UI
• 깃헙 아이콘은 팀원의 깃헙으로 링크한다.

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Lables

• 메인 커밋
• 작업 분야 : back
• 예상시간 :

Issue 타입

• [] 기능 추가
• [] 기능 삭제
• [] 버그 수정
• [] 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

• ui 구현
• user 데이터 보여주기
• 플레이리스트 이름 변경 버튼 활성화
• 플레이리스트 삭제 버튼 활성화

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

• 기능 추가

상세 내용

• 모바일 헤더 UI

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간

Issue 타입

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

Lables

• 메인 커밋
• 작업 분야 : back
• 예상시간 :

Keep (유지할 항목)

• 회의할 때 항상 협업 툴을 사용한다. (figma, erdcloud 등)
• 의견이 대립했을 때 충분히 논리적인 다수의 의견을 존중하는 것이 너무 좋다.
• 뽀모도로 기법(시간 관리 방법론)으로 효율적인 회의를 진행한다.

Problem (문제라고 생각하는 항목)

• 꾸준한 건강관리를 신경 써야 할 것 같다.
• 기능 구현 기간의 예측이 어렵다.

Try (Action Items)

• 백엔드 세부 기획
• Wiki 작성
• Readme 작성

Issue 타입

• 기능 추가

상세 내용

• greensock을 이용한 애니메이션
• 랜딩페이지 레이아웃

Lables

• 메인 커밋
• 작업 분야(front or back)
• 예상시간