profile
주니어 프론트엔드 개발자 입니다.

Next.js Deep dive : Response and Redirections

middleware를 사용해서 router에 대한 Response를 설정 할 수 있다. 그리고 NextResponse.redirect()를 통해서 redirect 할 수 있다. 클라이언트에서 커스텀 훅을 통해서 페이지를 가드하는 방법도 있지만, 그 방식은 가드가 적용되

2022년 6월 7일
·
0개의 댓글
·

useMutation

SWR에서는 get 요청 외에 post요청에 대한 훅은 별도로 제공하고 있지 않아서 직접 구현해서 사용해야 한다. react-query 나 apollo 로부터 그 방법을 착안하여 useMutataion이라고 칭한다.return 값은 data를 post 요청하는 함수와

2022년 3월 13일
·
0개의 댓글
·

withHandler

각각의 API에서 공통적으로 처리해야 할 로직을 처리한다. withHandler사용함으로서 코드의 중복을 방지한다. 예를 들어, method 검증이나 또는 로그인/비로그인 상태에 따라 redirect 시키는 로직등이 있을 것 같다.

2022년 3월 13일
·
0개의 댓글
·

Next.js API 만들기 - handler와 withHandler

Next.js에서 제공하는 api 기능을 이용해서, api 서버를 만들어 보자. 단순한 mock-data가 아니라, orm을 통해 실제 db와 연결시키고 이것을 통해 온전한 app을 만들 수 있다.pages 폴더 내에 api 폴더를 생성하고, 임의의 폴더를 생성한다.

2022년 2월 21일
·
0개의 댓글
·

[Next.js] 환경변수가 undefined 일 때

환경변수가 안보여.....

2021년 10월 12일
·
0개의 댓글
·

[Next.js] 어떤 렌더링 방식을 사용해야 할까?

효율적인 렌더링 방식 선택하기

2021년 10월 12일
·
0개의 댓글
·
post-thumbnail

[SWR] 동적으로 받은 End-Point의 초기값이 undefined 일 때

useSWR에 들어가는 End-Point가 undefined 일 때 처리 하는 방법

2021년 10월 10일
·
0개의 댓글
·

[Next.js] Pre-rendering

Pre-rendering의 종류를 알아보고, 어떤 경우에 SSR, SG, CSR를 사용해야 하는지 고민해보자.

2021년 10월 10일
·
0개의 댓글
·
post-thumbnail

[Next.js] Set Routes

Next.js Routing 설정하기

2021년 10월 8일
·
0개의 댓글
·
post-thumbnail

[Next.js] Start Build

Next.js 빌드하기

2021년 10월 7일
·
0개의 댓글
·