[Next일지, Chrome 브라우저일지..] 308 Redirect Status Caching 문제.

# 문제 상황

Next에서 테스트하고 싶은 기능이 있어서 yarn create next-app을 했다.

자연스럽게 yarn dev를 하고, http://localhost:3000에 접속하였다.

 

아니!! 이게 뭐지!! 갑자기 index.tsx를 무시하고 /home으로 redirection 되는 것이 아니겠는가!!!

이런 황당무개한 일이!!

분명 방금 create된 프로젝트이고, next.config.js에도 redirect 설정이 존재하지 않았다.

 

황당무개!! 엄청난 궁시렁 댐과 함께 삽질을 시작했다.

(옆에 사람이 없었던게 다행)

 

# 문제 원인

다양한 삽질을 했다. 추측이 캐시겠구나..였다.

Private 창으로 실행시켰다. 잘된다. 역시 맞다.

보통의 경우 "인터넷 기록 삭제"에서 캐시를 날림으로써 처리하겠지만..

나는 브라우저의 모든 캐시를 날리기 싫었다. 더 깊이 파본다.

 

## 무엇이 문제였을까..

직전 프로젝트의 next.config.js를 살펴본다.

아닛!! 딱봐도 수상한게 있다. 보안을 했던 사람으로서 CTF때의 직감으로 온몸이 찌릿찌릿 신호를 보내온다.

permanent?? 바로 검색 키워드를 날린다.

https://velog.io/@himprover/Nextjs-Redirect-%EC%98%B5%EC%85%98%EC%97%90-Permanent%EB%8A%94-%EB%AD%90%EC%A7%80

공식문서는 영어였기에..^^..

308 state code란다.

흠.. 다시 검색한다.

https://www.ryadel.com/en/clear-google-chrome-redirect-cache-for-single-url-page-howto/

방법을 찾았다.

개발자 도구 -> Network -> Disable Cache를 체크 -> ctrl/cmd + r -> Disable Cache 다시 비활성화(uncheck)

 

와. 된다.

짧지만 강렬한 캐시에 대한 경험이었다.(localhost는 브라우저 캐시 알아서 저장 안해주면 안되나.. 어차피 다 개발자들일텐데..)