[TIL]21.01.12

한 일

• 메신저 프로젝트
• css, graphql

회고

• 포모도로 4회
• 어제 너무 일찍 일어나서 아침에 일찍 일어나지 못했다.
• css도 역시 재미있다.
• 부트스트랩 같은 디자인 프레임 워크 없이 손수 구현하는 재미가 있는 거 같다. React의 컴포넌트 depth를 일부러 깊게 가져가는데 확실히 코드가 짧아서 좋긴하다. 단점도 있을 테지만 일단은 이렇게 해보려고 한다.
• 독서실을 다니길 정말 잘했다.

읽은 글

이번에야말로 CSS Flex를 익혀보자
CSS 레이아웃을 배웁시다
[React] 리액트를 처음부터 배워보자. — 02. React.createElement와 React.Component 그리고 ReactDOM.render의 동작 원리
2020.log
UI 런타임으로서의 React

기타

css 유용한 팁

### 전체적용
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

### 예시
.simple {
  width: 500px;
  margin: 20px auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

• media query 팁 min-width 로 시작