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 | 31 |
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:
- 사용성 개선
- js 거리두기 확인하기
- 구름톤 챌린지 회고
- 옵셔널체이닝
- 백준 1339번 자바스크립트
- 백준 2108 nodejs
- next13 emotion
- suspense 비동기
- 리액트쿼리 suspense
- 백준 1339번 js
- 프로그래머스 거리두기 확인하기
- 백준 1339번 nodejs
- 구름톤 챌린지
- app router emotion
- 자바스크립트 스코프
- 프로그래머스 문자열 압축
- 구름톤
- 백준 2108 자바스크립트
- 자바스크립트 문자열 압축
- suspense 병목현상
- js 문자열 압축
- suspense 동작원리
- js 스코프
- suspense react-query
- 스코프
- emtion app router
Archives
- Today
- Total
목록next13 emotion RSC (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