Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[FE] Feat: 버킷 상세 페이지 작성 #133

Open
13 of 15 tasks
leewooseong opened this issue Feb 5, 2024 · 0 comments
Open
13 of 15 tasks

[FE] Feat: 버킷 상세 페이지 작성 #133

leewooseong opened this issue Feb 5, 2024 · 0 comments
Assignees
@leewooseong
Labels
🛠️ feature 기능 구현과 관련된 이슈

Comments

@leewooseong
Copy link
Contributor

leewooseong commented Feb 5, 2024 •
edited
Loading

🚧 Description

버킷 상세 페이지에 해당하는 컴포넌트 개발

✅ Todo

  • 상세 페이지 layout 구성
  • 상세 페이지 본문 작성
  • 상세 페이지 수정 삭제 작성
  • 리액션 컴포넌트 작성
  • 상세 페이지 댓글 컴포넌트 작성
  • 댓글 input 조건부로 rendering하는 기능 추가
  • 댓글 무한 스크롤 적용
  • 댓글 무한 스크롤 내역 저장하는 기능 추가(추가 기능)
  • 댓글 좋아요 기능 개발
  • 댓글 수정 삭제 기능 개발
  • 댓글 작성 컴포넌트 제작
  • 공유 하기 및 꿈 이루기 버튼(후기 보러가기 버튼) 컴포넌트 개발
  • 전체 UI 작성
  • 버킷 달성 시 타임캡슐 적용하기(그림자 후광 효과 넣어서 달성한 느낌 들도록!)
  • location 컴포넌트 제거하기

🛠️삽질로그
@leewooseong leewooseong added the 🛠️ feature 기능 구현과 관련된 이슈 label Feb 5, 2024
@leewooseong leewooseong self-assigned this Feb 5, 2024
leewooseong added a commit that referenced this issue Feb 7, 2024
@leewooseong
[FE] Feat #133: 버킷 상세 페이지 레이아웃 적용
ac30118 
Change-Id: I17b16561c0594bb7674f1067272c6ace952e4ced
leewooseong added a commit that referenced this issue Feb 7, 2024
@leewooseong
[FE] Style #133: 헤더 높이 h-16으로 수정
4fe7abe 
Change-Id: I40299c2ebbf2d3eaf7270e8fdf1602ca3e1befa9
leewooseong added a commit that referenced this issue Feb 7, 2024
@leewooseong
[FE] Feat #133: 유저 버킷 컴포넌트 UI 생성
967fbd7 
Change-Id: I242e46f4640f32087d1c44c9fae578997654ec2a
leewooseong added a commit that referenced this issue Feb 7, 2024
@leewooseong
[FE] Feat #133: 버킷 상세 페이지 본문 관련 내용 추가
2bac46e 
- 사진, 위치, 날짜, 태그들 내용 추가
- Location 및 InterestTag는 style 수정이 있을 것 같아서 바로 쓰지 않고 복사해서 옮겼습니다.

Change-Id: I9fea8f16698a0efa9fcc44fc925c5dd961767125
leewooseong added a commit that referenced this issue Feb 7, 2024
@leewooseong
[FE] Feat #133: 상세 페이지 버튼 색션 구현하기
51793cd 
Change-Id: I9dc7f12d68727a82a9540b6aabb1ad8b20ee5593
leewooseong added a commit that referenced this issue Feb 7, 2024
@leewooseong
[FE] Feat #133: 리액션 컴포넌트 개발
9edc91f 
Change-Id: I705a89f8d483cfdb992e95d568ed962b932eb6eb
leewooseong added a commit that referenced this issue Feb 7, 2024
@leewooseong
[FE] Feat #133: 댓글에 표시되는 타입 정의 및 유저 정보 타입 개선
96d2f97 
- 유저 정보, 댓글 아이템, 시간 단위 타입 지정
- 타입 개선에 따른 UserProfile 에러 해결

Change-Id: I19b4d3b5d6b735a103c0e82f8a8b95e1207dbbfb
leewooseong added a commit that referenced this issue Feb 7, 2024
@leewooseong
[FE] Feat #133: 댓글(Comment) 및 댓글리스트(CommentList) 컴포넌트 제작
7699421 
Change-Id: Ia3c9da2afb69bf26847e757bcb27f200d5edf780
leewooseong added a commit that referenced this issue Feb 7, 2024
@leewooseong
[FE] Feat #133: 리액션 컴포넌트 타입 추가 및 map 메서드로 로직 변경
599c509 
Change-Id: Ie6ec9cdcd604eab98fa22c855b718c66c70674ed
leewooseong added a commit that referenced this issue Feb 7, 2024
@leewooseong
Merge branch 'develop' into feat/#133-bucket-detail-fe
84bf5e7 
Change-Id: I0fb3dced24bbb6c92653ac1d2411c469dbc4b392
leewooseong added a commit that referenced this issue Feb 7, 2024
@leewooseong
Merge pull request #153 from ggumms/feat/#133-bucket-detail-fe
941cf86 
Feat/#133 bucket detail fe
@leewooseong leewooseong reopened this Feb 12, 2024
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: 댓글 입력 컴포넌트 개발
b40f01f 
Change-Id: I4d1a03063907920d80c30f48c907f0b70b6e206e
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: 댓글 text에 해당하는 전역 state 추가
e26d01c 
Change-Id: Idd1f8130288230a570eb1afc86b75db97e3f5673
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: 댓글 리스트 컴포넌트 보일 때 댓글 입력 컴포넌트 랜더링 되도록 기능 추가
d82b4f4 
Change-Id: I25ef17876ba0016799d4d4e3c74da84f1f3d4dd0
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: 좋아요 버튼(활성, 비활성화) 컴포넌트 작성
b5d28e8 
Change-Id: I7063e43702afdcaff334ff8ac2b912c9fba9f5e0
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: 댓글 더보기 버튼 컴포넌트 작성
1c73906 
Change-Id: Ib3da46b9b68f05af495f582f2365c677bd2fe614
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: 댓글 수정 기능 추가
f6f4d6f 
Change-Id: Ie650386e786e8a30a8a7904f5ce89dc7d02a977d
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Refact #133: list에서 사용되는 key를 name-index 형태로 수정
6ae2135 
- 직접 돔을 지정하거나, 키를 잘못 지정했을 때 나는 에러가 발생해서 관련 key들을 모두 name-index 형태로 수정
- 아이콘 사용으로 인해 문제가 발생할 수 있다는 얘기도 있어서 지켜볼 예정

Change-Id: I9a9edce29416c14dfbbcba2be135caf934497c33
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Fix #133: NavigationHeader에서 안쓰이는 data-id 제거
72a0685 
- 사용하지 않는 warning으로 인해 띄워서 해당 내용 삭제

Change-Id: I1f10900567f1b144e217b92024db886403f17334
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Fix #133: Link 중첩으로 인한 경고 해결
9a06d06 
Change-Id: I1679a107be0c490eb24aff7660c269d63d7e5c47
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Fix #133: 유저 정보 타입 필터 반환 타입 수정
41e0643 
Change-Id: Ic51559c61915bbe256e7d3a8d7550dc959e0cece
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: axios 인스턴스 코드 작성
fc68264 
Change-Id: I9aec0a56bc6c3de9324e4fcb6544a0c55b98483a
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: 버킷 상세 조회 api 코드 작성
e9c836d 
- api 통신 점검으로 인해 테스트는 점검 후 예정

Change-Id: I521f37b359cc2a146da94885c2aa63d2f4584409
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Refact #133: 리액션 관련 타입 및 타입필터링 함수 파일 위치 변경
960796c 
Change-Id: I709f4b91ebf8573b7cdcb0eb82bef6066a0d2a70
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Refact #133: DetailBucket 컴포넌트 import 정보 순서 정리 및 주석, console 제거
d4d1738 
Change-Id: I6aac3df11c1a0f6845d3649fde1a12ca80847798
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Fix #133: Reaction 숫자 부분 데이터 로딩 시 UI 깨짐으로 인한 Skeleton 작업
3b2f0dc 
Change-Id: Ia3fa7e391ba6372527748669a367c07e78027b4c
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: 댓글 무한 스크롤 구현
ff3f8db 
Change-Id: I2ef853e541fb5048382552e799a4bd9fee74a076
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Refact #133: commitList 무한 스크롤 부분 hooks로 리팩토링
a12a496 
Change-Id: I0ef25f1787ebbe66bac876e295edbd5adb0fdfb1
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Fix #133: 초기 로딩 시 commitInput이 제대로 띄워지지 않는 문제 해결
af981dd 
- 초기 로딩 시에는 scroll 이벤트가 발생하지 않아서 스크롤이 동작하지 않으면 input이 띄워지지 않는 문제 해결
- commitInput에도 useInView를 이용해서 문제 해결

Change-Id: Ibe0dd6ab803539b45ca9c641dc5ed997a222f00c
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Refact #133: Comment 관련 코드 정리
f86023c 
Change-Id: Idcc66a3ee633b0e8b7019c4b0ca3bc0940fdf5dc
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: 댓글 좋아요 버튼 컴포넌트에 put api 연결
4b814cb 
- 좋아요 요청이 성공했을 때 전체 댓글 데이터를 다시 갱신하지 않기 위해 LikeButton 컴포넌트 생성
- 컴포넌트 내 state로 성공 여부에 따른 좋아요 버튼만 네트워크 통신 없이 변경

Change-Id: I51896c4b6315d9bd3fe2bdebb85c47e945b131e2
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: CommentInput 컴포넌트와 댓글 추가 api 연결
f70fc73 
Change-Id: Ic25955a9a2bff87b573efd5e7f168cda73825209
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: 댓글 정보 삭제 api 등록
0549cf5 
Change-Id: I7ab1e96b3c96ee6655050ed6d91d507d8729a139
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: 댓글 정보 수정 api 등록
b1c8b11 
Change-Id: I7ebe931cb9d9cfb3920de1637119e6f497832b60
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Fix #133: read 모드일 때만 commentInput 띄우도록 코드 수정
bca2df4 
Change-Id: I703cd9ee356267f723d8d343422465a50891f9ab
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Style #133: BucketDetail 페이지 Style 다듬기
1a81cb8 
Change-Id: I4791b32ae1ea2b68f9fca14e2d553d85003c67c7
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: BucketDetail 컴포넌트 정리
02403e6 
Change-Id: Ib22f051a24c36ca74fa112090080001ee875808d
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: BucketDetail 수정 삭제 담당하는 BucketMoreButton 컴포넌트 UI 개발
60413c7 
Change-Id: Id0a1e2f5df6c4a301a1b8ad3ab5ab386c89738b2
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: bucket 삭제(delete) api 연결 및 수정 버튼 클릭 시 페이지 이동 기능 추가
6c2ba48 
Change-Id: Ie4ecf3c386603a8e05dabddfb54f15d9d63d6fc0
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
Merge branch 'develop' into feat/#133-bucket-detail-fe
df65af9 
Change-Id: I4bd01e4067440684f403f2f097a331027a07184b
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: 로그인한 사용자 정보 받아오는 기능 추가
934b961 
Change-Id: If04debcb4d2e76067d0003264ff7222bea19a2b7
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: 댓글 소유 여부에 따라 더보기 버튼 및 좋아요 버튼 조건부 랜더링 구현
c18d6d1 
Change-Id: I823d004351f749cec5db67cb81385d7a31f13398
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: Bucket 정보 zustand state를 한번에 추가할 수 있는 메서드 개발
efcc2ab 
Change-Id: I42c55e5744b9dca4a0697d756557217a23f1dce8
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Fix #133: 댓글 정보 무한스크롤 됐다가 안됐다가 하는 문제 해결
402762b 
- div를 이용해서 마지막 요소를 표현하던게 랜덤으로 정보를 fetching한다고 판단
- div 대신에 commentList의 마지막 아이템에 ref를 부여해서 문제 해결

Change-Id: I490ff7202efd8dc099dfb7f26deb845c0e3b7edc
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: useStoreBucketInfo로 데이터 fetch 시 전역 데이터에 저장
9d02ee4 
Change-Id: Ifb902a68f5d52039343448f34768beaf3d1dac4c
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
Merge branch 'develop' into feat/#133-bucket-detail-fe
7591d06 
Change-Id: Ic385f65072ecae52443666bddb4fbbce3364d8ce
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
Merge pull request #186 from ggumms/feat/#133-bucket-detail-fe
08ac1c9 
Feat/#133 bucket detail fe
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Fix #133: build 에러 해결
60b420e 
Change-Id: I33d138571b1535639063055dd42fc1a82f4f642f
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Style #133: 기본 폰트가 작아서 기본 16px로 크기 변경
101b70e 
Change-Id: Ib7f477031cb7d4aa57cde05f2daef5b22d0fa5ae
leewooseong added a commit that referenced this issue Feb 13, 2024
@leewooseong
[FE] Feat #133: 리뷰 수정 api 연결 및 수정 페이지 작성
eab595f 
Change-Id: I73f549d78a089ebf0b3a5dd8d28acd42ea32088f
leewooseong added a commit that referenced this issue Feb 14, 2024
@leewooseong
[FE] Feat #133: 리뷰 디테일 페이지 버킷 디테일 컴포넌트 이용하여 UI 및 기능 구현
66fde03 
Change-Id: Ica5b8fdb1474b33a0e800c561567cc32126241fd
leewooseong added a commit that referenced this issue Feb 14, 2024
@leewooseong
[FE] Feat #133: 리뷰 버킷 눌렀을 때 해당 버킷 상세 페이지로 이동 기능 구현
09992b2 
Change-Id: Id71763afe56aa8cdcd061f35f49c762b1d068411
@leewooseong leewooseong reopened this Feb 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@leewooseong leewooseong

Labels
🛠️ feature 기능 구현과 관련된 이슈
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@leewooseong