[개발환경] React[Ts] + Scss 개발 환경 설치

1️⃣ "Css in Js에서 -> Scss"난 React로 개발 할때, 스타일링을 Css in Js를 주로 사용중이다.이유는.. 스타일링이 조금 리액트? 스럽다 라고 생각되었고.. 동적으로 props만 내리면 스타일링도 자유롭게 변경되며,컴포넌트나 라이브러리에도 styled()를 이용하여 Css를 추가적으로 반영 할 수 있다 라는 것이 가장 큰 장점이었기 때문이다.근데 요즘 Next를 공부하면서 Css in JS의 단점을 파악하게 되었다.버셀에서도 Css in JS를 사용을 지양하라는 것이 권고사항이다.이유는, Css in Js는 "동적"으로 JS를 이용하여 스타일링하기 때문이다.정적 Css와 달리 동적은 연산을 필요로 하며, 이미 계산된 스타일이 서버에 정적으로 반영 되어 있는 것이 아닌,매번 요청에 따라 스타일링을 생성해 내야 하기 때문에 그 만큼 오버헤드를 초래한다.따라서 Next는 Css in Js보다 module.css 나 tailwind 같은 정적 스타일링을 권장하고 있