인프런 커뮤니티 질문&답변

양경석님의 프로필 이미지
양경석

작성한 질문수

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

css 적용 문제

작성

·

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만 따로 관리해주는 게 좋을 듯 합니다!

양경석님의 프로필 이미지
양경석

작성한 질문수

질문하기