이번 게시글에서는 Next JS 14에서 react-portal을 사용하여 custom hook을 어떻게 적용할 수 있는지에 대해서 알아보겠습니다.(개발환경 : NextJS 14, Typescript, tailwind-CSS)부모 컴포넌트의 DOM 계층 구조 바깥에 있

1. NextJS에서 SVGR 사용을 위한 환경 설정하기 NextJS에서 SVGR을 사용하기 위해서는 웹펙과 관련된 설정을 추가해야한다. 그렇기 때문에 우선 @svgr/webpack을 설치해준다. 설치에 성공했다면 next.config.js 파일에 들어가 다음처럼