Next.js 너란 애는 뭐니

버전 변경하고싶은 경우

기록을 목적으로 한 글입니다... 나중에 따로 정리할 예정..이번 프로젝트는 웹환경이며 push알람이 필요해서 pwa로 구현해보기로 했다.appDir:true 버전으로 만들기를 시도했다.유튜브 영상을 보면서 진행하였다.manifest-generator에서 manifes

push 알람 설정을 어떻게 해야하지?커스텀을 해야하는데 next-pwa를 사용하면 sw.js가 자동으로 생성되어서 커스텀파일을 어디에 해야할 지 모르겠었다. 어떻게 해결해야하는거지?!ㅠㅠcustom을 해주기 위해서 따로 파일을 만들어준다.next.config.js에서

Next.js 프로젝트에서 서비스 워커를 사용하여 push 기능을 구현해보았습니다.프로젝트가 백엔드 프레임워크로 spring을 사용하고 있기도하고 간단하게 push알람이 되는지 여부를 체크하기 위해서 따로 db를 만들지 않았습니다.push 기능을 위해서 위의 코드를 이

tailwind를 사용하는 중 아무리 h-full을 넣어도화면이 채워지지 않았다.그래서 개발자도구에서 확인하니id가 \_\_next인 div때문에 안된거였다.그래서 애플리케이션의 글로벌 스타일시트에 CSS 규칙을 추가하기위해서styles/globals.css.에 적용해

동적 경로에 대해 다른 슬러그 이름을 사용하려고 할 때 발생하는 오류.. store\-memberId\-storeId이런식으로 사용하려다가 unhandledRejection: Error가 났다해결방법은 동일한 동적 경로에 대해 한 개의 슬러그 이름만 사용하도록 한다.방

Next.js에서 소셜 로그인 후 토큰을 저장하는 것에 대한 문제가 발생하였다.토큰을 BFF에서 사용해야했기 때문에 로컬 스토리지에 저장하여 사용할 수 없는 상황이었다.그래서 클라이언트에서 받은 토큰을 BFF 서버에서 쿠키로 설정하는 방식을 택하였습니다.프로젝트에서 p

BFF 패턴으로 개발을 하려던 중에 multipart/form-data 형식으로 요청을 보내야 했었다. node.js에서는 formData를 사용할 수 없다?! FormData 객체는 웹 브라우저 환경에서 HTML 폼 데이터를 쉽게 처리하기 위해 제공되는 API라한다

\[Next.js] BFF 패턴에서 토큰 처리하고 axios 요청보내기에서 쿠키로 저장했던 토큰을 로그아웃 시 지우는 로직을 구현하였습니다.logout endpoint에 대한 요청을 처리하는 함수입니다.Set-Cookie헤더를 설정하여 token이라는 이름의 쿠키를 빈

Next.js에서 next/image 컴포넌트를 사용해 외부 호스트에서 호스팅하는 이미지를 렌더링하려면 해당 호스트를 next.config.js에서 허용을 해야한다!next.js에서는 보안을 위해서 허용되지 않는 호스트에서 이미지를 로딩하려고하면 시도하면 오류 메세지가

에러가 떴다. 이벤트 핸들러를 클라이언트 컴포넌트의 props로 전달할 수 없다는 의미이다. ClickButton 컴포넌트를 클라이언트 컴포넌트로 만들지 않아서 그런가 싶어 'use client'를 추가해주었다.그럼에도 같은 에러가 났다.Navbar가 서버 컴포넌트로