카테고리 웹·브라우저

브라우저 캐시, 쿠키, 접속 오류, 서버·CDN 최적화, 구글 서비스 등 웹 이용 전반의 문제 해결과 최적화

키보드 입력 안 됨, 드라이버부터 필터 키까지 점검 순서 7단계

컴퓨터나 노트북을 켜고 작업을 시작하려는데 갑자기 키보드 입력 안 됨 현상이 발생하면 당혹스러울 수밖에 없습니다. 마우스는 정상적으로 움직이는데 자판만 먹통이 되는 상황은 하드웨어 고장 외에도 운영체제 설정이나 보안 프로그램 충돌 등 다양한 원인으로 발생합니다. 이 글에서는 윈도우 환경에서 발생하는 키보드…

크롬 다운로드 실패와 위험한 파일 차단, 해제하는 법

인터넷 서핑 중 필요한 파일을 받으려 할 때 크롬 다운로드 실패 메시지가 나타나면 사용자는 당황하기 마련입니다. 브라우저가 사용자 안전을 위해 잠재적인 위협을 감지하고 동작을 멈춘 것인지, 혹은 단순한 시스템 오류인지 구분하기 어렵기 때문입니다. 이 현상은 크롬 브라우저의 자체 보안 엔진인…

해외직구 배송지 입력 오류 원인 8가지와 영문주소 점검 순서

해외직구 배송지 입력 오류 영문주소 점검 순서 안내 일러스트

해외직구 배송지 입력 오류는 결제까지 무사히 끝낸 주문이 며칠 뒤 반송 통보로 돌아오는 가장 흔한 원인입니다. 국내 쇼핑몰에 익숙한 사용자는 한글 주소를 그대로 옮겨 적거나 우편번호만 맞으면 된다고 생각하지만, 해외 판매자의 시스템은 한국의 도로명 체계를 이해하지 못한 채 입력값을 문자…

사이트 접속 안 됨 원인 8가지와 브라우저·DNS 점검 순서

브라우저에서 사이트에 접속되지 않고 연결이 끊긴 상황을 나타낸 일러스트

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

CORS 오류가 발생하는 이유 8가지와 서버 설정 확인법

CORS 오류가 발생하는 이유 8가지와 서버 설정 확인법

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

JavaScript 작동 안 함 원인 8가지와 Console 확인 순서

JavaScript 작동 안 함 원인 8가지와 Console 확인 순서

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

CSS 적용 안 됨 원인 9가지와 브라우저에서 확인하는 방법

CSS 파일은 내려왔지만 브라우저 화면에 스타일이 적용되지 않은 상태를 나타낸 일러스트

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

서버 파일 404가 브라우저에서만 나오는 이유 8가지

서버에는 파일이 있지만 브라우저 요청에서만 404가 반환되는 상황을 나타낸 일러스트

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

200 OK인데 화면이 안 나오는 이유 7가지와 확인 방법

요청은 200 OK로 성공했지만 브라우저 화면은 비어 있는 상황을 나타낸 일러스트

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

404 오류가 특정 파일에서만 발생하는 이유 9가지와 점검 순서

여러 파일 중 특정 파일 하나에서만 404 오류가 발생하는 상황을 나타낸 일러스트

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