Conversation
margin-left: 100px to critic-box
margin between critics top margin for title
made a css folder to manage style more carefully... it is not good idea to put style in html
오른쪽 상단의 별점 박스의 왼쪽 마진을 260px로 띄우려고 노력을 많이 했지만 달라진 것이 없다.. 흑흑
css Mobile 버전으로 미디어쿼리를 만들어보고 있다
미디어쿼리 중앙 정렬 수저함
별이 들어있는 박스가 여전히 세로형이 되지 않는다!! 도대체 뭐가 문제인지를 모르겠다
주차별로 가독성 있게 파일명을 변경함
todo 전반적인 초기 구조 설정
띄어쓰기 줄임
코드의 가독성을 높이기 위해 구조를 수정
스타일을 더 자세하게 수정함
전반적인 js 구조를 만들었다
xxoyya
reviewed
Nov 8, 2024
Collaborator
xxoyya
left a comment
There was a problem hiding this comment.
수고하셨습니다!!😍
-
width가 738px이 됐을 때 바뀌게 되는데 바뀌었을 때, 화면의 중앙에 위치하지 않아요. body에 스타일을 주어 중앙에 정렬되도록 만들어 보는 건 어떨까용?
-
반응형 전 기본 페이지에서 리뷰박스의 위치가 너무 내려가 있는데 star-box-1의 스타일 값에서 margin-top이 200px로 되어 있어서 그런 것 같아요. margin-top 값을 조금 줄여도 좋을 것 같습니다!
-
타이틀에 text-align 으로 center에 올 수 있도록 만드려고 한 것 같은데 적용이 되지 않는 것 같아요. 그 이유가 html 코드를 작성할 때 h1에 style을 바로 text-align: left라고 작성하여 반응형을 했을 때 center가 적용이 되지 않는 것 같습니다. h1에 바로 style을 주지 않고 따로 클래스를 만들어서 left 스타일을 주는 것도 좋을 것 같아용!
일차적으로 코드를 전부 개선함, 구조적인 어려움이 많아서 깔끔하게 동작이 되도록 바꾸었다
구조를 변경하면서 이미지 이름 변경
체크박스가 표시된 항목들이 체크박스가 표시되지 않은 항목들보다 항상 위쪽에 위치하도록 체크박스 이벤트의 우선순위를 변경하였다
이게 체크박스 상태 정렬을 진짜 바꾼것이다! 아까 코드는 sunIcon이랑 moonIcon을 누르면 dark테마랑 light테마까지 바뀌는 오류가 있었는데 그걸 해결한 것이다
파일 이름들을 전부 가독성 있게 수정함 너무 이름이 길어지는 경향이 있는거 같아서 가능한 주차별_이름_기능 위주로 수정해봤다
리액트 useState 구조잡기
파일 이름 변경 및 통일
이미지 크기가 체크박스 개수에 비례해서 자꾸 늘어나는 것 같아서 이미지 크기를 고정해주는 방식을 선택함, 테마에 따른 이미지 형식이 적용 안 된 부분을 수정함
App.js에 이걸 추가하고 연결해야 돌아가는 것이다
useEffectEx1 -> useEffectExample1 이런식으로 바꿈
src 안에 해당 component 파일을 넣어야 한다. 이걸 밖에 넣어서 계속 못 찾고 고생한 것임
이거를 100% 비율로 안하고 14440px 이런걸로 하면 결과적으로 배율을 작게하면 이미지가 깨지게 됩니다, 주의할 것
이름을 delete 로 해놔서 연결이 안 되었던 거임 이름 바꿈
xxoyya
reviewed
Nov 15, 2024
Collaborator
xxoyya
left a comment
There was a problem hiding this comment.
전체적으로 코드를 매우x100 잘 짜신 것 같아요!!
각 todo item에 드래그 했을 때 색이 변하는 기능 추가한 것과 완료된 todo들이 자동적으로 가장 위로 올라가는 기능도 좋은 것 같아용❤️
이번 과제에서는 딱히 수정해야 할 부분이 보이지 않았어요!
수고하셨습니다!!
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
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.
전체적인 피드백
layout
recipe