TIL

오랫동안 쓰고 있는.. 맥북을 쿨러에 세워두고 쓰려니 손목 나갈거 같아서 결국 오늘 매직키보드2를 충동적으로 당근해왔다. 스페이스바에 살짝 스크래치가 있지만 나 요즘 돈이 너무 없어서 결론 당근 최고! m1 후기가 좀 나오고 그러면 업그레이드 하고 싶다. 내꺼 너무 무겁고 사양도 딸린다..모니터도 바꾸고 모니터암이나 거치대도 사고싶고 그렇다 ㅎ


드디어 본격적인 css를 시작한다! 열심히 해야지!!

👻 css

flex box

• 부모 속성으로 적용해 자식 속성의 방향/크기를 결정.

• display: flex;

• flex-direction: row (기본값), column;

• flex: grow shrink basis;

  • flex: 0 1 auto; (기본값)
  • grow 값(n)은 비율이다. 단, 컨텐츠가 담긴 크기는 보존한다.
  • shrink 값은 width나 basis에 따른 비율이다. 실제 크기를 예측하기 어려워 기본값 1로 두고 사용한다.
  • basis: grow가 0일 때만, basis 크기를 지정하면 그 크기는 보장된다.

• justify-content: 바깥박스의 속성으로 이용해 안쪽박스 수평정렬
  flex-start/end, center, space-between

• align-items : 바깥박스의 속성으로 이용해 안쪽박스 수직정렬
  flex-start/end, center, stretch