Sprint4/효준 #42
Merged
Sprint4/효준 #42
Conversation
This file contains hidden or 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
warning changes when focusout the inputs so we need this process
Collaborator
|
스프리트 미션 하시느라 수고 많으셨어요. |
kiJu2
approved these changes
Jan 7, 2025
Comment on lines
+1
to
+3
| const NOINPUT = 0; | ||
| const WRONGINPUT = 1; | ||
| const VALIDINPUT = 2; |
Collaborator
There was a problem hiding this comment.
오호 흥미롭네요 에러 코드를 정의하셨군요..?
새로운 도전이네요. 이렇게 문제 풀이하신 수강생님은 처음봅니다 😊😊
Collaborator
There was a problem hiding this comment.
(의견/제안) 다음과 같이 하나의 객체에서 다룰 수도 있겠네요 !
Suggested change
| const NOINPUT = 0; | |
| const WRONGINPUT = 1; | |
| const VALIDINPUT = 2; | |
| const ERROR_CODE = { | |
| email: { | |
| NOINPUT: "이메일을 입력해주세요.", | |
| WRONGINPUT: "잘못된 이메일 형식입니다.", | |
| }, | |
| password: { | |
| NOINPUT: "비밀번호를 입력해주세요.", | |
| WRONGINPUT: "비밀번호를 8자 이상 입력해주세요.", | |
| }, | |
| nickname: { | |
| NOINPUT: "닉네임을 입력해주세요.", | |
| }, | |
| checkPassword: { | |
| WRONGINPUT: "비밀번호가 일치하지 않습니다.", | |
| }, | |
| }; |
이렇게 되면 해당되는 에러 코드의 메시지를 한 곳에서 관리할 수 있습니다 😊
Comment on lines
+18
to
+45
| const validators = { | ||
| email: (email) => { | ||
| const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; | ||
|
|
||
| if (email.trim() === "") | ||
| return (NOINPUT); | ||
| else if (!emailRegex.test(email)) | ||
| return (WRONGINPUT); | ||
| return (VALIDINPUT); | ||
| }, | ||
| password: (password) => { | ||
| if (password.length === 0) | ||
| return (NOINPUT); | ||
| else if (password.length < 8) | ||
| return (WRONGINPUT); | ||
| return (VALIDINPUT); | ||
| }, | ||
| nickname: (nickname) => { | ||
| if (nickname.length === 0) | ||
| return (NOINPUT); | ||
| return (VALIDINPUT); | ||
| }, | ||
| checkPassword: (password, checkPassword) => { | ||
| if (password !== checkPassword) | ||
| return (WRONGINPUT); | ||
| return (VALIDINPUT); | ||
| } | ||
| } |
Collaborator
There was a problem hiding this comment.
(선택/심화/더 나아가서) 다음과 같이 스키마를 작성해볼 수도 있습니다 !
Suggested change
| const validators = { | |
| email: (email) => { | |
| const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; | |
| if (email.trim() === "") | |
| return (NOINPUT); | |
| else if (!emailRegex.test(email)) | |
| return (WRONGINPUT); | |
| return (VALIDINPUT); | |
| }, | |
| password: (password) => { | |
| if (password.length === 0) | |
| return (NOINPUT); | |
| else if (password.length < 8) | |
| return (WRONGINPUT); | |
| return (VALIDINPUT); | |
| }, | |
| nickname: (nickname) => { | |
| if (nickname.length === 0) | |
| return (NOINPUT); | |
| return (VALIDINPUT); | |
| }, | |
| checkPassword: (password, checkPassword) => { | |
| if (password !== checkPassword) | |
| return (WRONGINPUT); | |
| return (VALIDINPUT); | |
| } | |
| } | |
| const signUpFormSchema = { | |
| email: { | |
| validate: (email) => { | |
| if (email.trim() === "") return "NOINPUT"; | |
| if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) return "WRONGINPUT"; | |
| return "VALIDINPUT"; | |
| }, | |
| message: { | |
| NOINPUT: "이메일을 입력해주세요.", | |
| WRONGINPUT: "잘못된 이메일 형식입니다.", | |
| }, | |
| }, | |
| password: { | |
| validate: (password) => { | |
| if (password.trim() === "") return "NOINPUT"; | |
| if (password.length < 8) return "WRONGINPUT"; | |
| return "VALIDINPUT"; | |
| }, | |
| message: { | |
| NOINPUT: "비밀번호를 입력해주세요.", | |
| WRONGINPUT: "비밀번호는 8자 이상이어야 합니다.", | |
| }, | |
| }, | |
| nickname: { | |
| validate: (nickname) => { | |
| if (nickname.trim() === "") return "NOINPUT"; | |
| return "VALIDINPUT"; | |
| }, | |
| message: { | |
| NOINPUT: "닉네임을 입력해주세요.", | |
| }, | |
| }, | |
| checkPassword: { | |
| validate: (password, checkPassword) => { | |
| if (password !== checkPassword) return "WRONGINPUT"; | |
| return "VALIDINPUT"; | |
| }, | |
| message: { | |
| WRONGINPUT: "비밀번호가 일치하지 않습니다.", | |
| }, | |
| }, | |
| }; |
창의적이고 도전적으로 문제를 잘 풀이하셔서 어느 정도 난이도 있는 제안도 잘 수행하실 것 같아서 조심스레 제안드려봅니다 ! 😉
Collaborator
There was a problem hiding this comment.
(팁 !)추가로 스키마를 쉽게 작성하기 위한 라이브러리도 존재합니다 !
import Joi from "joi";
const schema = Joi.object({
email: Joi.string().email({ tlds: { allow: false } }).required().messages({
"string.empty": "이메일을 입력해주세요.",
"string.email": "잘못된 이메일 형식입니다.",
}),
password: Joi.string().min(8).required().messages({
"string.empty": "비밀번호를 입력해주세요.",
"string.min": "비밀번호는 8자 이상이어야 합니다.",
}),
nickname: Joi.string().required().messages({
"string.empty": "닉네임을 입력해주세요.",
}),
checkPassword: Joi.any().valid(Joi.ref("password")).required().messages({
"any.only": "비밀번호가 일치하지 않습니다.",
"any.required": "비밀번호 확인을 입력해주세요.",
}),
});라이브러리를 활용하여 더욱 간단하게 스키마와 유효성 검사 로직을 작성하실 수 있습니다 😉😉
|
|
||
| const visibilityConfig = { | ||
| password: { | ||
| showPassword: { |
Collaborator
There was a problem hiding this comment.
굿굿 ! 피드백을 적용하셨군요 👍
목적에 더욱 부합된� 이름으로 변경된 것 같아서 뿌듯하네요 😊
Collaborator
|
수고하셨습니다 효준님 ! 리뷰와 관련하여 궁금하신 점은 DM으로 질문주세요 ! 😊 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
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.
요구사항
기본
로그인
회원가입
심화
주요 변경사항
sprint3 미션 feedback 적용
스크린샷
2025-01-05.3.59.07.mov
멘토에게