[ Feature ] 번쩍 개설 시 최대 인원이 최소 인원보다 작을 때 에러 메시지 출력시키기 #1004
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
borimong
had a problem deploying
to
development
GitHub Actions
Failure
borimong
had a problem deploying
to
development
GitHub Actions
Failure
borimong
had a problem deploying
to
development
GitHub Actions
Failure
j-nary
approved these changes
Feb 3, 2025
src/types/form.ts
Outdated
Comment on lines
142
to
167
| capacityInfo: z | ||
| .object({ | ||
| minCapacity: z | ||
| .number({ | ||
| required_error: '모집 인원을 입력해주세요.', | ||
| invalid_type_error: '모집 인원을 입력해주세요.', | ||
| }) | ||
| .gt(0, { message: '0보다 큰 값을 입력해주세요.' }) | ||
| .lte(999, { message: '모집 인원을 다시 입력해주세요.' }), | ||
| maxCapacity: z | ||
| .number({ | ||
| required_error: '모집 인원을 입력해주세요.', | ||
| invalid_type_error: '모집 인원을 입력해주세요.', | ||
| }) | ||
| .gt(0, { message: '0보다 큰 값을 입력해주세요.' }) | ||
| .lte(999, { message: '모집 인원을 다시 입력해주세요.' }), | ||
| }) | ||
| .gt(0, { message: '0보다 큰 값을 입력해주세요.' }) | ||
| .lte(999, { message: '모집 인원을 다시 입력해주세요.' }), | ||
| .superRefine(({ minCapacity, maxCapacity }, ctx) => { | ||
| if (minCapacity > maxCapacity) { | ||
| ctx.addIssue({ | ||
| code: z.ZodIssueCode.custom, | ||
| message: '최소 인원수가 최대 인원수보다 큽니다.', | ||
| path: ['maxCapacity'], | ||
| }); | ||
| } | ||
| }), |
There was a problem hiding this comment.
capacityInfo 로 묶은 거 깔끔하고 좋은 것 같아요!
revalid_error 와 invalid_type_error 가 불필요하게 중복되는 것 같은데 공통으로 스키마 분리해서 사용하는 것은 어떨까요 ?
const capacitySchema = z
.number({
required_error: '모집 인원을 입력해주세요.',
invalid_type_error: '모집 인원을 입력해주세요.',
})
.gt(0, { message: '0보다 큰 값을 입력해주세요.' })
.lte(999, { message: '모집 인원을 다시 입력해주세요.' });
capacityInfo: z
.object({
minCapacity: capacitySchema,
maxCapacity: capacitySchema,
})
...
borimong
had a problem deploying
to
development
GitHub Actions
Failure
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
🚩 관련 이슈
📋 작업 내용
📌 PR Point
refine 은 에러 메시지를 필드값의 변경에 따라 즉각적으로 보여주지 못해, superRefine 을 이용해 구현하였습니다. (zod 의 문서를 보니 refine 은 superRefine 의 syntax sugar 였습니다. refine 이 사용하기 편리하긴 하지만, 이와 같은 제약이 있을 수 있으니 유의하여 사용하면 좋을 것 같습니다!!)
edit 페이지에서 formData 의 placeDetail 값이 undefined 가 아니라 null이었어요.
zod 문서에 따르면 optional 은 undefined 에 대한 type narrowing 이기 때문에 null 은 인식하지 못했어요. 그래서 nullable 을 추가해주었습니다. 현재는 nullable 과 optional 을 모두 사용하고 있으니, undefined 와 null 일 경우 isValid 에 false 를 반환하게 될 거에요!
📸 스크린샷