CSS 적용 with React
보통 styles은 .css를 import 해서 해당 class, id 냐?에 따라 태그 주소를 찍고 중괄호를 해주면된다. 하지만, React에서도 똑같다. 하지만, 핵심적인 포인트는 다음과 같습니다. - 중복된 css 클래스명을 방지 할 수 있습니다. - 전력이 아닌, 독립적인 컴포넌트나 테그에 스타일을 줄 수 있다. testStyle.css을 test.tsx에 적용시켜버리면, 전역으로 스타일이 적용이 됨, 즉, 밑에 처럼 모든 button에 스타일이 적용됨. 하지만, child, 부모 다음, 첫 번째 자식 등으로 세부적으로 적용할 수 있지만, 길어지고 한 화면에 모듈이나 컴포넌트가 추가되버리면, 유지보수 측면에서 복잡해짚니다. .button { background-color: blue;}import..
