2주 3일차 - HTML/CSS 활용

1. 리뷰

• flex의 자식요소에 적용되는 속성들에 대해 제대로 이해하지 못하고 과제를 진행하여 의도대로 구현하지 못하고 하드코딩으로 때웠다.
• 현업의 방식처럼 margin을 지양하고 flex나 position속성을 이용하여 여백을 주는 법을 숙지하도록 해야겠다.
• 앞으로 bem 방식을 숙하고 가급적 class선택자 위주로 사용하도록 하되 구조가상클래스 선택자에 대한 공부는 더 필요하다.
• 개강하고 사실상 계단 오르기정도 말고는 운동을 거의 못했다. 오전에 하던지 정규시간 종료 후 하던지 반드시 해야겠다. 배나오고있다.
• 수기로 쓰던 앱으로 쓰던 플래너를 다시 사용해야겠다. 또 개강 이후론 공부시간을 측정하지 않았는데 다시 측정해야겠다. 쉬는 시간과 공부시간의 명확한 구분이 필요하다. 집중력과 시간 안배가 개선할 점이 많다.

2. 학습 키워드

• flexbox 자식속성 flex-basis, flex-grow, flex-shrink, flex

3. 스스로 설명해보기

• flex-basis: 요소가 기본으로 가지는 크기의 값
• flex-grow: 요소가 커질 경우 얼마나 커질 수 있는지를 지정하는 값.
• flex-shrink: 요소가 작아질 경우 얼마나 작아질 수 있는지를 지정하는 값.

4. 이해가 부족한 개념

• flex속성값은 순서대로 팽창 지수, 수축 지수, 기본 크기로, 기본값은 0, 1, auto
• 자식속성 flex 전체적으로 이해도 부족
• flex-wrap이 wrap-reverse일 경우 요소가 배치되는 형태 이해도 부족.

5. 할 일

• bem 방식 네이밍 공부, 적용 - 주말에 실습예제 진행해보면서
• css 가상클래스 - 주말에
• flex 자식속성, grid 주말간 보충, 예제로 실습
• 딥다이브 스터디 준비자료 마크다운 정리
• css position 복습 - 주말에