codestates / pily-client Goto Github PK

ISSUE

• Group: client
• Type: feature
• Detail: 리액트를 타입스크립트로 작성하기 위해서 typescript를 공부합니다.

TODO

• Job1 : typescript 기본 문법, 타입 공부
• Job2 : 리액트에 타입스크립트를 사용해서 컴포넌트 제작하는 방법 공부

ISSUE

• Group: client
• Type: feature
• Detail: 메인페이지 해더 컴포넌트 작성

TODO

• Job1 : 로그인 페이지 ( 모달형식 )
• Job2 : 알림기능 아이콘 ( 임시 기능x )
• Job3 : 서치 페이지 ( 모달형식 )

ISSUE

• Group: client
• Type: Issue
• Detail: 각자 피드 작성 페이지에서 사용될 라이브러리 공부하기

ISSUE

• Group: client
• Type: feature

TODO

• Job1 : SearchAPI (쿼리 기반으로 매거진 검색)
• Job2 : GetMyFeedAPI (쿼리 기반으로 나의 피드들 검색)
• Job3 : ImgaeUploadAPI
• Job4 : SubmitFeedAPI

ISSUE

• Group: client
• Type: feature
• Detail: 매거진 디테일 페이지 전체 설계

TODO

• Job1 : 매거진 디테일 구조 설계
• Job2 : 개별 컴포넌트 코드 작성
• Job3 :

Group: client
Type: api
Detail: 매거진 발행 페이지의 api 처리
TODO

Job1 : 매거진 디테일 불러오는 api
Job2 : 좋아요, 좋아요 취소 api

ISSUE

• Group: client
• Type: feature

TODO

• Job1 : 마이페이지 내 피드, 내 매거진 및 좋아요 매거진 미리보기
• Job2 : 매거진 작성페이지에서 검색 된 피드들 미리보기

ISSUE

• Group: client
• Type: feature

TODO

• Job1 : img 태그를 어떻게 처리해줄지 조사하기
• Job2 : multer-s3 공부하기
• Job3 : 피드 작성완료시 리다이렉트 지정

ISSUE

• Group: client
• Type: feature
• Detail: 매거진 디테일 페이지에서 api 관련 로직 설계

TODO

• Job1 : 매거진 디테일 페이지 데이터 불러오기
• Job2 : 구독, 유저 정보 불러오기
• Job3 : 위치 정보 반영하는 방법 알아보고 보여주는 방법까지 알아보기

ISSUE

• Group: client
• Type: feature
• Detail: 메인페이지 매거진 그리드 컴포넌트 설계

TODO

• Job1 : antd 그리드 시스템 확인 및 공부
• Job2 : antd 컴포넌트에서 매거진 요소에 반영할 만한 요소 찾아서 설계
• Job3 : 컴포넌트 제작

ISSUE

• Group: client
• Type: feature

TODO

• Job1 : 닉네임을 칠 때 마다 중복 검사

ISSUE

• Group: client
• Type: feature

TODO

• Job1 : 매거진 작성 페이지에서 피드를 불러오는 로직 설계
• Job2 : 보여지는 피드 관련 컴포넌트 제작

ISSUE

• Group: client
• Type: feature

TODO

• Job1 : 로고를 누르면 메인페이지로 Link 작업
• Job2 : Action Btn이 필요한 페이지마다 렌더 작업
• Job3 : 일반적인 Id와 ClassName이 겹치지 않게 Action Btn에 styled 씌우기

ISSUE

• Group: client, server
• Type: bug, feature, delete
• Detail: 작업할 내용을 자세하게 기록해주세요.

TODO

• Job1 : 마이페이지 전체 틀 설계
• Job2 : 유저 정보 관련 부분 설계

ISSUE

• Group: client, server
• Type: bug, feature, delete
• Detail: 작업할 내용을 자세하게 기록해주세요.

TODO

• Job1 : 유저 이미지, 이름 변경 관련 api 작성
• Job2 : 유저 이미지 변경 안되는 오류 빨리 잡기
• Job3 : 탭 메뉴별로 각기 다른 매거진 불러오는 api 작성
• Job4 : 구독한 유저 불러오는 api 작성
• Job5 : 다른 유저 프로필 페이지 api 및 구독, 구독 취소

Task Card List

TODO

클라이언트

• 배포 환경 구축 (CRA, hello world - skeleton 단계) -> AWS S3에 정적 파일 업로드(1차 배포)

• 클라이언트 폴더 구조 (structure) 및 개발 환경 세팅

• 메인페이지 작업

  • 개별 매거진 요소 (상세 페이지로 전환 -> 라우팅)
  • 메인페이지 매거진 그리드 (인기/ 최신)
  • 검색 및 알림
  • 로그인, 회원가입 모달을 띄우는 버튼
  • 페이지네이션
  • 프로그레스바 (로딩 상태)
  • 픽스된 메뉴 모달

• 모달

  • 로그인, 회원가입 모달 (소셜 로그인 - 구글, 네이버, 카카오톡)
  • 검색 관련 모달 (검색바, 드롭다운 메뉴)

• 검색

  • 매거진 검색
  • 피드 검색

• 디테일

  • 디테일한 매거진이 보여지는 뷰
  • 구독 및 좋아요, 유저 디테일

• 피드 작성

  • 피드 작성 컴포넌트 구현을 위한 문서 작성 라이브러리 알아보기
  • 피드 작성 컴포넌트 구현 이슈 생성 및 작업
  • 위치 정보 반영, 별점 시스템
  • 미리보기 기능 및 미리 보여지는 부분

• 매거진 작성

  • 피드의 위치 정보를 어떻게 반영할지 알아보기
  • 매거진 스타일 (가로/세로)
  • 피드 검색 및 피드 목록
  • 미리보기

• 마이페이지

  • 마이페이지 전체 설계
  • 유저 정보 관련
  • 사이드 (메뉴)바
  • 사이드 메뉴별 뷰 (메뉴별 라우팅에 따른 컴포넌트 구분)
  • 메뉴별 개별 요소

ISSUE

• Group: client, server
• Type: bug, feature, delete
• Detail: 작업할 내용을 자세하게 기록해주세요.

TODO

• Job1 : 피드 목록 조회를 위한 검색 로직
• Job2 : 검색바, 필터 관련 셀렉트 반영

ISSUE

• Group: client
• Type: CSS
• Detail: 혼잡한 메인페이지의 그리드 시스템을 카드 그리드 시스템으로 변경

TODO

• Job1 : 카드 컴포넌트 구축 + CSS
• Job2 : 카드 컴포넌트 보여주는 리스트 컴포넌트 구축 + CSS
• Job3 : 메인페이지에 반영

ISSUE

• Group: client
• Type: api
• Detail: 매거진 발행 페이지의 api 처리

TODO

• Job1 : 피드 검색 및 불러오는 api 작업 처리
• Job2 : 매거진 발행 api 처리
• Job3 : 썸네일 이미지 등록 api 처리

ISSUE

• Group: client, server
• Type: bug, feature, delete
• Detail: 작업할 내용을 자세하게 기록해주세요.

TODO

• Job1 : 요청된 메뉴별 정보를 보여줄 컴포넌트 제작
• Job2 : 전체 메뉴에 대해서 반영

ISSUE

• Group: client
• Type: feature

TODO

• Job1 : 유저 이미지 변경 로직 설계
• Job2 : 유저 이름 변경 로직 설계

ISSUE

• Group: client
• Type: feature

TODO

• Job1 : 피드 생성시 위치 정보 반영하는 방법 알아보기
• Job2 : 피드 별점 시스템 구축하기

ISSUE

• Group: client
• Type: feature
• Detail: 고정 아이콘 모달 형식으로 작성

TODO

• Job1 : 모달형식으로 작성
• Job2 : Redirect Create Feed, Magazine, Mypage
• Job3 :

ISSUE

• Group: client
• Type: feature
• Detail:
  • 메인페이지 그리드 및 페이지네이션 관련 상태값 관리에 대한 공부(서칭)
  • 리덕스를 이용한 메인페이지 매거진 상태, 페이지 관리

TODO

• Job1 : 메인페이지 그리드에 보여지는 매거진을 한정하는 방법에 대해서 공부
• Job2 : 리덕스로 메인페이지 매거진 상태값 관리하는 방법 서칭
• Job3 : 메인페이지 상태 관련 코드 작성

ISSUE

• Group: client
• Type: feature

TODO

• Job1 : 매거진 작성 컴포넌트 틀 설계
• Job2 : 매거진 뷰에서 그리드 나누기 작업
• Job3 : 그리드 관련 라이브러리 공부

ISSUE

• Group: client, server
• Type: bug, feature, delete
• Detail: 작업할 내용을 자세하게 기록해주세요.

TODO

• Job1 : 메뉴별 조회 목록 사이드 메뉴 설계
• Job2 : 메뉴 클릭 시 해당 관련 데이터 요청하는 로직 설계

ISSUE

• Group: client
• Type: feature

TODO

• Job1 : 피드 작성 전체 틀 설계
• Job2 : 피드 저장 시 html로 변경하여 저장하는 부분 알아보기
• Job3 :

ISSUE

• Group: client
• Type: feature

TODO

• Job1 : 날짜 포맷 수정

TODO

• Job1 : html-react-parser 공부
• Job2 : Magazine page layout 구상