flex
align-items는 justify-content로 정해진대로 사용 container와 사용
align-content는 flex-wrap:wrap으로 설정
flex-wrap:wrap-reverse의 이해: 위에서 아래로 내리는 것을 아래에서 위로 올린다고 생각하면 편하다.
flex-basis : flex item들의 크기를 설정, axix방향에 따라 달라짐 width , height는 무시한다.
flex-grow : 자식요소에 사용하며, flex-basis값에서 더 늘어나도 되는지 지정한다.
1: 모두 동일한 크기 할당
2: 특정한 자식에게 줄 경우 2배의 공간을 할당 받음.
flex-shrink:자식요소에 사용하며, flex-basis값에서 더 줄어들어도 되는지 지정한다. 1은 기본값
align-self: 부모의 items의 속성을 덮고 개별적인 align-items의 속성을 부여한다.
order : item들의 속성을 부여한다. 수가 작을 수록 더 우선순위 위치를 지정하는것이 아니다.
align-items : cross axis 영향 기본 flex 방향: main axis 영향
Grid
grid는 container를 꽉꽉 채우려고 노력한다.
grid에서만 쓰는 fr(비율)
과제1을 같이 하였는데, 난이도가 높은 것 같다. 클론 코딩 꼭 혼자 해결해야겠다.
github
https://github.com/scato3/front_end_school_html/tree/main/2021.11.08
19 to 21 스프린트 회고
TIL을 성실히 수행했지만 당일에했던 코드를 매일 다시 리뷰하지는 못했다. 수업이 끝난 후, 게을렀던 것 같다.
알고리즘 및 자료구조 공부는 예전에 했던 문제를 다시 복기하며 재활활동은 하였으나 어렵다는 이유로 새로운 문제를 해결하진 않았다.
주석 위주의 코드 회고 및 당일의 계획을 열심히 수행하자.