강의1

• 네이버 e스포츠 오른쪽부분

강의2

• 네이버 오디오 상단부분

1. 수업

1. 네이버 e스포츠 오른쪽영역

• 이걸하고 현재 사이트에는 랭킹 부분이 있길래 따라해봤지만 잘 된거같진않다.

• 사이트
  

• 내가 만든것

• 네이버에 잇는거처럼 table를 사용해봤는데
  테두리를 어떻게 쳐야할지 모르겠다.

• footer부분이 강의 영상에선 빠져있어서 넣어봤다.

• 이것도 문제가 있는데 네이버에서 처럼 :after를 사용해서
  중간중간에 있는 선을 넣었는데
• 네이버 코드를 그대로 넣었더니 아무리 머 어떻게 해도 last-child부분의 마지막 선을 없애지를 못하겠다.

  .esport_footer_a:after {
  display: inline-block;
  width: 1px;
  height: 11px;
  margin: 1px 10px 0;
  vertical-align: top;
  background-color: #ddd;
  content: "";}

  • 이게 그대로 넣은거인데,, 흠 나중에 더 알아봐야겠다.
• 이렇게 esport부분은 마무리

2. 네이버 오디오 상단 영역

• 여기는 크게 특별히 어려웠던거는 없었다.

2. 어려웠던점

• 순위표 만드는게 웹툰에서 해봤어서 쉬울줄 알았는데 막상보니 전혀달라서 조금 힘들었는데
• 전체적인 틀은 만들었는데 테두리 부분이 없고 먼가 깔끔하게 카피캣을 하지못했다.
• footer 부분에서 마지막 부분도 가장 마지막 선을 없애지 못해서 먼가 신경쓰이고 스트레스,,

3. 해결법

• 일단은 네이버에서 구글의 검사를 활용해서 최대한 비슷하게 해보려 했지만,,반성공 반실패?
• 모르는부분은 다시한번 검색하고 다시해봐야겠다/

4. 후기

• esport부분은 현재의 사이트와 강의 영상이 차이점이 조금있어서 욕심나서 더해보고싶은부분은 있는데
• 당장의 내가 할수없는게 조금 그렇긴하다. 더열심히 노력하자