middleware
-
미들웨어(프록시)로 유연하게 처리 해보기프론트엔드 2026. 6. 21. 22:31
다시 한번- 더 해빗(TheHabit)이라는 습관 형성 챌린지 서비스를 다시 만들면서 겪은 이야기입니다.- 온보딩 페이지를 구현하면서 고려하지 못한 부분에 대해서 보완해보고자 프로젝트를 다시 시작했습니다. - 과거에 왜 하지 않았을까 생각해봤을때 딱 아래 사진과 똑같았습니다. - 예외 처리 혹은 다른 여러가지 상황을 고려하지 못했던거 같습니다. - 일단 작동하니 넘겼던 과거를 후회하면서... - 여러 예외 상황 등을 바로 잡아보고자 합니다. 과거의 구현이 어떻게 되었고 현재 어떻게 수정할지에 대해// 쿠키를 날것으로 직접 읽었음const token = req.cookies.get('next-auth.session-token')?.value;console.log('pathname', pathname..
-
Next.js 미들웨어로 온보딩 접근 제어 구현하기프론트엔드 2025. 8. 13. 20:00
프로젝트에 미들웨어 도입하기 - 미들웨어??? 🤔 미들웨어란 요청과(requset)와 응답(response) 사이에 동작하며, 일종의 중간다리 역할이다. Next.js에서는 middleware.ts 파일을 루트에 두면 페이지·API 요청 시 자동으로 실행된다.핵심은 페이지가 렌더링되기 전에 실행된다는 점이다. 예시)클라이언트 → [미들웨어] → 서버 로직서버 로직 → [미들웨어] → 클라이언트-> 이처럼 미들웨어는 중간다리 역할을 한다. Next.js 미들웨어 실행 순서Next.js 미들웨어는 Edge Runtime 위에서 실행된다. 일반 Node.js 환경과 다르다.Next.js에서 요청이 들어오면 다음 순서로 처리된다.1. 요청 수신2. middleware.ts 실행 ← 여기서 가로챔3. 통..