“Content-Type”, 서버는 내가 보낸 데이터를 어떻게 알아볼까?
들어가며 웹 개발을 하다 보면 이런 상황이 한 번쯤 생긴다. 분명히 서버에 데이터를 보냈는데 서버에서 제대로 읽지 못한다.JSON으로 보냈다고 생각했는데 서버에서는 일반 문자열처럼…
IT
“User-Agent”, 내가 크롬을 쓰는지 서버는 어떻게 알까?
들어가며 웹사이트를 이용하다 보면 신기한 일이 있다. 같은 주소로 접속했는데 어떤 브라우저에서는 화면이 다르게 나오고, 모바일로 접속하면 모바일 전용 화면이 나타난다. 서버는 내가…
“Keep-Alive: timeout=20″이라고? 20초 뒤에 연결이 무조건 끊기는 건 아니다
들어가며 Chrome 개발자 도구의 Network 탭을 보다 보면 HTTP 헤더에서 낯익은 문구를 발견할 때가 있다. 처음 보면 상당히 단순해 보인다. “아, 서버가 연결을 20초…
“Connection keep-alive”, 요청할 때마다 서버에 다시 연결한다고?
들어가며 웹사이트를 개발하다 보면 Chrome 개발자 도구의 Network 탭에서 이상하게 자주 보이는 값이 하나 있다. 바로 HTTP 헤더에 표시되는 ‘Connecti…
“Fetch/XHR”, 화면에 보이는 데이터 대체 어디서 가져온 걸까?
들어가며 웹사이트를 개발하다 보면 이상하게 궁금해지는 순간이 있다. 화면에는 분명 데이터가 표시되고 있는데, HTML 소스를 열어봐도 그 데이터가 보이지 않는다. 상품 목록도 그렇…
“Storage Buckets”, 저장한 데이터가 전부 같이 지워진다고?
들어가며 웹 서비스를 만들다 보면 어느 순간부터 브라우저에 저장해야 할 데이터가 꽤 많아진다. 로그인 상태나 사용자 설정처럼 간단한 데이터는 Local Storage에 넣을 수 있…
“Private State Tokens”, 쿠키도 아닌데 브라우저에 토큰이 있다?
들어가며 크롬 개발자 도구를 열어보면 생각보다 많은 저장 공간과 기능이 등장합니다. Cookies, Local Storage, Session Storage, IndexedDB, C…
“Shared Storage”, 개발자 도구에 왜 이런 저장소가 있지?
들어가며 개발자 도구의 Application 탭을 열어보면 생각보다 많은 저장소가 등장합니다. Cookies, Local Storage, Session Storage, Indexe…
“Extension Storage”, 크롬 확장 프로그램은 데이터를 어디에 저장할까?
들어가며 크롬을 사용하다 보면 정말 많은 확장 프로그램을 설치하게 됩니다. 광고를 차단하는 확장 프로그램부터 비밀번호 관리 도구, 번역 도구, 개발자를 위한 각종 편의 기능까지 종…