You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
민재님 안녕하세요! 이번과제는 레이아웃을 짜기 위해 flex의 여러 기능들을 활용해보는 과제였는데요. 기존에도 flex를 알고 계신 만큼 이번 과제도 잘 마무리해주신것 같아 인상깊었습니다:)
그럼 Assignment-01 리뷰 시작하도록 할게요!
Q1. 세션 복습
큰 레이아웃인 wrapper 내에 container1, 2, 3 으로 클래스명을 부여하고 확실하게 구분한 점이 너무 좋네요! 내부의 게시물에 대한 속성들도 block으로 통일 한 점도 잘 설정해 주신것 같습니다.
flex-grow를 활용하여 컨텐츠들의 너비를 상대적으로 조정해 주신것 같네요! 깔끔하게 정말 잘 해주신 것 같습니다. 다만 flex-grow 같은 경우 해당 요소들이 차지한 너비 이외의 남은 공간을 어떻게 나눠줄 것인가에 대한 비율이라는 점만 잘 인지하고 사용하면 좋을 것 같습니다. 아이템들의 비율값에 해당하는 flex-basis 와 구분하여 적절히 사용하면 좋을 것 같아요!(저도 이번기회에 다시 찾아봤는데 아래 속성 참고하시면 좋을듯..!!)
구두로도 말씀드린 것 처럼 각 container 에 있는 block 클래스들 또한 필요한 속성들을 위해 잘 적용하신 것 같습니다. 단, container2와 container3 내에 있는 두 케이스의 block클래스들은 속성상 무관해 보이기 때문에 같은 네임으로 주는것 보다도 "container2__block", "container3__block" 등으로 부모-자식을 네임에 표현해주면 좋을 것 같아요
Q2. 레이아웃 잡기
마찬가지로 너비/높이에 대한 값을 flex-grow 를 통해 비율로 잘 적어주셔서 모든 뷰 창에 대한 반응형 페이지가 되었네요!! 앞으로 페이지의 레이아웃을 구성 할 때도 고려해주신다면 정말 좋은 결과물로 이어질 것 같아요
아이템 기준으로 부모요소가 되는 태그에는 padding을 통해, 아이템들에는 margin 을 통해 여백을 고려하신 점도 잘 확인이 되었습니다! 아이템의 마지막 요소는 margin값을 0으로 설정하여 고려해준것까지,, 너무 좋네요!! 위에서 언급해드린 고려사항들만 잘 이어 가시면 될 것 같습니다.
=> 두 과제 다 너무 깔끔하게 잘 해주셨어요! 제가 크게 코멘트 드리는 것 보다도 지금 프로그램 작성하시면서 고려하고 계신 사항들을 바탕으로 발전시키면 좋을 것 같습니다. 고생 많으셨습니다!!
The text was updated successfully, but these errors were encountered:
민재님 안녕하세요! 이번과제는 레이아웃을 짜기 위해 flex의 여러 기능들을 활용해보는 과제였는데요. 기존에도 flex를 알고 계신 만큼 이번 과제도 잘 마무리해주신것 같아 인상깊었습니다:)
그럼 Assignment-01 리뷰 시작하도록 할게요!
Q1. 세션 복습
Q2. 레이아웃 잡기
=> 두 과제 다 너무 깔끔하게 잘 해주셨어요! 제가 크게 코멘트 드리는 것 보다도 지금 프로그램 작성하시면서 고려하고 계신 사항들을 바탕으로 발전시키면 좋을 것 같습니다. 고생 많으셨습니다!!
The text was updated successfully, but these errors were encountered: