250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- js배열 알고리즘
- 항해99 사전스터디
- FP 특징
- toggle-btn
- 웹 크롤링
- 웹팩 기본개념
- 항해99 미니프로젝트
- jwt
- 항해99
- 리액트 렌더링 최적화
- 자바스크립트 엔진 v8
- 알고리즘
- 실행컨텍스트
- 리액트 메모이제이션
- 리덕스
- 타입스크립트
- 리액트 메모
- 렌더링 최적화
- 함수형 프로그래밍 특징
- 테스트 코드 툴 비교
- JS module system
- this
- chromatic error
- gql restapi 차이
- 리액트
- next js
- 항해99 부트캠프
- Js module
- 코어자바스크립트
- v8 원리
Archives
- Today
- Total
목록theme.tsx (1)
Jaeilit
Theme.ts
css 로 styled -component 를 사용하면 공통적인 css 또는 반복적일거라고 예상되는 css 는 미리 정의해두고 사용할 수 있다. theme.ts 를 활용하는건데, 보통 postcss sass 후처리/전처리 css 나 부트스트랩, 차크라, 테일윈드 같은 css 라이브러리도 많이 사용할텐데 저같은 경우에는 위에 나열한 css 를 많이 사용해본것도 아니지만 다른 것들에 비해 사용하기 편해서 Styled 를 사용해보려고 함 개인적으로 편한이유 1. 동적으로 스타일링 가능, props 로 동적으로 스타일링이 가능함, 2. 글 제목과 같이 공통적인 요소, 반본적인 요소등을 theme 에 정의해두고 사용가능, 물론 이 2가지의 이유도 전/후처리에서도 변수를 이용해서 글로벌하게 적용할수있겠지만 styl..
리액트를 배워보자
2022. 9. 11. 12:34