# ThemeProvider

bnb8419

Style 코드들을 어떻게 효율적으로 관리 할 수 있을까?

juhwannn

저번 포스트까지 메뉴와 포스트를 보여주는 페이지까지 만들어주면서 진짜 기본적인 블로그의 역할을 하게 되었다. 하지만 개발을 진행하면서 너무 못생긴 UI 때문에 의욕도 안생기고 할맛이 안나서 이번 포스트에서는 UI/UX 약간의 변경? 및 다크모드를 추가해 줄 것이다.필자

ssonnni

기존 DOM을 만드는 방식인 css,scss 파일을 밖에 두고 쓰지 않음 => CSS in JS 방식임css가 전역으로 중첩되지 않으며 class명 중복을 줄일 수 있음패키지 설치yarn add styled-components적용하고자 하는 컴포넌트 상단에 import

oimne

eslint자바스크립트 문법의 에러를 찾아서 표시해주는 도구를 말한다. 우리가 원하는 특정한 규칙을 설정하면, 해당 규칙에 어긋나는 경우에 대해서도 표시를 해준다.prettier특정한 코드 스타일로의 통일을 위해서 코드 포매팅을 도와주는 도구를 말한다. 탭의 크기나 세

bomida

들어가기에 앞서 이 글은 Styled components의 themePorvider에 대한 기본적인 지식이 있어야하며, react-responsive 라이브러리 사용법에 대한 내용은 다루지 않습니다. 반응형 웹 (Responsive Web) 태블릿, PC, 모바일 등

leeseooo

[React] ThemeProvider

jinyinshu

들어가기insta-reactJS에서 design에 사용할 styled-components를 간략하게 알아보고,복습해 보는 POSTstyled-components를 사용하는데 있어서 모든 page에 적용 혹은 사용할 수 있게함.styles.jsApp.js

pius712

이번에는 emotion을 활용하여 다크모드를 만들어 보겠습니다.emotion을 사용하기 위해서는 몇몇 설정 방법이 필요합니다. 자세한 코드는 깃허브에서 확인할 수 있습니다. 환경typescriptcreate-react-app환경설정 설치css prop 설정 types