Moong

이번엔 React 와 Sass를 이용하여 다크모드 / 라이트 모드 테마를 적용하는 법에 대해 이야기 해보겠습니다 🌕 테마를 설정하는 데는 크게 1. theme object 사용하기 / 2. 함수 사용하기 두 가지 방법이 있습니다. 우선 두 가지 방법을 설명하는 데에 앞서, 테마를 적용하는 원리에 대해 알아보겠습니다! Scss에 테마 정보 알리기 - body 태그에 class를 넣었다 뺐다 하기 scss 파일에서 현재 테마가 어떤 것인지 알기 위해서는 class로 그 정보를 알려주어야 합니다. 따라서 상단에 존재하는 body 태그의 class에 테마 정보를 넣는 것이죠! 지금 현재 어떤 LIGHT 또는 DARK 테마인지에 대한 정보는 저는 기본 테마를 dark 모드로 할 예정이라 body 태그에 LIGHT..