내일배움캠프
1.오늘 배운것
ㄱ. HTML
- 기본골격에는 header, nav, aside, main, footer가 있다
- 그아래엔 section이 있고 그안에는 article, div, span등이 있다.
- section을 꾸며줄땐 a,button, input, audio, img등이 있다.
- block은 한줄에 하나의 객체가 들어간다. (div가 여기에 속함)
- inline은 한줄에 꽉찰때까지의 객체가 들어간다. (input, span이 여기속함)
- input type ="button,text,password,date,file,serch"등 다양하다.
ㄴ. CSS
- margin은 객체 바깥쪽 여백을 줄때 사용한다. (상 좌 하 우 순서로 px을 준다.)
- pading은 객채에 안쪽의 크기를 줄때 사용한다. (상 좌 하 우 순서로 px을 준다.)
- border은 객체의 테두리를 줄때 사용한다(radious등)
- position중에 relative는 원래 웹에서 가지고 있는 값을 없애준다?
- position중에 fixed는 웹사이트 창 기준으로 움직인다.
- position중에 absolute는 position을 담은 객체를 담은 기준으로함
<body> <header class="box"> <div>1>/<div> //이때 div는 box를 기준으로 움직이는게 absolute </body>
- flexbox는 container안에서 작용하는것과 container안의 item에 작용하는것들이 있는데
- container안에서 작용하는것들은 diplay:flex-direction, flex-wrap, justify-content, align-items, align-contet등이 있다.
- item에 적용되는것들은 order, flex-grow, flex-shrink, flex등이 있다.
ㄴ-1.flex-box
- display:flex는 좌에서 우로 정렬됨
- display:flex-direction row는 좌에서 우측으로 ,row-reverse는 반대로됨
-display:column은 위에서 아래로, column-reverse 반대로됨
-flex-wrap을 안하면 한줄에 모든객체가 다 담기지만 wrap을 하면 객체가 다음줄로 넘어가게됨 반응형처럼- justify-content(수평적 움직임) : flex-end는 오른쪽끝에, center는 가운데, space-around는 각각의 객체에 공간을 줌, space-evenly, space-between등이 있음
- align-items(수직적 움직임) : center은 가운데위치 baseline 객체안에 글자가 있으면 객체의 크기가 달라도 글자를 중앙에두고 정렬함
- align-content : space-between은 양옆은 딱붙고 가운데를 중심으로 공간이 동일하게 분리됨.
ㄷ. 알고리즘
- 오늘도 열심히 잔디를 심었다. 반복문과 제어문으로 문제를 푸는데 아직 멀었다. 영상이나 문제풀이 없이는 문제를 풀수는 없다.
ㄹ. cs특강
- cs특강이 있어서 특강을 틀었지만..하나도 모르겠다 1도모르게따
- 그래서 그에대해 찾아본결과 여기링크가 더 이해된다..cs간단하게이해
2.아쉬운점
- 미니프로젝트를 하고있지않아서인지 약간 루즈해진다..
- 게다가 몸컨디션도 좀좋지않아서 집중을 못하고있다..
- html이랑 css 빨리 100% 이해하고 js공부를 더 많이 해야한다.
3.회고
- 주말에 알고리즘이랑 잔디도 심고
- 주말까지 css 강의 마무리하고
- 회원가입, 로그인로직 만드는법과 백엔드쪽도 좀 배워야겠다
개발작