작성
·
115
1
안녕하세요.
그랩마켓 css 적용하다가 궁금한 점이 있어서 문의 드립니다.
리액트 자체에 이런 문제? 현상?이 있는 것 같은데.
폴더별로 index.js와 index.css를 생성 후 js에서 css를 import해서 사용하고 있습니다.
근데 a의 폴더에서 index.css파일에 div에 효과를 주면 b의 폴더의 css 또한 div에 효과가 적용됩니다.
저는 a의 폴더의 index.js div에만 효과를 적용하고 싶은데요... 해결할 수 있는 방법이 있나요???
답변 1
0
react의 구조상 최종적으로 빌드될 때 css는 하나로 전부 합쳐지게 됩니다.
따라서 react에서 사용되는 css는 각각 class와 id로 잘 구분해주는 작업이 필요합니다!
보통 공통적으로 사용되는 css는 하나의 css에 넣고, 이 외에 컴포넌트마다 적용되는 css만 따로 관리해주는 게 좋을 듯 합니다!