-
Notifications
You must be signed in to change notification settings - Fork 45
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
[임수혁] week14 #462
The head ref may contain hidden characters: "part3-\uC784\uC218\uD601-weeek14"
[임수혁] week14 #462
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
잘 작성해주셨습니다 👍
천천히 미션을 하시면서 복습해보시면 좋을 것 같습니다.
고생하셨습니다
export const SignupLayout = () => { | ||
return ( | ||
<ContainerStyled> | ||
<ItemsStyled></ItemsStyled> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
해당 부분들은
이렇게 수정해주시면 좋을 것 같습니다
mobile: "(max-width: 768px)", | ||
}; | ||
|
||
export default device; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
공통으로 사용되는 부분을 config로 분리해주신 것 좋습니다
export const passwordErrCheck = document.querySelector(".password-err-check"); | ||
|
||
/*회원가입 시 비밀번호 값이 8자 미만이로 있거나 문자열만 있는 경우 - 정규 표현식*/ | ||
export const regex = /^(?=.*[a-zA-Z])(?=.*\d)[a-zA-Z\d]{8,}$/; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
현재 regex부분도 공통 추후에 더 많아지면, 따로 파일로 분리하여 관리하시면 좋을 것 같습니다
"비밀번호가 일치하지 않아요." | ||
); | ||
} | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
password 관련한 함수를 해당 파일로 분리하신 것도 잘 작성해주셨습니다
<IconStyled> | ||
<IconBoxStyled> | ||
<a href="https://www.google.com/" target="_blank"> | ||
<Image src={signGoogleback} /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
이미지 태그의 경우 alt속성값을 작성해주시면 좋을 것 같습니다
font-weight: 600; | ||
`; | ||
|
||
export default SigninHeader; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
잘 작성해주셨습니다!
margin-top: 0.6rem; | ||
`; | ||
|
||
export default SigninHeader; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
스타일드 컴포넌트명에 styled를 붙여주신 것이 좋은 것 같습니다. 어떤 컴포넌트가 스타일드 컴포넌트인지 잘 구별되어 좋은 것 같습니다.
form.addEventListener("submit", mainSignInFunction); | ||
eyeBtn.forEach((btn) => { | ||
btn.addEventListener("click", eyeBtnFunction); | ||
}); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
유틸함수와 fetch함수가 같이 있어서 분리해주시면 좋을 것 같습니다
return false; | ||
} | ||
} | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
해당 파일도 유틸함수와 api fetch 함수가 같이 있어서 분리해주시면 좋을 것 같습니다
if (accessToken) { | ||
location.href = "../folder.html"; | ||
} | ||
}; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
공통 유틸 함수로 잘 작성해주신 것 같습니다
기본
심화
주요 변경사항
스크린샷
멘토에게