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: #24 상태 추가 모달 UI 작성 및 Form Validation 추가 #30

Merged
merged 5 commits into from
Jun 26, 2024

Conversation

Seok93
Copy link
Contributor

@Seok93 Seok93 commented Jun 24, 2024

PR Type

What kind of change does this PR introduce?

  • [Feat] 새로운 기능을 추가했어요.
  • [UI] CSS 등 사용자 UI 디자인 추가/삭제/변경 했어요.
  • [Config] 환경설정을 변경했어요.

Related Issues

#24 상태 추가 모달 UI 작성

What does this PR do?

  • tailwindcss 유틸리티 클래스 추가
  • React Hook Form 편의 사용을 위한 ESLint 설정 완화
  • 객체 깊은 동결을 위한 deepFreeze 기능 추가
  • 공통 Validation 클래스 추가
  • 상태추가 모달용 formVlidationRule 정리
  • 상태 추가 모달 UI 작성

Other information

  1. React Hook Form 공식문서: register validate설정
  2. How to deep-freeze an object in JavaScript?
  3. button 태그의 form속성

View

화면 동작 예시

@Seok93 Seok93 added 🧱 Component ⚙️ Config 환경 설정 세팅했어요 🌟 Feature 새로운 기능 개발했어요 🎨 UI 사용자 UI를 추가/삭제/변경 했어요 labels Jun 24, 2024
@Seok93 Seok93 requested review from Yoonyesol and kimpearl3599 June 24, 2024 13:44
@Seok93 Seok93 self-assigned this Jun 24, 2024
import Validator from '@utils/Validator';
import { deepFreeze } from '@utils/deepFreeze';

export const STATUS_VALIDATION_RULES = deepFreeze({
Copy link
Contributor

Choose a reason for hiding this comment

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

freeze는 사용해봤는데 deepFreeze는 처음 들어봐서 찾아봤더니, 우석님이 직접 utils에 만들어두신 거였네요...! 우석님의 내공을 다시 한번 느끼면서... 많이 배워갑니다!

Copy link
Contributor

@Yoonyesol Yoonyesol left a comment

Choose a reason for hiding this comment

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

이번 코드 작업하면서 고민을 많이 했다고 하셨는데, 그 고민의 흔적이 고스란히 느껴지는 코드네요. api 로직까지 완성되면 더 멋진 코드가 될 것 같아 기대됩니다! 참고해서 저도 더 공부해 보겠습니다.

@Seok93
Copy link
Contributor Author

Seok93 commented Jun 25, 2024

예솔님 리뷰 감사합니다. 해결하고 보면 별 일이 아닌데, 고민할 땐 어렵게 다가오네요 ㅎㅎ.. 아직 추가적으로 구현해야할 기능들이 남아있지만, 1차적으로 UI 작업이 끝난 것 같습니다. 색상 추가에 대하여 한가지 고민이 있는데, 오늘 있을 회의에서 대화해보면 좋을 것 같아요.

@Seok93 Seok93 merged commit 4af9470 into develop Jun 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
⚙️ Config 환경 설정 세팅했어요 🌟 Feature 새로운 기능 개발했어요 🎨 UI 사용자 UI를 추가/삭제/변경 했어요
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants