[React: CSS] CSS도 효율적으로 깔끔하게 적용하자✨

✅ flex

display: flex;
// 세로로 정렬
flex-direction: column;
// 가로로 정렬
flex-direction: row;
// 진행방향 기준 정렬
justify-content: flex-start  // default
justify-content: flex-end
justify-content: center;
// 아이템 사이 공간 제어
justify-content: space-between;
justify-content: space-around;

https://naradesign.github.io/flex-justify-align.html

CSS flexible 레이아웃: flex item의 정렬과 간격.

 

✅ Material UI

Table

https://material-ui.com/components/tables/

 

Checkbox

https://mui.com/components/checkboxes/

 

 

✅ Spinners (로딩 애니메이션 효과)

react-spinners

https://www.davidhu.io/react-spinners/

 

react-spinners-css

https://www.npmjs.com/package/react-spinners-css