평소 잘 이용하던 웹사이트에 접속하려 할 때 갑자기 사이트 접속 안 됨 현상이 발생하면 누구나 당황하기 마련입니다. 네트워크 연결 선로에 물리적인 손상이 생긴 것인지, 아니면 개인 컴퓨터 내부의 설정 오류나 방문하려는 대상 서버의 장애 때문인지 단번에 파악하기는 어렵습니다. 이러한 접속…

스크립트에서 다른 도메인의 데이터를 불러오려 하면 Console에 출처 관련 붉은 메시지가 뜨고 요청이 실패합니다. CORS 오류는 서버가 고장 난 것이 아니라, 브라우저가 안전을 위해 응답을 읽지 못하도록 막은 결과입니다. 서버는 대부분 정상적으로 응답을 보냈습니다. 다만 그 응답에 “이 출처가 읽어도…

스크립트 파일은 Network 탭에서 200으로 잘 내려왔는데 버튼을 눌러도 아무 반응이 없습니다. JavaScript 작동 안 함 상황은 파일이 도착했다는 사실과 코드가 끝까지 실행되었다는 사실이 별개라는 데서 시작합니다. 브라우저는 파일을 받은 뒤 해석하고 실행합니다. 이 과정에서 예외가 하나만 발생해도 그 뒤…

개발자 도구 Network 탭에서 스타일시트는 분명히 200으로 내려왔습니다. 그런데 화면은 스타일이 하나도 입혀지지 않은 상태입니다. CSS 적용 안 됨 문제는 파일이 도착했는지와 그 파일이 실제로 화면에 반영되는지가 별개라는 데서 출발합니다. 브라우저가 스타일시트를 받아들이려면 형식이 맞아야 하고, 문법이 깨지지 않아야 하며,…

FTP나 파일 관리자로 접속하면 파일이 분명히 그 자리에 있습니다. 그런데 브라우저 주소창에 경로를 입력하면 404가 돌아옵니다. 서버 파일 404 상황은 파일의 존재 여부가 아니라 “브라우저가 요청한 주소가 그 파일을 가리키고 있는가”의 문제입니다. 웹 서버는 디스크의 폴더 구조를 그대로 공개하지 않습니다.…

개발자 도구를 열어 보면 모든 요청이 초록색 200 OK인데, 정작 화면은 하얗게 비어 있거나 레이아웃이 무너져 있는 경우가 있습니다. 요청이 전부 성공했는데 결과가 정상이 아니라는 점에서 원인을 찾기가 까다롭게 느껴집니다. 200 OK는 “서버가 요청을 받아 응답 본문을 정상적으로 돌려주었다”는 뜻일…

사이트 전체는 정상인데 이미지 한 장, 스크립트 하나에서만 붉은 줄이 뜨는 경우가 있습니다. 전체가 안 열리는 상황이라면 서버나 도메인을 의심하겠지만, 404 오류가 특정 파일에서만 나온다면 원인은 훨씬 좁은 곳에 있습니다. 404는 서버가 요청을 정상적으로 받았지만 그 경로에 해당하는 자원을 찾지…

웹사이트가 겉으로는 잘 열리는데 개발자 도구를 열어 보면 Network 탭에 붉은 줄이 여러 개 보이는 경우가 있습니다. 이 붉은 줄은 브라우저가 어떤 파일을 요청했다가 실패했다는 표시입니다. 개발자 도구 Network 오류는 원인이 하나가 아니라, 요청 단계마다 다른 이유로 발생합니다. 중요한 것은…

웹사이트를 새로 고쳤는데 개발자 도구 Network 탭에 초록색 200이 아니라 304 Not Modified가 줄줄이 표시되면, 무언가 잘못된 것처럼 보입니다. 결론부터 적으면 304 Not Modified는 오류가 아닙니다. 서버가 “요청한 파일이 마지막에 받아 간 것과 같으니 다시 내려보내지 않겠다”고 알려 주는 정상…