D+4 복습(flexbox)

오늘도 하루 종일 flexbox를 공부하고, 다른 것들을 함께 공부하는 시간이다. 3일차 때 이미지로 정리해 놓으니 나중에 확인할 때도 편하고 블로깅할 때도 편한 것 같아서 이번에도 똑같이 정리해봤다.

 

flexbox에 대해서 공부했는데 생각보다 배운 내용이 많다. flex, grow, shrink, basis, 수평분할, 수직분할, justify-content, align-items 등 많은 내용들을 배웠다.

 

그런데 배우면서 justify-content나 align-items, display같이 속성들 이름을 매번 까먹는다. 어렴풋이 기억은 나는데 또 속성명이 기억이 나면 그 속성의 타입명이 헷갈린다. 역시 Atom같은 툴이 짱이라고 매번 느낀다.

추가로 와이어프레임 설계도 같이 구현했는데, 목표가 이미 구현되어 있는 구글 메인화면이다 보니까 이미지만 넣게되어서 구현을 저렇게만 하고 끝냈다. 나중에 개인프로젝트 할 때는 와이어프레임을 제대로 구현해서 실제 개발에 이용해봐야겠다.