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
devym-37
approved these changes
Sep 25, 2024
|
|
||
| emailInput.addEventListener("input", validateLoginInputs); | ||
| passwordInput.addEventListener("input", validateLoginInputs); | ||
| } |
There was a problem hiding this comment.
잘 작성해주셨습니다.
하지만, if 안의 조건 부분이 복잡해 보일 수도 있습니다.
그럴 경우 변수로 선언하여 변수명을 통해 조건의 의미를 알게 할 수도 있을 것 같습니다.
ex)
const isNotEmptyInputValue = emailValue !== "" && passwordValue !== ""
if(isNotEmptyInputValue)| <header class="nav_wrapper"> | ||
| <nav class="nav_bar"> | ||
| <div class="nav_logobox"> | ||
| <a href="/"><img src="/img/pandalogo.jpg" alt=""></a> |
There was a problem hiding this comment.
alt속성에 "" 빈값은 작성되지 않은 것과 같은 의미인것 같습니다. 최대한 해당 내용을 작성해주시면 좋을 것 같습니다!
<img > 단일 태그의 경우 아래와 같이 많이 작성합니다
<img />| <script src="/index.js"></script> | ||
| </body> | ||
|
|
||
| </html> |
There was a problem hiding this comment.
잘 작성해주셨습니다!
시멘틱 태그 구조 뿐 아니라, css 명을 통해서도 구조를 파악할 수 있다는 것을 이해해주시면 좋을 것 같습니다
| const passwordInput = document.querySelector('input[type="password"]'); | ||
| const loginButton = document.querySelector(".form_btn"); | ||
| const nicknameInput = document.getElementById("nickname"); | ||
| const passwordConfirmInput = document.getElementById("passwordConfirm"); |
There was a problem hiding this comment.
updateLineBreak는 잘 작성해주셨습니다.
아래 변수로 선언된 값들은 아직 사용전인 값들일까요 ?
| <script src="/auth.js"></script> | ||
| </body> | ||
|
|
||
| </html> |
| </form> | ||
| </div> | ||
| </div> | ||
| <script src="/auth.js"></script> |
There was a problem hiding this comment.
<script src="/auth.js" />이렇게 작성할 수 있을 것 같습니다
| --gray100: #f3f4f6; | ||
| --gray50: #f9fafb; | ||
| --blue: #3692ff; | ||
| } |
There was a problem hiding this comment.
공통으로 사용될 수 있는 부분을 잘 분리해주신것 같습니다!
| src: url("/font/Pretendard-Regular.otf"); | ||
| font-weight: right; | ||
| font-style: normal; | ||
| } |
| justify-content: flex-end; | ||
| order: 1; | ||
| } | ||
| } |
There was a problem hiding this comment.
잘 작성해주셨습니다.
중간 중간 미디어쿼리가 있으니, 조금 가독성에서 떨어지는 것 같기도합니다.
미디어쿼리들을 최상단, 최하단에 위치하면 어떨까요 ?
| } | ||
| * { | ||
| box-sizing: border-box; | ||
| } |
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.
요구사항
기본
심화
주요 변경사항
스크린샷
멘토에게
Privacy/ SNS
codeit
이런식으로 배치를 바꾸는게 있었는데, flex로는 order라는 속성을 써봐도 원하는대로 배치가 되지 않더라구요.
그래서 grid를 사용해서 배치를 하였는데 HTML구조를 바꾸지 않는이상 flex로는 이렇게 배치를 바꾸는게 안되는건지 궁금합니다.
이해를 위해 이미지를 첨부합니다.