---

어려웠던 점 & 아쉬웠던 점

01. 메뉴 아이콘과 이미지 교차축 정렬
header .menu의 search,brand 텍스트와 아이콘을 교차축으로 중앙 정렬 하고싶었는데 flex로 align-items: center;를 하면 cursor pointer가 옆의 영역까지 활성화 되어 position으로 위치시켰습니다. flex로 정렬 시키고 싶었는데 안 되어서 이 부분에서 시간을 많이 지체했습니다.

02. 달력 호버할 때 레이아웃 움직임
원본은 달력에 호버를 하면 레이아웃은 그대로인 상태로 파란 원형이 생기고 텍스트 크기가 커집니다. 제가 작업한 사이트에서는 호버할 때마다 레이아웃이 움직여집니다.

03. 오타로 인한 npm dev run 오류
npm 서버를 열어서 작업을 해보려고 parcel-bundler를 설치하고 서버를 열었는데 아래와 같은 오류가 나타났습니다. html문서에 제가 테스트해본다고 스타일을 적용시켰던 것이 지워지지 않은 상태여서 오류가 났습니다. 스타일을 제거하니 다시 정상적으로 작동되었습니다. 오타로 인해서 자주 문제가 발생했습니다. 😥

04. SCSS
SCSS는 아직 다루기가 어려워서 그나마 익숙한 CSS로 먼저 작업을 한 후, 다시 SCSS로 변환하는 과정을 거쳤습니다. SCSS의 함수, 변수 같은 기능은 사용하지 못했고 중첩 작성법 위주로 사용하였습니다. 시간이 많이 걸렸지만 그래도 이 과정을 거치면서 중첩 작성이 조금 익숙해졌습니다.

---

리뷰가 필요한 부분

01. 불필요한 html 구조
대부분의 박스에 이미지와 텍스트가 들어가서 웬만하면 div태그로 감쌌는데 하다보니 너무 불필요한 부분도 감싸고있는거 아닌가? 라는 생각이 들었습니다. 불필요한 구조가 눈에 띄면 피드백 주시면 감사드리겠습니다!

02. class명
class명도 내용에 관련되게 지어야하는데 가끔 너무 길어지거나 아니면 너무 함축되었을까봐 작성하면서도 걱정이 되었습니다. 이 부분 한번 확인해주시면 감사드리겠습니다.

03. grid
저는 주로 배치를 할 때 flex와 position을 활용하였습니다. grid를 사용하지 않았는데 혹시 grid를 사용하면 더 좋았을 레이아웃이 있는지 알려주시면 감사드리겠습니다.
+추가로 position과 flex도 알맞게 잘 사용했는지 궁금합니다!

04. 가독성, 주석 부족한 점
전체적으로 가독성을 해치는 부분이 있는지와 주석도 부족한 점이 없는지 확인주시면 감사드리겠습니다! 🙇🏻‍♀️