스타일링

flex-grow와 flex-shrink는 모두 flex 아이템들을 늘리거나 줄이는 역할을 한다.

React에서 calc()를 썼는데 적용이 되지 않았다. Chrome에서는 -webkit-calc를 써야 적용이 된다고 한다. 참고 자료 [도라미도라미div 3개 레이아웃 만들기(calc() 사용법) - TISTORY](https://ddorang-d.tistory

불필요한 선택자(Selector)의 과용과 연산 기능의 한계구문(Statement)의 부재 등CSS 문법과 굉장히 유사하지만,표준 CSS 보다 훨씬 많은 기능이 있어 편리함선택자의 중첩(Nesting)조건문반복문다양한 단위(Unit)의 연산전처리기를 웹에서 동작시키기

CSS IN JS : JS에서 CSS를 작성하는 것. 동적인 스타일링이 가능하다 설치 기본 props props를 받을 수도 있다. 아래는 구조분해할당을 이용하여 작성한 것인데, 이게 더 가독성이 좋은 것 같다. 전역 스타일 GlobalStyle.jsx 파일을