-
Notifications
You must be signed in to change notification settings - Fork 44
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
[김미소]Week2 #26
The head ref may contain hidden characters: "part1-\uAE40\uBBF8\uC18C-week2"
[김미소]Week2 #26
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.
|
||
/* 기타 */ | ||
html { font-size: 16px; } | ||
.hide{ position: absolute;clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;} |
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.
css를 한줄에 작성하는건 가독성이 떨어집니다.
혹시 번들 사이즈를 고려하신 코딩이라면, 실제 빌드 환경에서는 번들러(webpack, vite등)의 minify option을 통해 최소한의 크기로 만들 수 있으니 작업하실때는 속성별로 한 줄에 나누어 작업해주세요.
ex)
.hide {
position: absolute;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
}
|
||
|
||
// 비밀번호가 일치하는지 확인하는 기능 | ||
function validatePasswordsMatch(passWrod1, passWrod2) { |
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, confirmPassword로 수정되어도 좋겠네요.
/* 타이틀 사이즈 pc 기준 - 48,64*/ | ||
--title-size-l: 4rem; | ||
--title-size-m: 3rem; | ||
|
||
/* 폰트 사이트- 13,14,16,18,20 */ | ||
--font-size-l: 1.25rem; | ||
--font-size-lm: 1.125rem; | ||
--font-size-m: 1rem; | ||
--font-size-sm: 0.875rem; | ||
--font-size-s: 0.815rem; |
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.
👍
<link rel="stylesheet" href="css/common/header.css"> | ||
<link rel="stylesheet" href="css/common/footer.css"> | ||
<link rel="stylesheet" href="css/page/join.css"> | ||
<script defer src="js/style.js"></script> |
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.
style 수정뿐만 아니라 비밀번호 유효성 검사와 같은 비즈니스 로직을 담고있는 파일이라, style.js 보다는 조금 더 파일 의미를 담는 파일명으로 수정되면 좋겠습니다.
요구사항
기본
심화
주요 변경사항
main 페이지 반응형 작업
로그인 페이지 작업
회원가입 페이지 작업
스크린샷
멘토에게