학교 가기 전에 포폴 사이트 한번 더 점검하려고 들어갔더니 이런 에러가 떴다... 하
에러에 더해, 자꾸만 http://www.gstatic.com/generate_204 라는 정체 모를 링크로 리다이렉팅이 됐다.

이 URL은 아래와 같은 사이트라고 한다...

며칠 전 컴공과 친구들 만나서 서버 유지보수? 배포? 관리? 짱 쉽돈데?? 걍 넷리파이가 해주는 거 아님? 하고 낄낄댔던 게 부끄러워졌다...

내 도메인: 아이네임즈에서 구매 후 Netlify로 배포, Netlify DNS 사용

해결하기 위해 시도해 본 방법

1. Netlify의 SSL/TLS 인증 설정 확인

에러에 대해 찾아보니,

SSL/TLS 가 제대로 설정되지 않았거나 브라우저가 SSL 연결을 설정하는 데 실패했을 때 발생합니다. 이 오류는 일반적인 HTTPS 설정과 관련 문제입니다.

라는 설명을 찾을 수 있었다.
netlify에서 자동으로 해 주는 https 설정에 문제가 있겠거니... 하고 netlify에 접속했다.

역시나 SSL/TLS 인증서가 갱신되지 않아, HTTPS가 활성화 되지 않아 있었다.

인증서 강제 갱신 후에 해결됐겠지 룰루랄라 새로고침을 해 보았는데, 해결되지 않았다.

2. 브라우저 캐시 삭제

chrome://net-internals/#dns

위 링크로 접속해 크롬 브라우저의 캐시를 삭제 후 페이지를 새로고침했더니 정상적으로 떴다.
엥? 근데 학교 갈 준비를 마치고 다시 한번 새로고침 했더니 똑같은 에러가 발생해 있었다.

완벽한 해결법이 아니라는 것...

💖 3. _redirects 파일 생성

_redirects 파일은 특정 URL 요청을 원하는 경로로 리다이렉트하거나, 특정 조건에 따라 URL을 처리할 규칙을 정의하는 설정 파일이다.

1. Netlify는 자체적으로 HTTPS 리다이렉트를 지원하지만, 커스텀 설정 없이 기본 제공 기능에 의존할 경우, HTTP/HTTPS 간 비일관성이나 서브도메인(www) 충돌 문제가 발생할 수 있음.

2. Netlify에서 호스팅하는 프로젝트가 React와 같은 SPA임.
   SPA는 브라우저에서 요청된 경로를 서버가 이해하지 못할 경우 404 에러를 반환할 수 있음.
   _redirects 파일의 설정으로 이런 상황을 방지하고 모든 요청을 index.html로 전달할 수 있음.

3. 잘못된 리다이렉트나 HTTP/HTTPS 비일관성으로 인해 브라우저가 쿠키를 잘못 처리하는 경우, _redirects 파일로 명확한 리다이렉트 규칙을 제공하면 이 문제를 완화할 수 있음.

다음과 같은 이유로 _redirects 파일을 생성한 후,
HTTPS 강제 리다이렉트하는 코드를 추가했다.

코드 설명

https://jaerim.kr/* https://www.jaerim.kr/:splat 301!
http://jaerim.kr/* https://www.jaerim.kr/:splat 301!

• 모든 요청(HTTPS/HTTP)을 https://www.jaerim.kr로 리다이렉트함.
• /: 는 모든 경로를 의미하며, /:splat는 해당 경로를 그대로 전달함.
• 301!:
  301 영구적인 리다이렉트를 의미함.
  ! 강제 리다이렉트를 의미하며, 다른 설정을 무시하고 이 규칙을 우선적으로 적용함.

/* /index.html 200

• React, Vue와 같은 SPA에서 클라이언트 사이드 라우팅이 제대로 작동하도록 설정함.
• /*: 모든 경로를 대상으로 설정.
• /index.html: Netlify는 모든 요청을 index.html로 전달함.
• 200: HTTP 상태 코드로, 리소스가 성공적으로 반환되었음을 나타냄.

최종 코드

// _redirects 

https://jaerim.kr/* https://www.jaerim.kr/:splat 301!
http://jaerim.kr/* https://www.jaerim.kr/:splat 301!

/* /index.html 200

이렇게 _redirects 파일을 루트 경로에 생성했더니 문제가 깔끔하게 해결되었다.

에러 원인 분석하고 수정하는 건 즐겁지만, 마주할 때마다 심장이 아프니까 내 사이트가 더 이상 문제 일으키지 않았으면 좋겠다.