<p>slick 과 충돌이 발생하여&nbsp; css 적용하게 하기 위해</p>
<div style="color: #bbbbbb; background-color: #002b36; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div><span style="color: #859900;">export</span> <span style="color: #93a1a1; font-weight: bold;">const</span> <span style="color: #cb4b16;">Global</span> <span style="color: #859900;">=</span> <span style="color: #268bd2;">createGlobalStyle</span><span style="color: #2aa198;">`</span></div>
<div><span style="color: #93a1a1;">.slick-slide</span> {</div>
<div><span style="color: #859900;">display</span>: inline-block;</div>
<div>}</div>
<div><span style="color: #2aa198;">`</span></div>
</div>
<p>해당 코드를 쓰셨다고 했는데 어떻게&nbsp; slick-slide&nbsp; class 인걸 하고 쓰셨는지 궁금합니다 이후에 이런 문제가 발생하였을 시에 어떤 방식으로 찾아서 처리해야하는 지 감이 잘 안옵니다..질문이 좀 이상한가요 ?..ㅜㅜ</p>

<p>css import 해주는 애들이 있는데요. react-slick도 import '경로/경로/react-slick.css' 이렇게 해줍니다. antd도 _app.js에서 import 'antd.css' 이런 걸 해주잖아요? antd도 추후에 커스터마이징하려면 글로벌을 건드려야 되는 경우도 생길 수 있습니다.</p>
<p>이런 애들은 보통 글로벌 css가 적용되어 있기 때문에 개발자도구의 element 탭에서 어떤 css 클래스명이 적용되어있는지 확인을 했습니다.</p>

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

Global관하여