목차
- git 팀원과 연습
- layout 연습
- firebase
git 팀원과 연습
소스트리를 이용하여 하나의 저장소에서 브랜치 만들고 올리고 머지하고 풀받고를 연습하였고 완벽하게 사용할수 있는거 같아서 완벽한 공부였던거 같다.아직 충돌이 나질않아서 완성은 아니지만 아마 충돌이 나더라도 해결할수 있을거 같다.
layout 연습
인프런에서 레이아웃 연습을 하면서 조금 더 css 기초를 레이아웃에대해서 공부했다.
일단 오늘은
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="01.layout01.css" />
<title>Document</title>
</head>
<body>
<div id="wrap">
<div id="header">header</div>
<div id="nav">nav</div>
<div id="side">side</div>
<div id="contents">contents</div>
<div id="footer">footer</div>
</div>
</body>
</html>
body{
background: #c8e6c9;
}
#wrap{
width: 1000px;
height: 900px;
margin: 0 auto;
font-size: 40px;
color: #fff;
text-align: center;
text-transform: uppercase;
}
#header{
width: 1000px;
height: 100px;
background: #2e7d32;
}
#nav{
width: 1000px;
height: 100px;
background : #388e3c;
line-height: 100px;
}
#side{
width: 300px;
height: 600px;
background: #43a047;
float: left;
line-height: 600px;
}
#contents{
width: 700px;
height: 600px;
background: #4caf50;
float: left;
line-height: 600px;
}
#footer{
width: 1000px;
height: 100px;
background: #66bb6a;
float: left;
line-height: 100px;
}
/* float: left; 를 footer에줘서 하는 방법 1*/
float left를 이용하여 레이아웃을 구성하였다
firebase
오늘 강의는 정말 어려웠는데 그래도 위안이 되는건 자바스크립트로 되어있다는거 이번주 주말은 아주그냥 firebase 부시기 할거 같다... 듣기만 해서 아직 진짜 모르겠다. 보면서 해보면서 구성을 해봐야하지 알거 같다 firebase를 이용하여 배포도 하는데 이거 다음주 목요일까지 할수있을까 살짝 떨리는거 같다...
