[Code States SEB FE 44] 블로깅 챌린지 0216

오늘 수강신청이었는데 까먹은 한 학생의 이야기. 어차피 등록휴학이지만 혹시 몰라서 수강신청하려고 했는데 알람 맞춰놓고 무슨 알람인지 까먹어서 그냥 꺼버렸다. 그렇게 선정된 썸네일.

Chap 1. 레이아웃

와이어프레임의 목적 - 화면의 영역 구분
잘 짜여진 와이어프레임은 보고 어떤 목적을 가진 프로그램인지 유추가 가능하다!

Chap 2. Flex

이전에 justify-content와 align-items이 flex-direction에 따라 기준 축이 바뀌는 것 때문에 매우 헷갈려하였는데. main axis와 cross axis를 이해하면서 바로바로 적용할 수 있게 되었다.

그런데 이젠 space-between과 space-around가 헷갈림,..
딱 기억하자!

• space-between은 지들끼리만 생각한다, 공동구역.
• space-around는 자기만 신경쓴다, 자기영역이 확실함.

Chapter 공부 + 도전 vscode 레이아웃을 짜면서 새롭게 알게 된 점.
1. flex-grow의 속성 값이 0인 경우에만 flex-basis 속성 값이 유지된다.
flex: 0 1 [basis-value];

오늘 추가로 학습할 내용

• 듣고 있던 udemy react summary 끝까지 보기
• css grid 공부하기
• css svg를 사용한 애니메이션 내용 살펴보기
• css position 몇번을 봤는데 아직도 모름, 제발 제대로 공부해

오늘 처음으로 pair programming을 진행했는데 재미있었다. 새로운 사람과 만나서 1대1로 대화도 하고 서로 궁금한 것도 물어보고 원래 노래 틀고 죽어가듯 코딩했는데 동기와 함께하니 카페에서 공부하는 느낌이 들었다.
오늘 계산기 꾸미는데 뇌를 다써서 더이상 못쓰겠다. CSS로 애니메이션 만드는 사람들은 진짜 변태인 듯... 간단한 건 그래도 해보겠는데 그 이상은 진짜 변태같다...근데 부럽다...나도 만들고 싶다...