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

Feat[#173]: 모집 상세 페이지 구현 #196

Merged
merged 27 commits into from
Mar 27, 2024
Merged

Feat[#173]: 모집 상세 페이지 구현 #196

merged 27 commits into from
Mar 27, 2024

Conversation

grapefruit13
Copy link
Contributor

@grapefruit13 grapefruit13 commented Mar 26, 2024 •
edited
Loading

관련 문서

유형

  • 기능 구현
  • UI 구현
  • 리팩토링
  • 버그 해결
  • 문서 업데이트
  • 기타( )

작업 내용

사용된 컴포넌트

  1. PostTitle : 모집 상세의 제목입니다.
  2. ImageSlide : 배너 이미지 슬라이드입니다.
  3. DefaultBanner : 배너 이미지 미첨부시 보여지는 기본 배너 이미지입니다.
  4. PostDescription : 모집 상세의 설명과 디스코드 링크 부분입니다.
  5. MapPreview : 카카오맵을 이용한 맵 컴포넌트입니다.
  6. ReviewList : 모집의 리뷰 리스트를 보여주는 컴포넌트입니다.

설명

📌 기능

✅ ImageSlide

  • 이미지 슬라이드 및 스크롤이 가능합니다.

✅ MapPreview

  • api로 받은 주소를 검색해 카카오 맵을 보여줍니다.

✅ ReviewList

  • 리뷰들을 별점 높은 순, 별점 낮은 순으로 정렬해서 페이지네이션과 함께 보여줍니다.

📌 UI

  • 전부 태블릿, 모바일 반응형에 맞춰 구현했습니다.
  • 모집 유형에 맞게 보여주는 컴포넌트들이 달라집니다.

스크린샷

🎥 모션 영상

온라인

online.mp4

오프라인

clan.mp4

클랜모집

offline.mp4

게임공략

localhost_3000_post.-.Chrome.2024-03-26.16-06-50.mp4

📸 디바이스별 스크린샷

image
image

@grapefruit13 grapefruit13 self-assigned this Mar 26, 2024
@grapefruit13 grapefruit13 added the UI 구현 UI 구현 label Mar 26, 2024
@grapefruit13 grapefruit13 added the 기능 구현 기능 구현 label Mar 26, 2024
@grapefruit13 grapefruit13 added the 🎉 수정 완료 수정 완료 label Mar 27, 2024
CheeseB
CheeseB approved these changes Mar 27, 2024
View reviewed changes
Copy link
Contributor

@CheeseB CheeseB left a comment

Choose a reason for hiding this comment

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

LGTM

@grapefruit13
feat: MapPreview 컴포넌트 구현
ebed908
@grapefruit13
feat: 임시 post 페이지
be95681
@grapefruit13
feat: PostTitle 구현
d4bcab0
@grapefruit13
feat: PostDescription 구현
740c5f0
@grapefruit13
refactor: 화살표 svg 수정
4e50a3d
@grapefruit13
refactor: 맵 마커 이미지, padding-bottom 및 border 수정
b7f9bdc
@grapefruit13
feat: DefaultBanner 구현
92dcda1
@grapefruit13
refactor: 글내용 줄바꿈 추가, 컨테이너 width 100% 추가
f173b19
@grapefruit13
refactor: ReviewList nickname, email props 추가
fc89ed1
@grapefruit13
fix: button위치 변경, 반응형 css 적용
8fe641a
@grapefruit13
refactor: DefaultBanner 반응형 css 적용
1ab8e3d
@grapefruit13
feat: PostDetailContent 및 모집 상세 페이지 구현
4e6a516
@grapefruit13
fix: ImageSlide 반응형 width 수정
d0a6c2d
@grapefruit13
refactor: var 룰 삭제
f4b21d6
@grapefruit13
refactor: 변수명 desc에서 description으로 수정
d2fe357
@grapefruit13
refactor: 필요없는 gap 삭제, section bottom의 max-width 삭제
ba747cb
@grapefruit13
refactor: 이미지 부모 태그에 모달과 같은 max-height 적용
fc62d0d
@grapefruit13
refactor: 믹스인 필요없는 컬러 파람 삭제
dd92c05
ccwnc
ccwnc approved these changes Mar 27, 2024
View reviewed changes
Copy link
Contributor

@ccwnc ccwnc left a comment

Choose a reason for hiding this comment

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

LGTM

designsoo
designsoo approved these changes Mar 27, 2024
View reviewed changes
Copy link
Contributor

@designsoo designsoo left a comment

Choose a reason for hiding this comment

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

LGTM

@grapefruit13 grapefruit13 merged commit 6638fdd into dev Mar 27, 2024
@grapefruit13 grapefruit13 deleted the feat/post-detail/woorim branch March 27, 2024 13:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@ccwnc ccwnc ccwnc approved these changes

@designsoo designsoo designsoo approved these changes

@CheeseB CheeseB CheeseB approved these changes

Assignees

@grapefruit13 grapefruit13

Labels
UI 구현 UI 구현 기능 구현 기능 구현 🎉 수정 완료 수정 완료
Projects
GGF
Status: 👏 완료
Milestone
페이지 UI 작업 및 기능 구현
Development

Successfully merging this pull request may close these issues.

Feat: 모집 상세 페이지 구현
4 participants
@grapefruit13 @CheeseB @designsoo @ccwnc