Skip to content

Conversation

@blcklamb
Copy link
Contributor

일시

  • 1차 스프린트: 7월 22일~7월 26일
  • 2차 스프린트: 10월 17일~10월 24일

세부 사항

1차 스프린트에서 부족하게 느꼈던 기능 추가 및 리팩토링 위주로 2차 스프린트를 진행하였습니다.
이번 PR 이후로 서버는 종료될 예정입니다.

yooveloper and others added 30 commits June 24, 2023 18:32
- html Noto Sans font 적용
- lib: style-reset
- typescript 버전 5.1.3 -> 4.9.5
* fix: eslint 비활성화
- default props, 선언 전 사용이 styled component의 기본적인 형태와 대척되는 부분이 있어서 disabled 처리 했습니다

* style: 전역 style 변경
- 배경색, 폰트색 설정되 있던 부분 제거

* feat: svg, icon 컴포넌트 생성
- 전역으로 쓸 수 있도록 App.tsx에 provider 설정, Icon.tsx, IconLoader.tsx 기본 세팅 및 source 추가

* feat: List 컴포넌트 생성
- 공급자 선물 목록 만들기(editable), 공급자 선물 목록 확인하기(default), 사용자 선물 목록 고르기(likable)
* build: add eslint rules > no-unused-vars

* build: add recoil and sample

* feat: recoil, react-query 설치 및 예제 작업
* feat: Button 컴포넌트 생성

* feat: Title 컴포넌트 생성

* style: Button 컴포넌트 width 수정

* feat: Input 컴포넌트 생성

* docs: 공통 컴포넌트 예시 추가

* style: 컬러 상수 생성

* fix: 스타일 파라미터명 수정
* fix: 중복 eslint 파일 제거

* feat: 카카오톡 공유 버튼 추가
* fix: Input 컴포넌트 text-align 오류 수정

* style: Button 컴포넌트 스타일 수정

* style: 컬러 색상 추가

* style: Input 스타일 수정
* fix: logo svg path 오류 해결
- 미키 덕분에 svg 파일 path따라 깨지는 거 해결했어요 이제 작동 잘 돼요

* style: camera icon 추가
- 색 있는 것은 "camera-fill", 선만 있는 것은 "camera-stroke"

* delete: 불필요한 public 파일 제거

* feat: 선물, 쿠폰 리스트 타이핑
- api request, response 위한 타이핑입니다

* feat: 주는 사람 선물 확인 페이지 UI
- api는 작업 중에 있습니다

* feat: 주는 사람 선물 확인 페이지 route
- [참고 링크](https://blcklamb.notion.site/route-382002267a534c32a28a63bd8b4e8f73?pvs=4)

* feat: 받는 사람 선물 확인 페이지 route 추가

* style: List 컴포넌트 px -> rem

* style: 주는 사람 선물 확인 페이지 button
- fixed로 수정
- onClickEvent 추가

* feat: 받는 사람 선물 확인 페이지 UI
- onClickEvent 추가

* style: #ffffff -> constant 로 수정

* Merge branch 'develop' of https://github.com/pick-time/pick-time-fe into feature/page-list
* fix: logo svg path 오류 해결
- 미키 덕분에 svg 파일 path따라 깨지는 거 해결했어요 이제 작동 잘 돼요

* style: camera icon 추가
- 색 있는 것은 "camera-fill", 선만 있는 것은 "camera-stroke"

* delete: 불필요한 public 파일 제거

* feat: 선물, 쿠폰 리스트 타이핑
- api request, response 위한 타이핑입니다

* feat: 주는 사람 선물 확인 페이지 UI
- api는 작업 중에 있습니다

* feat: 주는 사람 선물 확인 페이지 route
- [참고 링크](https://blcklamb.notion.site/route-382002267a534c32a28a63bd8b4e8f73?pvs=4)

* feat: 받는 사람 선물 확인 페이지 route 추가

* style: List 컴포넌트 px -> rem

* style: 주는 사람 선물 확인 페이지 button
- fixed로 수정
- onClickEvent 추가

* feat: 받는 사람 선물 확인 페이지 UI
- onClickEvent 추가

* style: #ffffff -> constant 로 수정

* Merge branch 'develop' of https://github.com/pick-time/pick-time-fe into feature/page-list

* fix: 불필요한 Import 제거
- mockListData 제거
* style: 축하카드 만들기 컴포넌트 생성

* style : 나만의 카드만들기
* build: copy, toast 패키지 설치

* fix: Button 컴포넌트 onClick 옵셔널 설정

* feat: 링크 복사 컴포넌트 생성
* feat: url 유효성 검사

* feat: 메타 태그 라이브러리 변경
* feat: 전체 height 100vh로 변경 및 센터정렬

* feat: Intro 컴포넌트에서 분기하도록 처리

* feat: Input 공통컴포넌트에 maxLength 추가

* feat:
1. 주는 사람 인트로 화면 구현
2. useInputValidation hook 으로 유효성 검사
3. atom 생성 후 전역에서 input 값 저장
* feat: 주는 사람 선물 확인 페이지 api 연결
- 우선 mock으로 작업했습니다

* feat: useGETGiftList
- 주는 사람, 받는 사람이 선택한 선물 목록을 확인할 때 쓰는 api

* typo: typing 잘못된 것 수정
- 그런데 보류된 데이터라 크게 신경쓸 것 없음

* fix: api func declare 순서 정렬
- merge 순서대로 제 건 후순위로 미뤘어요
* style: url 복사 버튼 색상 변경

* style: 이미지 추가

* style: 완성 페이지 이미지 svg로 변경

* feat: 완성 페이지 라우트 추가

* style: 링크 컴포넌트들 div로 감싸기

* feat: 주는 사람 완성 페이지 구현
* style: add fill-heart

* fix: prop kebab to camel
* feat: /target 라우터 추가

* feat: 선물상자 svg 추가

* feat: Icon key 추가

* feat: provider logo 변경

* feat: Intro 컴포넌트 px to rem

* feat:
1. Intro 페이지에서 provider와 consumer 분기
2. ConsumerIntro 컴포넌트 완료
3. Image 공통 컴포넌트 생성
4. public 하위에 images 폴더 생성

* feat:
버튼 클릭시 라우터 이동 useParams 써서 이동하도록 추가

* 주는 사람 선물 확인 페이지 api (#35)

* feat: 주는 사람 선물 확인 페이지 api 연결
- 우선 mock으로 작업했습니다

* feat: useGETGiftList
- 주는 사람, 받는 사람이 선택한 선물 목록을 확인할 때 쓰는 api

* typo: typing 잘못된 것 수정
- 그런데 보류된 데이터라 크게 신경쓸 것 없음

* fix: api func declare 순서 정렬
- merge 순서대로 제 건 후순위로 미뤘어요

* fix: 타입 수정 (#36)

* Feature/주는 사람 완성 페이지 퍼블리싱 (#37)

* style: url 복사 버튼 색상 변경

* style: 이미지 추가

* style: 완성 페이지 이미지 svg로 변경

* feat: 완성 페이지 라우트 추가

* style: 링크 컴포넌트들 div로 감싸기

* feat: 주는 사람 완성 페이지 구현

* style : toggleBtn 구현 (#42)

* SVG 추가, props case 수정 (#43)

* style: add fill-heart

* fix: prop kebab to camel

* feat: 선물상자 svg 추가

* feat: Icon key 추가

* feat: provider logo 변경

---------

Co-authored-by: Chaejung Kim <[email protected]>
Co-authored-by: zwonkim <[email protected]>
Co-authored-by: Hyejun Lee <[email protected]>
Co-authored-by: EllaSEON <[email protected]>
* feat: CopyLink 컴포넌트 children 프로퍼티 추가

* feat: 받는 사람 결과 페이지 라우트 추가

* feat: 받는 사람 결과 페이지 컴포넌트 생성
* style : toggleBtn 구현

* <style> : CardCustom 컴포넌트 구현

* style : CardBasic 컴포넌트 구현

* style : ProviderCard 수정
* feat: 타겟 정보 get api 코드 작성

* feat: 타겟 정보 get useQuery 작성

* feat: 타겟 정보 응답 타입 선언

* feat: useQuery 호출 코드 작성
* feat: QueryClient retry 0으로 설정

* fix: 파라미터 구조 수정

* feat: 파라미터 쿼리 키로 추가
* fix: 타입 수정

* style: editModal component 스타일링

* feat: 수정 기능 구현 완료

* feat: ModalPortal 생성

* feat: 모달 기능 수정
yooveloper and others added 21 commits June 26, 2023 20:21
* feat: tooltip 추가

* style: 수정된 스타일 반영
* style: 회색 컬러 추가

* feat: Divider 공통 컴포넌트 생성
* add: coupon modal UI
- wireframe
- TODO: merge with origin gifteditmodal

* add: copon modal UI and feature
- section UI(couponPreview, basicColor, couponText)
- add couponTextAtom

* fix: eslint error
- export default

* add: library html-png
- 쿠폰에 텍스트 심은 뒤 Png 파일로 변환하는 라이브러리

* add: coupon modal
- modal open, close
- 기본 배경색 선택 기능
- 이미지 직접 첨부 기능
- 텍스트 입력 시 미리보기 반영
- TODO: 이미지 변환 후 atom에 심기

* add: couponList 컴포넌트
- 상품 리스트와 디자인이 달라 별도의 컴포넌트로 분리
- TODO: likable 시 라디오 버튼 활성화

* add: List 컴포넌트에 couponList 추가
- Mock coupon data 추가 및 타이핑
- 주는 사람 상품 리스트 추가 페이지에서는 임시로 mockData 주입
- TODO: 주는 사람 상품 추사 페이지에서 쿠폰 리스트 실데이터로 교체

* fix: 쿠폰 모달 atom 세팅
- TODO: api 연결

* style: 정적 컬러값 추가
- 모든 api uri는 `/api/`로 시작합니다
- 해당 설정은 CORS 에러 방지를 위함입니다
* feat: proxy 설정 변경

* feat: 선물 추가 api 작업

* feat: postGift api 추가

* feat: 선물 추가

* feat: 선물 추가 useMutation
* feat: proxy 설정 변경

* feat: 선물 추가 api 작업

* feat: postGift api 추가

* feat: 선물 추가

* feat: 선물 추가 useMutation

* mutate 함수명 변경
* fix: route query 추가
- gift에 targetId 접근이 필요하여 추가했습니다

* style: 잘못 들어간 svg 코드 수정
- viewbox 설정이 잘못 되어 있어 수정

* add: 라디오버튼 있는 선물 리스트 컴포넌트
- 받는 데이터형태만 정하고 아직 퍼블리싱은 하지 않았습니다

* add: POST/coupon 연결
- TODO: react query 로 변환 및 분리 작업

* style: coupon modal
- 쿠폰 모달 position 설정
- TODO: dimmed 처리된 곳 scroll 막기
- feature: 등록 완료 후 Modal close, recoil reset

* fix: 컴포넌트 분리 및 대체
- list -> consumerGiftList

* style: header absolute -> fixed

* style: List margin bottom 추가

* style: /gift 페이지 header 처리
- header 외의 태그 전부 감싸 height 지정
* docs: gitignore

* fix: api endpoint 수정
- 개발 환경에서는 proxy가 작동하도록, 배포 환경에서는 BASE_URL이 잘 들어가도록 설정
* chore: 필요없는 코드 제거

* style: 링크 아이콘 추가

* style: 최종 페이지 레이아웃

* feat: 타겟 정보 useQuery enabled 옵션 추가

* feat: 카카오 공유 컴포넌트 프로퍼티 추가

---------

Co-authored-by: solar3070 <>
* feat: proxy 설정 변경

* feat: 선물 추가 api 작업

* feat: postGift api 추가

* feat: 선물 추가

* feat: 선물 추가 useMutation

* mutate 함수명 변경

* feat: 선물 삭제

* .env 설정

* .env 추가

* 불필요한 파일 삭제
* feat: 선물 수정 api - title, des

* feat: 선물 수정 useMutation

* 불필요한 코드 정리
* docs: gitignore

* fix: api endpoint 수정
- 개발 환경에서는 proxy가 작동하도록, 배포 환경에서는 BASE_URL이 잘 들어가도록 설정

* Refactor: mock 데이터 처리 분리
- 받는 사람 씬의 선물 데이터 result의 mock 데이터를 분리했습니다

* delete: 불필요한 파일 삭제
- merge message txt 파일 삭제

* feat: 쿠폰 데이터 에러 처리
- 쿠폰 이미지 url이 유효하지 않은 경우 일괄 기본 쿠폰이미지 처리

* Style: header z-index 추가

* Style: radio button CSS

* Feat: 상품 리스트 UI 및 데이터 연결 완료
- 이미지 error인 경우 쿠폰 컴포넌트 분리
- radio button 스타일 세부 변경
- onClickRadioButton 함수 인자 추가(무폰인지, 상품인지)
- 잘못된 단위 수정 (em -> rem)

* Feat: 상품 이미지 에러 나는 경우 컴포넌트 생성

* style: 상품 이미지 에러 아이콘 추가

* Refactor: 컴포넌트 다이어트 및 네이밍 변경
- 불필요하게 길어지는 네이밍 단축
- 불필요하게 감싸는 Tag 제거
- 상품 이미지 에러 나는 경우 컴포넌트 연결

* feat: 받는 사람 선물 확정 API 연결
- TODO: 선물 고르는 것이 GET이 과연 RESTful한 지 백엔드와 논의 필요
- mock data 처리 정리(산발되어 있던 것을 구조분해할당으로)

* fix: refetch 타이밍 이슈
- `target/:targetId/pick` 요청 이후 다음 화면에서 데이터가 반영되지 않는 이슈 발생
- 해결 방법: useQuery의 enabled 인자를 통해 refetch 시점을 관리
- TODO: 주석은 요청 메서드 확인 후 정리할 예정
* fix: 오탈자 수정

* feat: 타겟 생성 API 연결

* fix: 카드 생성 경로 변경

---------

Co-authored-by: solar3070 <>
* feat: 선물 수정 api - title, des

* feat: 선물 수정 useMutation

* 불필요한 코드 정리

* feat: 선물 목록 페이지 api 수정

* feat: 랜덤 페이지 생성

* feat: introAtom 삭제

* feat: useQuery 훅 분리

* feat: consumer api 수정 및 분리

* feat: 받는 사람 최종 결과 페이지 수정

* api: 컨벤션 통일
* feat: 선물 수정 api - title, des

* feat: 선물 수정 useMutation

* 불필요한 코드 정리

* feat: 선물 목록 페이지 api 수정

* feat: 랜덤 페이지 생성

* feat: introAtom 삭제

* feat: useQuery 훅 분리

* feat: consumer api 수정 및 분리

* feat: 받는 사람 최종 결과 페이지 수정

* api: 컨벤션 통일

* api: consumer api 타입 지정
* feat: 선물 수정 api - title, des

* feat: 선물 수정 useMutation

* 불필요한 코드 정리

* feat: 선물 목록 페이지 api 수정

* feat: 랜덤 페이지 생성

* feat: introAtom 삭제

* feat: useQuery 훅 분리

* feat: consumer api 수정 및 분리

* feat: 받는 사람 최종 결과 페이지 수정

* api: 컨벤션 통일

* api: consumer api 타입 지정

* error: 랜덤선물 페이지 예외 처리
* chore: mock data 삭제

* style: 쿠폰 만들기 버튼 중앙정렬

* style: dimmed 레이아웃
- 제대로 header가 가려지지 않고 상단에 빈틈이 생겨서 수정
- zIndex, height

* feat: headerWithButton

* fix: coupon create and post
- put base64 URL into File object
- remove list props in List.tsx

* feat: api <postCoupon>, <updateTarget>
- updateTarget api에서 request 형태를 바꿀 수 없어서 query에 coupon, gift list를 줄지어서 결합한 형태의 로직 추가
- axios로 되어 있던 부분 mutation으로 분리 완료

* fix: style attribute naming
- cabab to camel

* feat: 완료 플로우 연결 및 확인 페이지 완성
- provider가 데이터 작성 후 완료하는 플로우 연결
- 데이터 확인하는 페이지에서 쿠폰 render 추가

* fix: complie error via eslint
* fix: copyUrl
- provider 쪽의 url과 consumer 쪽의 url의 분기 처리
@blcklamb blcklamb added the feature 새 기능 추가 label Oct 24, 2023
@vercel
Copy link

vercel bot commented Oct 24, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
pick-time ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 26, 2023 9:07am

* style: header zindex

* docs: README.md 데모 gif 추가
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다 🥺

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feature 새 기능 추가

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants