1교시 : twich-area-left
![](https://images.velog.io/images/ralo-gimhae/post/161d8fcc-5cc6-4715-bccf-58152a91d5c4/image.png
서비스 화면 :
어떻게 구현하면 될까?????
전체 영역을 구성하는 부모태그 div class='left-area' 그속에
title-wrap- h2 / ul-li-a/ join-wrap/ last-wrap 으로 구성하면 되지 않을까?? 생각해본다.
html :
(1) header :
(2) body :
(3) join :
(4) info-wrap :
top: 50px; / bottom: 0; / left: 0;를 활용해보자 . 이렇게 할경우 top으로 50만큼 내려오고 왼쪽 아래로 바짝붙는 공간을 만들 수 있다.
코드리뷰 :
a. .left-area .channel-wrap .channel-body .count:before :
content: ""; / display: inline-block; / width: 10px; / height: 10px; / background-color: red; / border-radius: 50%; /
여기서 해당 태그가 우리가 원하는 위치로 미세하게 조정할려면 어떻게 해야할까?? 이럴때 우리가 자주 사용하는 방식인 position: rel + top을 활용한다.