개발자 시선

  • 홈
  • 태그
  • 방명록

Portal 1

Next.js 에서 ReferenceError: document is not defined 에러 해결하기

문제 상황저는 평소에 컴포넌트를 만들 때 document나 window를 useEffect 밖에 선언해서 사용을 하지 않는 편입니다.근데 이번에 모달 컴포넌트를 만들 때 React 18 공식 문서에 나와있는 createPortal 예제(링크)를 보면서 만들다가 document를 사용하게 되었습니다. 이 때  ReferenceError: document is not defined  에러를 만나게 되었죠.  기존에 모달 컴포넌트를 만들 때도 createPortal을 사용했었는데, 항상 ref에 document를 저장해서 사용했었기 때문에 createPortal에 바로 document를 넣어서 사용한 것은 처음이었습니다.(참고로 아래 코드도 초창기 React 16 버전 공식 문서를 참고해서 만들었던 걸로 기억..

개발 지식/next.js 2024.09.21
이전
1
다음
더보기
프로필사진

개발자 시선

개발자 시선으로부터-

  • 분류 전체보기 (20)
    • 개발 지식 (16)
      • git (1)
      • react (1)
      • css (1)
      • next.js (1)
      • tailwind css (1)
      • UI와 UX (5)
      • Flask와 Jinja2 (4)
      • 알고리즘 (1)
      • 웹 성능 최적화 (1)
      • 라이브러리 만들기 (0)
    • 프론트엔드 실무 (0)
      • 회고록 (0)
      • 커뮤니케이션 (0)
    • 개발하는 일상 (3)
    • 독서 (1)

Tag

Prettier, 개발, react, react-pdf변환, Portal, 웹 성능 최적화, 컨펌셰이밍, 바이브코딩, 충주맨, 데이터 결산 서비스, 모바일웹, git, 말풍선, 독서, 시각적 무게, 시각적 앵커, 약관 동의 UI, next.js, 오픈소스기여, PDF, ai, flask, 성장일지, 김선태, 회고, UI/UX, tailwindcss, 피츠의 법칙, 홍보의신, jinja2,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Copyright © AXZ Corp. All rights reserved.

티스토리툴바