2021.07.15 일지
1. 팀별 프로젝트 진행 상황 및 본인 업무
피드백을 받기위한 메뉴부분과 메인페이지 레이아웃 각자 마무리 작업중
스토리보드 작성 작업중
2. 오늘 강의를 통해 프로젝트에 적용한 부분
[유튜브 상단부분]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>유튜브</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="wrapper">
<nav id="youtube_top_nav">
</nav>
<nav id="youtube_left_nav">
<div id="youtube_left_content">
</div>
</nav>
<main role="main" id="youtube_main">
</main>
</div>
</body>
</html>* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
width: 100%;
height: 100%;
}
ol, ul {
list-style: none;
}
a {
text-decoration: none;
}
img {
vertical-align: top;
}
button {
background-color: transparent;
border: none;
}
input {
outline: none;
border: none;
}
input:focus {
outline: none;
}
#wrapper {
position: relative;
width: 100%;
height: 100%;
min-width: 1320px;
}
#youtube_top_nav {
position: fixed;
width: 100%;
height: 56px;
background-color: #212121;
}
#youtube_left_nav {
position: fixed;
width: 240px;
background-color: #212121;
overflow-y: auto;
overflow-x: hidden;
top: 56px;
bottom: 0;
left: 0;
}
#youtube_left_content {
position: absolute;
width: 225px;
height: 100%;
background-color: grey;
}
#youtube_main {
position: absolute;
top: 56px;
bottom: 0;
left: 240px;
right: 0;
background-color: grey;
}
3. 어려웠던 점과 해결방법
오늘은 크게 어려웠던 점은 없었습니다.
4. 아쉬웠던 점
사진과 내용등 홈페이지에 들어갈 컨텐츠를 보내주신다고 하셨는데 그 기간이 조금 걸려서 메인페이지 말고는 레이아웃이나 이런 형태를 잡는데 지연이 되고 있어서 아쉬웠습니다.
개발자를 꿈꾸는 이상화입니다.