[CEOS] 4주차 과제를 하며

rem과 px 비율

1rem = 16px
Tailwind CSS에서
gap-1 → 4px - 0.25rem
gap-2 → 8px - 0.5rem
gap-3 → 12px - 0.75rem
gap-4 → 16px - 1rem
gap-5 → 20px - 1.25rem

픽셀 단위를 4로 나눈다음 자연수를 쓰면 되겠다!

items-center

교차축(cross axis) 가운데 정렬

flex 방향에 따라 달라짐
flex-row (기본): 세로 방향 → 세로 가운데 정렬
flex-col: 가로 방향 → 가로 가운데 정렬

justify-center

주축(main axis) 가운데 정렬

flex 방향에 따라 달라짐
flex-row: 가로 방향 → 가로 가운데 정렬
flex-col: 세로 방향 → 세로 가운데 정렬

commit을 할 때마다 push를하면?

비효율적이다.
오버헤드 발생 가능성 높아짐
의미없는 커밋들이 깃허브에 올라감

기능단위로, pr단위로 하는 게 좋다.

절대경로를 쓰는 이유

코드 가독성을 높이기 위해

z-10 다른 요소 위에 표시

absolute 속성 필요

함수 선언 종류

export 를 선언동시에 할 수도 있고
선언 후 마지막에 export 할 수 있음

tsx, ts차이

jsx문법을 써야하면 tsx 확장자

상태관리가 필요한 이유

1. 컴포넌트 간 상태를 공유해야하는데,
   컴포넌트에서 관리하면 오류가 발생하기 쉽고 동기화 하기 어렵다.
   use state는 컴포넌트 내에서 상태 관리를 한다. 전역 상태 관리를 위해 zustand 라이브러리를 쓴다.