kh정보 교육원 css 5,6 일차

이틀정도 과제와 div 만들어보기 연습을 하면서 코딩에 익숙해지는 시간을 가진거같다

홈페이지 레이아웃 만들어보기 직접 ui디자인 해보기 등등 div를 좀 더 잘 다룰수 있게 된것 같다

 

flex를 배웠다 쉽게 배울만한 건 아니었지만 이론을 배우고 CSS 개구리 게임을 하다보니 익숙해진듯 하다

 

display:flex;

 

flex-direction은 축을 설정한다

 

flex-direction: row (기본값) 가로 방향으로 정렬

 

flex-direction:row-recerse: 가로방향의 반대방향 정렬 ex ) 1 | 2 | 3     이 기본값이면 가로방향 끝에서   3  |  2  |  1 로 정렬된다

 

flex-direction: column; 열 방향으로 정렬된다

 

flex-direction: column-reverse; 세로 방향의 반대방향 정렬

 

justify-content: flex-start;  (기본값)

justify-content:flex-end; 

justify-content:center; 중앙  

justify-content:space-around; 양 옆에 같은 여백 

justify-content:space-between;처음과 끝을 구석에 두고 같은 간격 배치 

justify-content:space-evenly;처음 시작 여백만큼 같은 간격으로 배치  

 

 

align-items:flex-start; (기본값)

 

align-items:flex-end;

 

align-items:center;

 

align-items:baseline;  문자 기준선에 맞춰 배치

 

align-items: stratch; 기본값 항목을 늘려 교차축에 가득차게 배치

 

또 grid를 배웠지만 부트스트랩 그리드 시스템이란 것으로 배웠다 유튜브에 흔한 강의는 아니었다

 

이미 만들어진 레이아웃의 코드를 가져와 div를 주고 직접 클레스를 줘서 사용하는것 같다 잘 모르겠다 ㅜㅜ

 

또또 반응형 웹을 배웠지만 이건 좀더 따로 공부해야 할것 같다 너무 복잡했다

 

내일부터 자바를 배운다 한달정도 유튜브로 자바강의를 보긴 했지만 직접 강의를 듣는것도 너무 궁금하다~