# 공부 자료들/HTML CSS
[Emotion] CSS in JS, Emotion에서 조건부 스타일 적용하기
스톱워치를 무한 개량하던 중.. 문득 수강신청할 때 애용했던 네이비즘의 배경색 변경이 갑자기 생각났습니다. 스톱워치가 현재 가리키는 시간(nowTime)에 따라 배경색이 변하도록 구현하면 좋겠다고 생각이 들었죠. 그런데 조건부 CSS를 어떻게 적용해야 할 지 잘 모르겠는겁니다.. (안그래도 Emotion도 처음인데 ;;) 아무튼 앞으로 작성할 내용은 정말 간단한 방법으로 조건부 CSS를 적용하는 방법이 되겠습니다! 목차 0. Emotion의 기본 사용법 Styled-Component을 알고 있다면 그것과 유사하게 사용할 수 있습니다. (CSS in JS의 대부분이 비슷한 사용법을 갖고있더라구요!!) 변수를 하나 선언하고 그 안에 템플릿리터럴을 이용해서 CSS 내용을 변수에 넣어둡니다. 이제 해당 스타일을..
2022. 1. 28. 04:24
최근댓글