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.

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

Feat: 커뮤니티 공구 모집 및 진행 포스트 목록 조회 페이지, 포스트 작성 페이지 #11

Merged
merged 13 commits into from
Nov 25, 2024

Conversation

sunglitter
Copy link
Collaborator

🧃 Pull Request

🍉 코멘트

커뮤니티 공구 모집 및 진행 포스트 목록 조회 페이지

  • 포스트 목록 조회 페이지 스타일 일부 수정
  • 라우터 경로 임시 설정(추후 수정 예정)
  • 선택된 카테고리 상태 로직 수정
  • 포스트 작성 버튼 컴포넌트의 navigate 로직을 PostList 컴포넌트로 이동 및 로직 추가

커뮤니티 공구 모집 및 진행 포스트 작성 페이지

  • 기존 카테고리 선택 컴포넌트 활용(스타일 수정 필요)
  • 참여 필요 수량 입력 컴포넌트 생성
  • 모집 마감 기한 설정 드롭다운 컴포넌트 생성
  • 총 가격 설정 컴포넌트 생성
  • 개당 가격 자동 계산 컴포넌트 생성
    (참여 필요 수량과 총 가격 모두 입력했을 경우에만 값 출력, 소수점 이하는 버림 처리)
  • 확인 버튼 컴포넌트 생성(추후 API 사용 시 작성한 포스트 상세 조회 페이지로 이동)
  • 취소 버튼 컴포넌트 생성(카테고리 선택 정보를 유지한 채 해당 카테고리의 포스트 목록 조회 페이지로 이동)
  • CommunityPage.tsx -> CategoryBasedPostsPage.tsx로 파일명 변경 및 라우터 경로 수정
  • axiosInstance, tsconfig.json, vite.config.mts 수정(오류 해결 목적)
  • 이미지 첨부 컴포넌트 생성(추가 및 삭제, 페이지네이션, 슬라이딩 기능)
  • URL 주소 입력 컴포넌트 생성(유효성 검사 기능 포함)
  • 입력 요소 누락 시 게시 불가 로직 추가
  • 포스트 생성 및 목록 조회 API 호출 기능 분리 및 모듈화
  • 클라이언트 생성, 서버에서 수신(타입 확장)한 Post 타입 정의
  • Post 타입 정의 반영 관련 더미 데이터 수정

🪿 연관된 이슈

✅ PR 포인트 & 궁금한 점

  • 해보지 않았던 기능들이 슬슬 나오고 있어서 걱정이 되지만, 기대감도 생깁니다!
  • 다음 PR에는 아마 포스트 수정, 삭제를 빠르게 진행하고 대망의 포스트 상세 조회
    (공구 단계 진행 상황에 따라 다르게 보이는 로직 구현 예정)가 포함될 것 같습니다.
    다들 좋은 주말 보내세요!!

- UI 개선을 위한 여백, 폰트 크기 및 정렬 스타일 조정
- 글 작성 페이지로 이동하기 위한 라우터 경로 추가
- 관련 컴포넌트와 페이지 연결 작업 완료
- 선택된 카테고리 상태 관리 로직 수정으로 동작 개선
- 페이지 제목 표시를 위한 Title 컴포넌트 생성
- 상태와 UI의 일관성을 유지하기 위한 구조 개선
- 글 작성 버튼의 navigate 로직을 PostList로 이동
- PostList에 관련 기능을 처리하는 핸들러 추가
- 컴포넌트 간 책임 분리를 통해 코드 구조 개선
- 기존 카테고리 선택 컴포넌트 활용
- 참여 필요 수량 입력 컴포넌트 추가
- 숫자 입력 인풋 로직 구현 (0과 음수 입력 불가, 화면 출력은 통화 형식)
- 모집 마감 기한 설정 드롭다운 컴포넌트 추가
- 총 가격 설정 컴포넌트 추가
- 개당 가격 자동 계산 컴포넌트 추가
  - 참여 필요 수량과 총 가격 설정 모두 입력 시 값 출력
  - 소수점 이하는 버림 처리
- 취소 버튼 컴포넌트 추가
  - 카테고리 선택 정보를 유지한 채 이전 페이지로 이동
…x 수정 (#6)

- 페이지의 목적과 기능에 맞게 CommunityPage.tsx를 CategoryBasedPostsPage.tsx로 파일명 변경
- 변경된 파일명에 따라 router.tsx도 수정
- 이미지 첨부 기능 구현
- 첨부된 이미지 삭제 및 미리보기 기능 추가
  - 페이지네이션 및 슬라이딩 기능 포함
- URL 주소 입력을 위한 컴포넌트 생성
- 입력 요소 누락 시 게시 불가 로직 추가
- URL 유효성 검사 기능 추가
- 포스트 생성 및 목록 조회 API 호출 기능을 분리하여 모듈화
- 클라이언트 생성과 서버에서 수신한 Post 타입 정의
- Post 타입 확장을 통해 서버 내 추가 속성 정의
- Post 타입 정의를 반영하여 PostList.tsx 일부 로직 수정
- 추후 실제 API 사용을 고려한 부분 주석 처리로 추가
- Post 타입 변경 사항을 반영하여 더미 데이터 구조 수정
- 테스트 및 개발 환경에서 타입 일관성 유지
@sunglitter sunglitter added feat feat style style refactor refactor chore chore labels Nov 22, 2024
@sunglitter sunglitter self-assigned this Nov 22, 2024
Copy link
Collaborator

@OpenS3same OpenS3same left a comment

Choose a reason for hiding this comment

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

고생 많으셨습니다!!🔥

- 카테고리 선택 컴포넌트의 여백, 정렬 및 레이아웃 스타일 조정
- 포스트 작성 페이지의 입력 필드 및 버튼 스타일 개선
- UI 일관성 유지를 위한 세부 디자인 보완
Copy link
Collaborator

@cho1ys cho1ys left a comment

Choose a reason for hiding this comment

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

고생하셨습니다

@sunglitter sunglitter merged commit 9833dac into main Nov 25, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
chore chore feat feat refactor refactor style style
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants