🚨 error: ERR_INCOMPLETE_CHUNKED_ENCODING 해결 방법!

카카오 쇼핑하기 클론 코딩을 하는 과정에서 자주 본 에러 사항이다.
로그인 및 회원가입을 할 때, 로컬 스토리지의 token에 저장을 했다. axios를 이용해서 GET, POST 요청을 하고 나서 확인해보면

error: ERR_INCOMPLETE_CHUNKED_ENCODING

이런 오류가 나타난 것이다. 😱

구글링을 해보면 정확한 오류의 해결 방법이 나오지 않는다..
심지어 어떤 블로그에서는 갑자기 됐다 이런 식..ㅜ

해결 방법

나의 해결 방법은 바로..❗️

개발자도구 ➡️ 애플리케이션 ➡️ 로컬 스토리지 token 삭제

토큰을 삭제하는 것이다.

내가 해결하기 위한 했던 행동(?)들이다.

1. 일단 해당 오류가 뭔지 확인을 해본다.

   📌 ERR_INCOMPLETE_CHUNKED_ENCODING 오류는 웹 브라우저에서 웹 페이지를 로드하는 동안 발생할 수 있는 오류 중 하나이다.
   (💡 청크 에러 라고 검색하면 많은 에러 사항들이 있다.)

   📌 주로 HTTP 프로토콜의 전송 방식 중 하나인 "Chunked Transfer Encoding"을 사용하는 경우에 발생할 수 있는 것이다.
   (아무래도 프론트는 네트워크에 대해 좀 자세히 알아야 개발하는데 편리할 것 같다 🧐)

2. 이게 무엇인지도 궁금하니 찾아본다.

   📌 Chunked Transfer Encoding
   : 웹 서버가 데이터를 작은 청크로 나누어 전송하고, 각 청크가 얼마나 큰지 사이즈를 포함하여 전송하는 방식
   : 웹 페이지나 파일의 빠른 전송이 장점. 특히 서버가 내용의 전체 크기를 미리 알 수 없는 경우에 유용.
   

3. 왜 오류가 발생했는지 본다.
   (이유는 많다...ㅎ)

• 서버 문제: 웹 서버가 요청된 데이터를 제대로 처리하지 못해서 청크 전송이 불완전하게 되는 경우. 서버의 오류나 부하로 인해 발생!

• 인터넷 연결 문제: 인터넷 연결의 문제로 데이터가 중간에 끊기거나 손실되어 청크가 전부 도착하지 않은 듯

• 웹 브라우저 문제: 브라우저 자체의 문제(?)로 인해 오류가 발생.. 브라우저의 캐시나 확장 프로그램 등이 문제..?

• 보안 소프트웨어 문제: 보안 소프트웨어나 방화벽 등이 웹 페이지의 데이터 전송을 간섭하는 경우.

4. 보안 쪽은 내가 건드릴 수 없는 부분이었다. 내가 할 수 있는게 무엇인지 또 찾아본다.

• 페이지 새로 고침 (Reload) ➡️ 실패 ❌

• 인터넷 연결 확인 ➡️ 실패 ❌

• 다른 브라우저 사용 ➡️ 실패 ❌

• 웹 서버 상태 확인 ➡️ 실패 ❌ (문제없음.)

• 브라우저 캐시 지우기(토큰 삭제) ➡️ 성공 ⭕️

이렇게 오류를 해결했다 ~!

---

왜 캐시를 건드리니까 해결됐지?

먼저 로컬 스토리지를 알아야 한다.

로컬 스토리지 (Local Storage): 웹 브라우저에서 제공하는 웹 애플리케이션 데이터 저장소

웹 페이지는 로컬 스토리지를 사용해서 데이터를 클라이언트 측에 저장하기도 하고 나중에 사용할 수도 있는 것이다.

보통 웹 애플리케이션에서 사용자 인증 정보나 세션 상태를 저장하기 위해 토큰 (token)과 같은 중요한 데이터를 로컬 스토리지에 저장한다.
(나의 클론 프로젝트가 바로 이렇게 진행됨!)

고로 크게 두 가지의 이유가 있을 것으로 생각된다.

1️⃣ 로그인 상태 관리

프로젝트에서 로그인 및 회원가입 시, 사용자의 로그인 상태를 관리하기 위해 토큰을 사용한다. 이 토큰은 로그인된 사용자의 인증을 유지하고, 서버와의 통신에서 사용된다.

만약 토큰이 만료되거나 유효하지 않은 상태로 로컬 스토리지에 남아있었다면...❗️

서버와의 데이터 통신에서 오류가 발생할 수 있다~

2️⃣ 캐시 갱신

수많은 수정을 하는 중에,,, 캐시된 데이터로 인해 오류가 발생할 수 있다.

로컬 스토리지의 토큰 삭제는 캐시를 갱신하고 최신 데이터를 가져올 수 있는 기회를 제공하기에 해결이 됐을 것이다.ㅎ

---

왜 발생했는지, 왜 해결됐는지를 찾아보니까 갑자기 해결됐다는 블로그의 말이 이해가 되었다. 이런저런 정보들을 찾아보니까 흥미롭기도 하고 신기하기도 했다. 점점 빨간 글씨의 오류를 보는 재미가 생겼.......그래도 안 보는게 낫다 😅