210826 개발일지

1) 학습한 내용

국내외 사이트 카피캣 유튜브

> 유튜브 상단 영역 (1) 

<div id="wrapper">

<nav id="youtube-top-nav">

</nav>


<nav id="youtube-left-nav">
<div id="youtube-left-content">
				
</div>
			
</nav>

<main id="youtube-main" role="main">
			
</main>

</div>

#wrapper 
	{position: relative;
	width: 100%;
	height: 100%;
	min-width: 1320px;}

#youtube-top-nav 
	{position: fixed;

	width: 100%;
	height: 56px;
	background-color: #212121;

	padding: 0 16px;

	z-index: 99999;}

#youtube-left-nav 
	{overflow-y: auto;
	overflow-x: hidden;
	position: fixed;

	width: 240px;
	background-color: #212121;

	top: 56px;
	left: 0;
	bottom: 0;}

#youtube-left-content 
	{position: absolute;
	width: 225px;
	height: 100%;
	background-color: grey;}

#youtube-main 
	{position: absolute;
	left: 240px;
	top: 56px;
	right: 0;
	bottom: 0;
	background-color: grey;}

2)학습한 내용 중 어려웠던 점 또는 해결못한 것들

딱히 없었다.

3)해결방법 작성

강의를 열심히 들으며 해결했다

4)학습 소감

자주보는 유튜브를 만들어 나가서 신기했다
초기 작업밖에 안했지만 기대가 된다.