◼︎ 오늘 학습한 내용
10. 국내외 사이트 카피캣 (네이버 이스포츠 2편)
1) 네이버 이스포츠 왼쪽 영역
어제 만들어두었던 상단 영역에 이어서 네이버 이스포츠 페이지 작업을 했다. esports-main-article 영역을 만들어 메인 기사 3개가 들어가는 공간을 만들어주었는데, 좌측에 크게 한 개, 우측에 두개가 세로정렬로 들어가도록 해 주었다.
그 밑으로는 경기 다시보기 영역을 만들어서 네이버뉴스 화면 만들때와 유사하게 박스를 정렬해주었다..
하단에는 추천뉴스와 전문가 칼럼 영역을 넣어서 기존에 했던 틀과 유사하게 이미지와 타이틀, 기사 미리봅기 및 리스트 넣는 작업을 했다.
전문가 칼럼 영역에서 말줄임표 (...으로 끝나게끔) 처리를 위해 웹킷을 사용했다.
◼︎ 어려웠던 점 & 해결방법
메인 아티클 영역 정렬이 잘 되지 않아 시간을 많이 잡아먹었다.
배치는 해도 해도 어려운것같다.
◼︎ 소감
오늘은 웹킷에 대해 스스로 더 공부해봐야겠다는 생각을 했다. 활용할 수 있는 방안이 무궁무진할 것 같다.
