학습 한 내용

오늘은 유튜브 상단영역을 도면작업하는 실습을 했다
일단 트위치하고 상당히 비슷하여 가장상단 top 부분엔 position으로 fixed 를 주고 레프트 부분에 스크롤이 생기는데 레프트 안에 content라는 공간을 하나 더 만들
고 레프트 영역엔 예를들어 width를 240으로 content부분엔 230으로 하여 주요 콘텐츠 정보는 content에 적용을 하고 실제 스크롤이 발생되는 지점은 레프트 내비로 설정을 한다. 즉 레프트 네비에 적용된 스크롤은 content에 영향을 주지 않기 때문에 내용물이 밀리지 않게 된다.

레프트에 스크롤을 넣는 것도 방법이 한가지뿐만이 아니다
예를 들어 overflow-y: scroll; 을 사용하면 항상 스크롤 표시를 남기게 된다

근데 overflow-y: auto;를 사용하면 컨텐츠가 영역을 넘어 갔을때 그때서야 스크롤이 생긴다 선택적으로 스크롤을 생기게 하고 싶으면 auto를 사용한다.
그리고 position:absolute 를 사용했기 때문에 글자가 오버됬을 시 스크롤 뒤쪽으로 글자가 들어가게 된다 다행이도 유튜브에는 오른쪽 끝까지 넘어가는 부분이 없기 때문에 글자가 뒤로 넘어가는 경우는 없기에 자신있게 사용해도 된다.

학습 후 소감

내용도 짧고 충분히 숙달된 부분을 도면작업하다보니 금방금방 실습을 하게된다.
벌써 8월 말이고 곧 9월이 다가온다. 대구AI스쿨의 4개월간 교육을 받고 연습을 했지만 많이 아쉽다 절대 짧은 시간이아니지만 점점 9월에 다가오다보니 벌써부터 아쉽기 시작했다. 물론 비대면 수업으로 진행해서 걱정되는 부분도 많았지만 오히려 잘됬다고 생각이 들만큼 오프라인보다 훨씬 더 수준높은 강의를 들은것 같다.