공부기록, 2021-06-11(금), 060일차

## 웹코딩
- justify-content 속성
   - flex-start: 요소들을 컨테이너의 왼쪽으로 정렬
   - flex-end: 요소들을 컨테이너의 오른쪽으로 정렬
   - center: 요소들을 컨테이너의 가운데로 정렬
   - space-between: 요소들 사이에 동일한 간격
   - space-around: 요소들 주위에 동일한 간격
- align-items 속성
   - flex-start: 요소들을 컨테이너의 꼭대기로 정렬
   - flex-end: 요소들을 컨테이너의 바닥으로 정렬
   - center: 요소들을 컨테이너의 세로선 상의 가운데로 정렬
   - baseline: 요소들을 컨테이너의 시작 위치에 정렬
   - stretch: 요소들을 컨테이너에 맞도록 늘림
- flex-direction 속성
   - row: 요소들을 텍스트의 방향과 동일하게 정렬
   - row-reverse: 요소들을 텍스트의 반대 방향으로 정렬
   - column: 요소들을 위에서 아래로 정렬
   - column-reverse: 요소들을 아래에서 위로 정렬
- align-self 속성
   - 지정된 align-items 속성을 무시하고, flex 요소를 세로선 상으로 정렬
- flex-wrap 속성
   - nowrap: 모든 요소들을 한 줄에 정렬
   - wrap: 요소들을 여러 줄에 걸쳐 정렬
   - wrap-reverse: 요소들을 여러 줄에 걸쳐 반대로 정렬
- flex-flow 속성
   - flex-direction and flex-wrap
- align-content 속성
   - flex-start: 여러 줄들을 컨테이너의 꼭대기에 정렬
   - flex-end: 여러 줄들을 컨테이너의 바닥에 정렬
   - center: 여러 줄들을 세로선 상의 가운데에 정렬
   - space-between: 여러 줄들 사이에 동일한 간격둠
   - space-around: 여러 줄들 주위에 동일한 간격둠
   - stretch: 여러 줄들을 컨테이너에 맞도록 늘림    

 

## 자주 하는 실수
- HTML Class 만들기

## 큐
- 일주일 중 가장 행복한 때를 생각하며 공부해라

## 내가 모르는 것
- HTML, CSS : 155~157강

## 느낀점
- 이번주는 CSS 위주로 공부해야겠다.

## 일정
- 14:00 ~ 15:00 : 귀가 및 점심식사
- 15:00 ~ 16:00 : 휴식
- ---------------- 1단계 완료 -------------------
- 16:00 ~ 18:00 : HTML 155강, 156강
- 18:00 ~ 19:00 : HTML 복습
- ---------------- 2단계 완료 -------------------
- 19:00 ~ 19:30 : 위키, 블로그 정리
- 19:30 ~ 20:00 : 휴식
- 20:00 ~ 21:00 : PHP 블로그 만들기
- 21:00 ~ 22:00 : 위키 및 블로그 정리
- ---------------- 3단계 완료 -------------------