GithubHelp home page GithubHelp logo

teampiickle / client Goto Github PK

View Code? Open in Web Editor NEW
37.0 0.0 3.0 10.3 MB

지금 내게 필요한 대화주제 추천 서비스, Piickle

Home Page: https://www.piickle.link

HTML 1.51% JavaScript 3.04% TypeScript 95.45%
mobile-web react styled-components typescript pwa swr vite

client's Introduction

🥒 Piickle

지금 내게 필요한 대화주제 추천 서비스, 피클!

📍 1. 어색한 분위기 또는 침묵의 발생

필연적으로 발생하는 과정을 매끄러운 아이스브레이킹 과정을 통해서 넘길 수 있다면, 그리고 보다 서로에 대해 더 알 수 있도록 설계할 수 있다면 충분히 해결가능하다고 판단했습니다.

-> 적절한 아이스브레이킹용 주제를 제시하며 대화주제 추천

📍 2. 오락과 재미에 치중된 대화에서 오는 회의감

재미있으면서도 진중한 대화 or 재미있는 주제에서 이어지는 진중한 대화를 만들어 가고자 합니다.

-> 가볍고 유쾌한 주제에서 출발해서 깊고 진중한 대화까지의 자연스러운 추천 흐름

📍 3. 사람들이 공감하고, 집중할 수 있는 주제를 떠올리는 것에 있어서 한계

사람들 간의 공통적인 주제를 모아서 직접 주제에 대한 선호도를 나누면 좋겠다고 생각했습니다.

-> 마음에 드는 주제를 북마크하고 모아서 볼 수 있도록 하는 아카이빙 기능


🖥 뷰 소개

1. Main

2. Category

3. Card

4. My Piickle

5. Piickle Me

6. My Page


👥 Team Piickle 피클의 웹딱지들을 소개합니다 :)

++ Origin co-worker 서혜은 / 윤지영


⚙️ Stack

역할 종류
Styling Styled Components
State Management Recoil
Programming Language TypeScript
Data Fetching SWR
Data Mocking MSW
Formatting ESLint Prettier
Package Manager Yarn
Version Control Git GitHub
Deploy Vercel

client's People

Contributors

henization avatar ilmerry avatar joohaem avatar leejoohaem avatar naveowo avatar nyeonk avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

client's Issues

[ Common ] Hyeeun QA

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Fix (내가 해결해주지)
  • Feature (제가 해냈습니다)

내용

  • 디자인 QA 수정
  • LightHouse 각 페이지 확인

체크리스트

  • Assignees / Labels / Milestone 선택
  • LightHouse 각 페이지 확인

[ Common ] axios file setting

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • axios file setting

체크리스트

  • Assignees / Labels / Milestone 선택
  • 초기세팅을 진행합니다

[ Main - CTABtn ] 메인뷰 CTA 버튼 구현

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • 메인뷰 CTA 버튼 구현

체크리스트

  • 메인뷰 CTA 버튼 구현

[ Main - CommonHeadingTitle ] section 별 헤딩태그 component

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • 메인 페이지에서의 section 별 헤딩태그 component를 구현합니다

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • UI 구현
  • handler 주입

[ Common ] Jiyeong Design QA

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Refactor (리모델링 재개발)
  • Fix (내가 해결해주지)
  • Bug (삐용삐용 큰일 났어 / 질문)
  • Feature (제가 해냈습니다)

내용

-디자인 QA 반영

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • ...todos, ...alert

[ Common ] style theme font, color setting

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • style theme font, color setting

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • 초기 세팅을 진행합니다

[ CardCollection - Filter Modal ] 필터 모달 구현

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • 추천 필터 모달 기능 구현

체크리스트

  • Assignees / Labels / Milestone 선택
  • 시멘틱 태그 구현
  • 성별, 연령대, 술자리 유형 기능구현 하기
  • 친밀도 기능구현하기
  • X 눌렀을 때 닫히는 거 기능구현하기
  • 추천 시작하기 눌렀을 때 서버에 post하면서 창 닫히기 구현

[ Common ] Nayeon Design QA

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Refactor (리모델링 재개발)
  • Fix (내가 해결해주지)
  • Bug (삐용삐용 큰일 났어 / 질문)
  • Feature (제가 해냈습니다)

내용

  • 디자인 QA 반영

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • banner QA 반영

[ Vote - PiickleMe ] 투표페이지 투표하기 & 결과보여주는 페이지 구현

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • 메인메뉴에서 이동할 수 있는 투표할 수 있고, 투표하면 결과를 볼 수 있는 페이지 하겠습니당

체크리스트

  • component/Vote에 컴포넌트 생성
  • 투표하기 전 화면 레이아웃 & 로직 구현
  • 투표결과 화면 레이아웃 & 로직 구현
  • 더미데이터 만들기
  • 투표 항목 수치에 대한 더미데이터 생성
  • 투표 전 뷰에서 각 항목 누르면 스타일 변화
  • 투표 전 뷰에서 투표하기 누르면 투표 후 뷰로 변환
  • 투표 전 뷰에서 각 항목 누르면 누른 항목의 수치 변화
  • 투표 전에 누른 항목의 수치의 변화를 투표 후 뷰에 적용

[ Test ] test issue

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Refactor (리모델링 재개발)
  • Fix (내가 해결해주지)
  • Bug (삐용삐용 큰일 났어 / 질문)
  • Feature (제가 해냈습니다)

내용

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • ...todos, ...alert

[ Test ] test

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Refactor (리모델링 재개발)
  • Fix (내가 해결해주지)
  • Bug (삐용삐용 큰일 났어 / 질문)
  • Feature (제가 해냈습니다)

내용

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • ...todos, ...alert

[ MyPage ] 마이페이지 구현

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • 마이페이지 뷰 구현

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • MyInfo 컴포넌트 생성
  • MyPiickle 컴포넌트 생성
  • Setting 컴포넌트 생성
  • 컴포넌트 스타일링

[ Notice ] stylelint 설정

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Notice (공지입니다)

내용

  • stylelint 설정을 추가하였습니다 !

    🔗 commit 바로보기

  • 주의사항은 다음과 같아요

    1. eslint 익스텐션 설치했던 것처럼 stylelint 익스텐션 설치해주세요
    2. 근데, 자동 fix 는 원활하게 되는 것 같지 않다고 생각됩니다

    활용하기 위해서는 CLI 실행이 필요할 것 같아요!

    (푸시 하기 전에 한 번씩) 아래 명령어 중 하나 실행 후 푸시하면 좋을 것 같습니다 !!

    의도적으로 commit 마다 lint 를 강제하도록 하지는 않았습니다, 중요하다고 판단하지 않았아요
    후에 문제가 있다면 다시 살펴보도록 할게요

      // (이거는 eslint, prittier, stylelint 전부 실행)
      $ yarn lint  
    
      // (이거는 stylelint만 실행)
      $ yarn lint-stylelint
    

[ Common ] Hyeeun Design QA

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Refactor (리모델링 재개발)
  • Fix (내가 해결해주지)
  • Feature (제가 해냈습니다)

내용

  • 디자인 QA 반영

체크리스트

  • Assignees / Labels / Milestone 선택
  • [ ]

[ README ] readme 작성

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • 중간과제 제출을 위한 리드미입니다 :)

체크리스트

  • 서비스이름, 팀명, 프로젝트 소개 기재
  • 선택한 기술스택 및 사용 라이브러리 기재
  • 프로젝트 폴더 구조 기재

[ Bookmark ] Bookmark 페이지 mock api 연결

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • My Piickle mock api 연결

체크리스트

  • Assignees / Labels / Milestone 선택
  • my Piickle list GET 받아오기
  • 하트 누를 때마다 POST 보내기

[ Bookmark - My Piickle ] My Piickle 리스트

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • 내가 픽한 대화 주제들 확인

체크리스트

  • Assignees / Labels / Milestone 선택
  • 공통컴포넌트 Header로 컴포넌트 헤더 만들기
  • list 항목 공통컴포넌트로 만들기 (시멘틱 구조 && 스타일링)

[ Main ] Main 페이지 mock API 연결

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • 마피클 get 받아오는 것처럼 메인페이지 best-5, 카테고리 무드, 투표리스트 get 받아오기

체크리스트

  • Assignees / Labels / Milestone 선택
  • best-5 GET
  • 투표리스트 GET
  • 베스트 피클 카드보기 버튼명 수정
  • 피클미 투표하기 눌렀을 때 해당 투표뷰로 이동

[ Main - footer & Mood Piickle ] footer 및 Mood Piickle article 뷰 구현

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Refactor (리모델링 재개발)
  • Fix (내가 해결해주지)
  • Bug (삐용삐용 큰일 났어 / 질문)
  • Feature (제가 해냈습니다)

내용

  • footer 구현
  • Mood Piickle article 구현

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • footer 컴포넌트 생성
  • Mood Piickle 레이아웃
  • 배경 이미지 추가
  • 컴포넌트 스타일링

[ Login ] 로그인 페이지 구현

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • 로그인 페이지를 구성합니다

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • 로그인 뷰 UI
  • useForm
  • 기능구현

[ Category - MoodPiickle ] 카테고리뷰 구현

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • 메인페이지에서 Mood Piickle을 눌렀을 때 이동하는 페이지 뷰 구현 하겠습니다~~~~~

체크리스트

  • Category 폴더에 컴포넌트 생성

[ Common ] Joam QA

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

#54
해당 이슈에 있는 거 하나씩 쳐내겠습니다

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • [ ]

[ Test ] test

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Refactor (리모델링 재개발)
  • Fix (내가 해결해주지)
  • Bug (삐용삐용 큰일 났어 / 질문)
  • Feature (제가 해냈습니다)

내용

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • ...todos, ...alert

[ Common ] Hyeeun QA

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Refactor (리모델링 재개발)
  • Fix (내가 해결해주지)
  • Feature (제가 해내볼게요 ><)

내용

  • api 연결 및 기능 구현 확인하기

체크리스트

  • Assignees / Labels / Milestone 선택
  • 카테고리 페이지 배너 만들기
  • 카테고리 페이지에서 카테고리 눌렀을 때 해당 페이지로 이동하게 기능구현하기
  • Category margin bottom 만들기
  • 메뉴바 페이지 이동
  • 로그아웃 구현

[ CardCollection ] 카드 뷰 구현

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • 카드 뷰 구현합니다

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • header 넣기
  • Card UI 구현
  • swiper js / react0slic
  • 버튼 넣기
  • 마지막 카드 index 확인, 뷰 보여주기
  • 필터 기능 UI
  • 필터 기능 (API 명세서 본 후에)

[ Main - PiickleMe ] PiickleMe 컴포넌트 뷰 구현

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Refactor (리모델링 재개발)
  • Fix (내가 해결해주지)
  • Bug (삐용삐용 큰일 났어 / 질문)
  • Feature (제가 해냈습니다)

내용

  • PickleMe => 투표하기로 이동할 수 있는 컴포넌트 뷰 구현

체크리스트

  • 참여수가 가장 많은 투표section / 나머지 section 나누기
  • 더미데이터 객체 생성
  • 텍스트 / 버튼 / 이미지 생성
  • 컴포넌트 스티일링

[ TO DO ]

내용

  • 해야 할 일을 기록합니다

체크리스트

  • mock API 연결
    • #98
    • #61
    • #63
    • #60
    • [ Vote ] Vote 페이지 mock API 연결
    • [ Bookmark ] Bookmark 페이지 mock API 연결
    • #59
  • 기능 구현
    • [ Login + MyPage + CardCollection ] 로그인 상태 여부 관련 로직 점검
    • [ Main ] MoodPiickle 누르면, 해당하는 카테고리로 연결하기
    • #85
    • #89
    • [ Error404 ] 에러 페이지 뷰
  • etc
    • [ Common ] any 없애기 / Promise 타입지정
    • [ Etc ] 미사용 변수들 제거
    • [ Etc ] stylelint 적용
  • 서비스 검사 하기
    • [ Common ] lighthouse
    • [ Common ] 스크린리더 확인 (모달창 적용) - #97
  • 과제
    • 최종과제
    • 개인과게 (아티클 / 개인회고)

(복붙 양식)

## 종류

ISSUE 종류를 선택하세요 (`[ ]` 안에 `x` 표시, `[x]`)

- [ ] Refactor (리모델링 재개발)
- [ ] Fix (내가 해결해주지)
- [ ] Bug (삐용삐용 큰일 났어 / 질문)
- [ ] Feature (제가 해냈습니다)

## 내용

-

## 체크리스트

- [ ] 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
  - EX `[ {페이지명} - {세부명} ] 테스트 이슈명`
- [ ] Assignees / Labels / Milestone 선택
- [ ] ...todos, ...alert

[ Test ] test...

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Refactor (리모델링 재개발)
  • Fix (내가 해결해주지)
  • Bug (삐용삐용 큰일 났어 / 질문)
  • Feature (제가 해냈습니다)

내용

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • ...todos, ...alert

[ Test ] test

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Refactor (리모델링 재개발)
  • Fix (내가 해결해주지)
  • Bug (삐용삐용 큰일 났어 / 질문)
  • Feature (제가 해냈습니다)

내용

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • ...todos, ...alert

[ Category ] Category 페이지 mock API 연결

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • category 페이지 mock api 연결해볼께욤~~~~~~벌써 무습당

체크리스트

[ Main - Banner ] Banner 컴포넌트 뷰 구현

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • 메인 페이지 배너 구현

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • 배너 UI 구현
  • 이미지 slider 기능 넣기
  • 페이지 표시
  • 이미지 하단에 고정
  • 컴포넌트 스타일링

[ Login ] Login 페이지 mock API 연결

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • 로그인 페이지 mock API 연결합니당

체크리스트

  • post
  • error 처리
  • 로컬스토리지 토큰 저장
  • isLogin recoil

[ Main ] 메인화면 컴포넌트 합치기

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • 각자 메인에 쓸 컴포넌트 작업해둔거 메인 화면에 합칠께요!!!

체크리스트

  • 각 컨텐츠섹션이랑 타이틀섹션 병합하기
  • 컴포넌트들 순서대로 배치하기

[ Common ] 혜은 기획 QA

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Refactor (리모델링 재개발)
  • Fix (내가 해결해주지)
  • Feature (제가 해냈습니다)

내용

  • 기획 QA 하기

체크리스트

  • Assignees / Labels / Milestone 선택
  • [ ]

[ Common ] 페이지 추가 및 폴더 세팅

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • 와이어프레임 뷰에 맞춰 페이지 세팅 진행합니다

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • ...todos, ...alert

[ Test ] test

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Refactor (리모델링 재개발)
  • Fix (내가 해결해주지)
  • Bug (삐용삐용 큰일 났어 / 질문)
  • Feature (제가 해냈습니다)

내용

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • ...todos, ...alert

[ Common ] mock api 점검

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • mock api 를 점검합니다

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • mock api 를 점검합니다

[ Common ] 로딩 뷰 붙이기 작업

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • 로딩 뷰 붙이기 작업

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • 로딩뷰르르 붙입니다

[ Test ] test

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Refactor (리모델링 재개발)
  • Fix (내가 해결해주지)
  • Bug (삐용삐용 큰일 났어 / 질문)
  • Feature (제가 해냈습니다)

내용

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • ...todos, ...alert

[ Notice ] pull request 보낼 때 가이드

기능 완성 시

기능이 완성 되었다면 이제 main에 pull request를 보내주어야겠죠!!
pull request를 보내기 전 해야할 일이 있답니다.

  1. git switch develop
  2. git fetch
  3. git pull origin develop
  4. git switch [본인 브랜치]
  5. git merge develop
  6. conflict 났다면 해결(이 때 절대절대 git push --forse 쓰지 말기 이거 쓰면 다른 사람이 한 내용을 덮어쓸 수도 있답니다ㅠㅜ 변경내용이 사라져버린대요)
  7. main으로 pull request 보내고 코드 리뷰 받기!

맹심맹심 또맹심!!
오늘도 풀리퀘를 날리는 당딘은 머싯스십니다. 💯

😍 @small-j 풀리퀘를 보낼 때 항상 읽어야하는 공식문서를 만들어주신 김지윤님께 감사를 전합니다 ><

[ CardCollection ] CardCollection 페이지 mock API 연결

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • 카드 뷰 mock API 연결

체크리스트

  • 카드 get 받아오기 (categoryId + search type)
  • 필터 type
  • 카테고리 :: /categories/:categoryId :: { type: "category", categoryId: "62cbb7d8a8c54f168a6ddfe1"}
  • 베스트 카드 :: /cards/best :: { type: "best" }
    • indexing
  • all 전체 카드 :: /categories/cards :: { type: "all" }
  • 필터 :: /categories/cards?search={type} :: { type: "filter", filters: ["남자", "상관없음"] }
    • 필터정보 저장해야함

[ CardCollection - Login Modal ] 로그인 유도창 구현

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Refactor (리모델링 재개발)
  • Fix (내가 해결해주지)
  • Bug (삐용삐용 큰일 났어 / 질문)
  • Feature (제가 해냈습니다)

내용

  • 비회원이 북마크를 누르면 뜨는, 로그인 유도창 구현

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • 모달 컴포넌트 구현
  • 컴포넌트 스타일링
  • gif 이미지 추가
  • 북마크와 연결

[ MyPage ] 프로필 이미지, 닉네임 수정

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Refactor (리모델링 재개발)
  • Fix (내가 해결해주지)
  • Bug (삐용삐용 큰일 났어 / 질문)
  • Feature (제가 해냈습니다)

내용

  • 헨 : 닉네임 수정 할께욤~
  • 졍 : 프로필 사진 변경 할께용~

체크리스트

  • Assignees / Labels / Milestone 선택
  • ...todos, ...alert

[ Main - Menu Bar ] 메뉴바 구현

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • [ x] Feature (제가 해냈습니다)

내용

  • 메인페이지 햄버거 클릭하면 나타나는 메뉴바 구현입니다.

체크리스트

[ Main - BestPiickle ] BestPiickle 컴포넌트 뷰 구현

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • 한달동안 가장 많은 마이피클을 달성한 5개의 주제 보여주기

체크리스트

  • 상위 컴포넌트 시멘틱 구조 잡기
  • common 컴포넌트 시멘틱 구조 잡기
  • Slider 기능 구현
  • 카드 클릭 시 해당 카드뷰로 이동

[ Common ] Checking UI

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Refactor (리모델링 재개발)
  • Fix (내가 해결해주지)
  • Bug (삐용삐용 큰일 났어 / 질문)
  • Feature (제가 해냈습니다)

내용

  • UI가 Figma랑 같은지 확인합니다.

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • MainPage -> header, footer, banner까지 확인했습니다.
  • MyPage -> feat/#59-mock_api_profile branch에서 확인했습니다.
  • LoginPage
  • VotePage
  • CategoryPage
  • BookmarkPage
  • CardPage

[ Common - Header ] 공통 Header 작업

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • Header 컴포넌트 작업합니다
  • 크기 및 margin 값 조정 달라질 수 있습니다

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택
  • 헤더 죽이기

[ Common ] API 통신 swr 적용

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

  • Feature (제가 해냈습니다)

내용

  • api 통신에 패칭 라이브러리 swr 을 적용합니다

체크리스트

  • 칸반보드에 있는 에픽 번호를 이슈 이름에 명시
    • EX [ {페이지명} - {세부명} ] 테스트 이슈명
  • Assignees / Labels / Milestone 선택

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.