강의

1. 네이버 쇼핑 부분 카피캣

• 이번엔 쇼핑부분을 따라서 만들어보자
• 위쪽 header 부분은 우리가 해왔던거와 별차이는 없다.
• 이제 main부분인데, 네이버처럼 div태그를 써서 정렬해보자.
• .category-left 부분은
  li에 button으로 했지만 우린 그냥 간단하게 li,a태그
• 아이콘을 한번 넣어보고싶어서 하나만 간단하게 넣어보았다.

• 아이콘을 맨첨에 넣으니까 그냥 위아래로 들어가길래 네이버처럼 img랑 a태그를 span 으로 감싸고 (https://flexbox.help/)의 도움을 받아 정렬했다.
  -padding이랑 border값은 네이버 값 고대로 복사

• 근데 네이버에선 img css속성에 vertical-align:top이 들어가있던데,,이유는 모르겠음

• 강의2 코드하는부분이랑 그냥 깔끔하게 다끝내고 싶어서,,, 내일들을 강의도 미리봄

2. 어려웠던점

• 크게 어려웠던 부분은 없었다.
• 내일 영상까지 땡겨봤으니 그냥, 내일도 1번부터 2번까지 다시 통으로듣자

3. 해결

• 먼가 안될땐 오타와,, 코드를 비교하고 스펠링체크를하자.
• 내일 영상까지 땡겨봤으니 그냥, 내일도 1번부터 2번까지 다시 통으로듣자

4. 소감

• 검사옵션을 선택해서 코드를 까보고 그걸 간략하게 바꿔서 적는것도 먼가 좋은경험인듯 아닌듯,,한 그런느낌

오늘한 Git