“Cache Storage”, 인터넷이 느린데 사이트는 왜 이렇게 빨리 뜰까?
들어가며 웹사이트를 처음 방문했을 때는 이미지도 많고 파일도 많아서 로딩이 조금 느린데, 같은 페이지를 다시 열어보면 갑자기 빨라지는 경우가 있습니다. 특히 이미지가 많은 사이트나…
IT
“Cookies”, 로그인은 어떻게 기억할까?
들어가며 웹사이트에 로그인하고 브라우저를 닫았다가 다시 접속했는데도 로그인이 유지되는 경우가 있습니다. 분명히 웹페이지를 닫았는데 사이트는 내가 누구인지 알고 있습니다. 그렇다면 …
“Session Storage”, 브라우저를 닫는 순간 사라진다
들어가며 웹사이트를 개발하다 보면 브라우저에 데이터를 저장해야 하는 순간이 생각보다 자주 생깁니다. 로그인 상태를 유지하거나, 사용자가 선택한 옵션을 기억하거나, 페이지를 이동해도…
“IndexedDB”, 웹사이트 데이터가 이렇게 많이 저장된다고?
들어가며 웹사이트를 개발하다 보면 브라우저에 데이터가 저장되는 모습을 직접 확인해야 할 때가 있습니다. 처음에는 대부분 Local Storage부터 확인하게 됩니다. 로그인 상태나…
“Local Storage”에 저장된 데이터, 대체 어디에 쓰이는 걸까?
들어가며 웹사이트를 개발하거나 다른 웹서비스의 동작을 살펴보다 보면 한 번쯤 “이 데이터는 어디에 저장되어 있는 거지?”라는 생각이 들 때가 있습니다. 특히 로그인 상태나 사용자의…
뜨거운 커피는 왜 식을까? 열의 이동 ‘전도·대류·복사’
들어가며 뜨거운 커피를 책상 위에 올려두면 시간이 지나면서 식습니다. 한여름 뜨거운 아스팔트 위에 서 있으면 발밑에서 열기가 올라오는 것처럼 느껴지기도 하죠. 겨울에는 난로 가까이…
“disabled”라고 다 같은 게 아니다 – HTML 속성과 CSS 클래스의 결정적 차이
들어가며 웹페이지를 만들다 보면 이런 코드를 자주 만나게 됩니다. 그런데 조금 더 코드를 들여다보면 이런 것도 보입니다. 둘 다 화면에서는 비슷하게 회색으로 보일 수 있습니다. 그…
“HTML Escape”, XSS를 막는 가장 기본적인 방법
들어가며 웹 개발을 하다 보면 사용자에게 입력받은 내용을 다시 화면에 보여줘야 하는 경우가 정말 많습니다. 게시판 제목, 댓글, 검색어, 회원 이름, 문의 내용 등 생각보다 많은 …
“타이밍 공격”, 서버 응답 시간만 보고 비밀번호를 추측한다고?
들어가며 웹 서비스를 운영하다 보면 보통 보안 정보는 직접 노출되지 않도록 관리합니다. 비밀번호는 암호화하거나 해시해서 저장하고, API 응답에도 민감한 정보를 넣지 않습니다. 그…