Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- 국비지원
- 백엔드
- 개발
- 풀스택
- expo
- 리엑트
- 국비 지원
- react
- 비전공자
- Spring
- Redux
- 자바
- 프론트엔드
- spring boot
- ffmpeg
- 프론트 엔드
- 리엑트 네이티브
- 개발자
- Java
- 스프링 부트
- 인스타그램
- 클론코딩
- 스프링
- 풀스택 개발자
- react-native
- react native
- 코딩
- 비전공
- 스타트업
- 상태관리
Archives
- Today
- Total
목록다크모드 (1)
오티스의개발일기
[REACT-NATIVE] Redux Toolkit 과 Styled Components를 사용하여 자동 다크모드 라이트모드 구현하기
오늘은 styled components를 사용하여 자동 다크모드와 라이트모드를 구현할것이다. #styled components 를 사용해야하는 이유 일단 사용방법은 그리 편하지는 않다 예를들어 style에 대한 코드를 작성할때 StyleSheet 를 사용할경우 어시스턴트가 잘되어있어 f 만처도 font-weight가 나오고 p 만 처도 padding이 나온다 본인은 주가 css 개발이 아니므로 나같은 사람한테는 매우 귀찮은 작업이다. 일단 인텔리제이와 vs코드에서 style components 를 사용했을시 어시스턴트가 안되는걸 확인했다. 그럼에도 불구하고 사용해야하는 이유는 바로 트랜드한 다크모드와 라이트 모드이다. 기본적으로 react는 기본 js처럼 css파일을 따로 만들고 공통적으로 쓸수가 없기때..
개발/react-native
2022. 12. 23. 16:38