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 문자열 압축
- 자바스크립트 스코프
- 자바스크립트 문자열 압축
- emotion RSC
- TypeError: createContext only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more:
- 스코프
- 카카오 코테
- 리액트쿼리 suspense
- emtion app router
- 프로그래머스 문자열 압축
- js 스코프
- 구름톤 챌린지 회고
- suspense 동작원리
- 백준 1339번 js
- 프로그래머스 거리두기 확인하기
- 구름톤 챌린지
- 사용성 개선
- 백준 1339번 자바스크립트
- 구름톤
- 옵셔널체이닝
- suspense 병목현상
- 백준 1339번 nodejs
- 백준 2108 nodejs
- app router emotion
- next13 emotion
- suspense react-query
- suspense 비동기
- js 거리두기 확인하기
- 백준 2108 자바스크립트
- js
Archives
- Today
- Total
목록next13 emotion (1)
Lennon FE
[Next.js 13] Emotion으로 app router RSC를 구성해보자
Next13의 app router 방식에서 현재 Emotion을 공식적으로 지원해주지 않는다.🥲 그렇지만 Project에서 Emotion lib를 사용하고, css속성을 사용하고, app router의 RSC를 사용하고 싶은 사람들이 있을까 봐(본인 포함!) 방법을 알려주려한다. 다들 알다시피 Emotion에 css 속성을 사용하려면 tsconfig.json에 "jsxImportSource": "@emotion/react", 위와 같은 속성을 넣어야 한다. 그러면 모든 태그에 css를 넣을 수 있어 아래처럼 작성할 수 있게 된다. import { css } from '@emotion/react'; 그렇지만 tsconfig에 "jsxImportSource": "@emotion/react", 위 속성을 가진..
🧑💻 Web/React
2023. 7. 17. 23:28