목록2024/05/05 (1)
hmk run dev
emotion(css-in-js)과 nextjs
nextjs와 emotion(css-in-js)을 같이 사용하다.두 개의 조합이 별로 좋지 못하다는 생각이 들어 emotion을 사용해 왔던 이유와조합이 좋지 못한 nextjs와 계속 같이 사용을 하는 게 맞을지에 대한 판단을 하기 위해 정리해보려고 합니다.emotion/css-in-js 방식의 장단점 장점가독성 - css 혹은 id 같은 선택자로 css를 작성하지 않고 태그명 자체를 개별로 명시해서 사용할 수 있음스타일 충돌 방지 - emotion을 이용한 스타일링은 개발자가 임의로 선택자를 지정해 작성한 css와 달리 개별 스코프를 가지며 css 충돌 가능성이 매우 낮음상태에 따른 스타일 변경용이- emotion 태그 내에 js코드를 혼합해서 작성이 가능해 react의 state에 따른 스타일 구현하..
카테고리 없음
2024. 5. 5. 20:19