• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

css 적용 문제

21.07.13 13:19 작성 조회수 83

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