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: 커뮤니티 - 공구 모집 및 진행 포스트 작성 페이지 생성 #6

Open
12 of 13 tasks
sunglitter opened this issue Nov 21, 2024 · 0 comments
Open
12 of 13 tasks
Assignees

Comments

@sunglitter
Copy link
Collaborator

sunglitter commented Nov 21, 2024

🧃 Issues

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

🍤 작업 내용

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

- 페이지의 목적과 기능에 맞게 CommunityPage.tsx를 CategoryBasedPostsPage.tsx로 파일명 변경
- 변경된 파일명에 따라 router.tsx도 수정
sunglitter added a commit that referenced this issue Nov 22, 2024
- 이미지 첨부 기능 구현
- 첨부된 이미지 삭제 및 미리보기 기능 추가
  - 페이지네이션 및 슬라이딩 기능 포함
- URL 주소 입력을 위한 컴포넌트 생성
- 입력 요소 누락 시 게시 불가 로직 추가
- URL 유효성 검사 기능 추가
sunglitter added a commit that referenced this issue Nov 22, 2024
- 포스트 생성 및 목록 조회 API 호출 기능을 분리하여 모듈화
- 클라이언트 생성과 서버에서 수신한 Post 타입 정의
- Post 타입 확장을 통해 서버 내 추가 속성 정의
sunglitter added a commit that referenced this issue Nov 22, 2024
- Post 타입 정의를 반영하여 PostList.tsx 일부 로직 수정
- 추후 실제 API 사용을 고려한 부분 주석 처리로 추가
sunglitter added a commit that referenced this issue Nov 22, 2024
- Post 타입 변경 사항을 반영하여 더미 데이터 구조 수정
- 테스트 및 개발 환경에서 타입 일관성 유지
sunglitter added a commit that referenced this issue Nov 24, 2024
- 카테고리 선택 컴포넌트의 여백, 정렬 및 레이아웃 스타일 조정
- 포스트 작성 페이지의 입력 필드 및 버튼 스타일 개선
- UI 일관성 유지를 위한 세부 디자인 보완
@sunglitter sunglitter changed the title Feat: 커뮤니티 - 공구 모집 및 진행 글 작성 페이지 생성 Feat: 커뮤니티 - 공구 모집 및 진행 포스트 작성 페이지 생성 Nov 25, 2024
sunglitter added a commit that referenced this issue Nov 25, 2024
- 이미지 슬라이딩 동작 로직 개선 및 구조 최적화
- 페이지네이션 관련 상태 관리 및 로직 수정
- PostCreatePage 전반적인 스타일 조정
  - 슬라이더와 페이지네이션 간 여백 조정
sunglitter added a commit that referenced this issue Nov 25, 2024
- 포스트 상세 조회 페이지로 이동하는 클릭 이벤트 로직 추가
- PostList의 레이아웃 및 스타일 조정
- 작성자 표기 방식을 ID 대신 이름으로 변경
sunglitter added a commit that referenced this issue Nov 25, 2024
- 작성자 닉네임 필드 추가로 사용자 정보 확장
- 참여 현황 데이터를 포함하여 mock data 구조 수정
sunglitter added a commit that referenced this issue Nov 25, 2024
- 참여 현황 관련 타입 정의 추가
- Post 타입에 작성자 닉네임과 참여 현황 필드 추가
- 특정 포스트를 가져오는 기능 구현
- 특정 포스트 삭제 기능 추가
- 공구 진행 참여하기 기능 추가
- 공구 진행 참여 취소하기 기능 추가
sunglitter added a commit that referenced this issue Nov 27, 2024
- 글 수정일 필드에 현재 날짜를 초기값으로 설정
- URL 주소 입력 영역 스타일 조정으로 UI 개선
- 텍스트 인풋 필드의 맞춤법 검사 기능 해제
sunglitter added a commit that referenced this issue Dec 1, 2024
- Mock 데이터의 작성자 ID와 닉네임 값 수정
- 상태 관련 타입을 포스트 생성 로직에 맞게 업데이트
- 테스트 데이터와 타입 일관성 유지 목적
sunglitter added a commit that referenced this issue Dec 1, 2024
- 포스트 생성 API 호출에 React Query 적용
- 마감 기한 계산 로직 변경으로 정확성 개선
- React Query를 통한 상태 관리 및 캐싱 최적화
sunglitter added a commit that referenced this issue Dec 5, 2024
- 기존 카테고리 ID 값 수정으로 데이터 구조 정비
- 변경된 ID에 따른 참조 및 사용 로직 업데이트
- 카테고리 정의의 일관성 유지 및 관리 편의성 향상
sunglitter added a commit that referenced this issue Dec 5, 2024
- 기존 Mock Data 호출 로직을 실제 API 호출로 전환
- API 데이터 형식에 맞춰 페이지 컴포넌트 수정
- 데이터 연동 및 상태 동기화 로직 추가
- 페이지 로드 시 실제 데이터를 기반으로 렌더링 구현
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant