#nextjs
Read more stories on Hashnode
Articles with this tag
자.. 역시 정리용 포스팅. 하지만 모달 같은 컴포넌트는 어느 프로젝트에서나 필요한 요소일 수 있기 때문에 한번 정리해두고 두고두고 참고해서 사용하자 중요한 포인트는 Redux 를 활용해서 언제든지 꺼내서 쓸 수 있을 것 Modal 에 text, 함수를 전달하여...
최근에 Next.js 13버전을 사용하여 사이드 프로젝트를 하고 있는데 전역 모달을 Redux로 만들기 위해 Provider 설정을 해야 했다. 하지만 app directory 에는 index.js 등 최상위 파일이라고 해야하나 비슷한건 있지만 대놓고는 없다는거.....
이전 포스팅으로 알아본 Redirect 와 비슷해보이지만 다른 Rewrite 에 대해 알아보겠습니다. 언제 사용할까 ? 내부적으로 복잡하게 되어있는 경로나 보안상에 민감한 url url 자체를 외부에 공개하기 원치 않을 때 해당 url 를 다른 것으로 대체 할...
리다이렉트란 사용자가 특정 경로로 접근 했을 경우 페이지가 삭제 되거나 경로가 변경된 경우 또는 접근 권한이 없는데 접근을 시도 했을 때 다른 페이지로 리다이렉트 이동을 시킬 수 있습니다. 1. next.config.js 에서 설정하는 방법 permanent...
이미지와 마찬가지로 폰트 또한 Next 에서 최적화하여 지원해줍니다. Next.js 에서 Fonts 를 사용하는 방법에 대해 알아봅시다. 사용하지 않은 경우(일반적) 이전 이미지에서 잠깐 layout shift 에 대해서 언급하고 지나왔습니다. 일반적으로 폰트를...
Next.js 에서 이미지를 불러오는 방법부터 살펴보겠습니다. 먼저 public 폴더 안에 image 라는 폴더를 생성 후 이미지 파일을 넣었습니다. 똑같이 img 태그를 사용 할 수 있지만 이미지를 위한 최적화된 태그인 <Image> 를 사용 합니다. 기본적으로...
