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
devToram
reviewed
Feb 24, 2024
There was a problem hiding this comment.
- 헤더랑 푸터는 제대로 보이는데 중간 article 부분이 제대로 보이지 않는 거 같아요!
- 지금 루트에 html 파일이 있고, src 내부에 이미지 파일과 css 파일이 있는데 루트에는 index.html 만 두고, src 내부에 signIn 폴더와 signUp 폴더를 넣고, 관련 css 파일을 만들어주시면 더 좋을 거 같아요! 그리고 정적 이미지 파일들은 public 폴더를 만들어서 내부에 넣어주시면 파일 구조가 더 좋아질 거 같아요!
- 메인 화면에서 맨 위에만 section 이고 그 아래는 다 article 태그를 쓰셨는데 혹시 이유가 있을까요?
| </a> | ||
| <section> | ||
| <div class="search_div"> | ||
| <svg class="search_svg" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> |
There was a problem hiding this comment.
svg 파일은 따로 정적파일로 관리해주시고, 여기서는 import 만 해주시는 걸 추천드려요!
| </html> | ||
| <script> | ||
| // 폴더 공유하기 모달 | ||
| var shareModal = document.getElementById('shareFolderModal'); |
There was a problem hiding this comment.
var 사용은 지양해주세요!
Suggested change
| var shareModal = document.getElementById('shareFolderModal'); | |
| const shareModal = document.getElementById('shareFolderModal'); |
Comment on lines
+500
to
+506
| shareBtn.onclick = function() { | ||
| shareModal.style.display = "block"; | ||
| } | ||
|
|
||
| shareSpan.onclick = function() { | ||
| shareModal.style.display = "none"; | ||
| } |
There was a problem hiding this comment.
style 만 바꾸는 경우에는 직접적으로 style 을 바꾸기보다 classname 을 추가, 삭제하는 방향으로 처리해주시는 게 좋습니다!
| </footer> | ||
| </body> | ||
| </html> | ||
| <script> |
There was a problem hiding this comment.
script 부분 .js 파일로 분리해주시면 좋을 거 같아요!
| } | ||
|
|
||
| window.onclick = function(event) { | ||
| if (event.target == toModal) { |
There was a problem hiding this comment.
js 에서는 무조건 === 사용해주세요!
(물론 여기서는 타입도 같을 필요까진 없어서 ==도 상관없지만 === 를 쓰는 습관을 들이시는 게 좋습니다)
Comment on lines
+2
to
+4
| box-sizing: border-box; | ||
| margin: 0; | ||
| padding: 0; |
There was a problem hiding this comment.
reset CSS 따로 css 파일 만들어주시면 좋을 거 같아요!
| gap: 24px; | ||
| } | ||
|
|
||
| .input_div { |
There was a problem hiding this comment.
classname 으로 태그명을 적는 것보다는 실제로 하는 일이나 기능 중심으로 네이밍해주시면 좋을 거 같아요!
Siihyun
pushed a commit
that referenced
this pull request
Apr 2, 2024
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.
요구사항
기본
심화
주요 변경사항
스크린샷
멘토에게