NextJS에서 ToastUi-Editor 사용하기(feat. TS)
고려해야할 점1. Next는 SSR이라서 클라이언트에서만 ToastUi-Editor를 dynamic import를 해와야함 2. Next에서의 환경변수는 .env.local파일안에서 클라이언트에서만 사용할 것은 밑에 처럼 NEXT_PUBLIC_ 키워드가 앞 에 붙어야한다3. dynamic import를 사용했기에 ref를 제대로 가져오지 못한다 그래서 React.fowardRef()를 사용해서 ref를 가져와야함 dynamic import React.fowardRef()참고자료https://myeongjae.kim/blog/2020/04/05/tui-editor-with-nextjshttps://velog.io/@broccoliindb/Next.js-Editor-SSR-REF-이슈https:/..
개발/개발일지
2022. 5. 10. 13:57
TAG
- NextJS
- styled component
- 웹 접근성
- 노션
- 브라우저
- IP
- 선언적 프로그래밍
- s3
- server
- 철학
- React
- 실용주의 프로그래머
- CSR
- 성능최적화
- toast
- Next
- 프론트엔드
- HTTP
- lazyloading
- SSG
- Proxy
- editor
- https
- Typescript
- Next.js
- 도메인
- base64
- 궁금증
- Section
- SSR
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
글 보관함
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
반응형