Skip to content

Conversation

@Ryan-TheLion
Copy link
Collaborator

관련 이슈

close: #342

개요

커피챗 생성 페이지 스타일 개선, 리팩토링

상세 내용

  • 생성 페이지의 일정 캘린더를 포함하여 최대한 반응형 UI로 수정
  • watch => controller 로 구조 수정
  • 리액트 훅 폼 제출시 해당하는 모든 필드 데이터를 참조, invalid 로직을 수행할 수 있도록 구조 수정
  • 불필요하다고 생각되는 타입, 파일 삭제 / 이동

- 스타일 개선 및
모바일에서 캘린더의 hover가
적용되지 않도록하여 UX 개선하고자 함
- 커피챗 생성 캘린더 디자인 개선
- 선택된 날짜 배열데이터를  리액트 훅 폼과 연동
- 커피챗 생성 캘린더 관련 리팩토링
- 점진적으로 커피챗 생성 페이지의 다른 섹션들을
리팩토링할 예정
- validator 에 해시태그 규칙 추가 및 활용
- rules, controller 를 활용
- Page(상위) 컴포넌트에서는 제출된 데이터만 활용,
유효하지 않을 때 토스트 알람은 해당 컴포넌트에서
담당하도록 하여 관심사를 분리하고자 함
- 리액트 훅 폼 controller 구조로 수정
- react hook form 의 controller 구조로 변경
- react hook form controller 구조로 수정
- 생성 페이지 접근 시 Protected 역할을 하는 페이지 컴포넌트로 분리
- 불필요하다고 생각되는 타입, 파일 삭제 / 구조 수정
- markdown에디터에서 setLoaded 옵션은 필수가 아니라서 타입 수정
- 커피챗 목록을 볼 수 있는 목록보기 버튼 추가
- title 인풋의 패딩과 글씨 크기 수정
- 페이지 여백 조정
@Ryan-TheLion Ryan-TheLion added Refactor 리팩토링 design CSS 등 디자인 관련 변경 labels May 9, 2024
@Ryan-TheLion Ryan-TheLion self-assigned this May 9, 2024
@Ryan-TheLion Ryan-TheLion merged commit 8aab67d into main May 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

design CSS 등 디자인 관련 변경 Refactor 리팩토링

Projects

None yet

Development

Successfully merging this pull request may close these issues.

커피챗 상세 페이지 디자인 개선

2 participants