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