Web2 Local Storage, Session Storage, Cookie 사용 용도와 차이점 정리 웹 서비스를 사용하다 보면 로그인 상태가 유지되거나, 다크 모드 설정이 저장되거나, 장바구니에 담은 상품이 그대로 남아있는 경우가 있다.이러한 기능은 브라우저가 데이터를 저장하기 때문에 가능하다.브라우저에서 데이터를 저장하는 대표적인 방법은 Local Storage, Session Storage, Cookie세가지가 있다.비슷해 보이지만 저장되는 위치와 사용 목적이 모두 다르기 때문에 상황에 맞게 사용하는 것이 중요하다.이번 글에서는 각각이 왜 필요한지부터 사용 방법, 차이점, 실무에서는 언제 사용하는지까지 알아보자.브라우저엔 왜 데이터를 저장할까?웹 페이지는 기본적으로 새로고침하거나 브라우저를 종료하면 JavaScript에서 관리하던 데이터가 모두 사라진다.예를 들어 사용자가 다크 모드를 선택했다고 가.. 2026. 7. 1. HTML 기본구조 1. HTML이 하는 일HTML은 “기능”을 만들기보다는 페이지 뼈대(구조)를 만든다.2. HTML 기본구조1. 문서 기본 선언 (DOCTYPE + html)HTML 문서임을 브라우저에 알려주는 영역: HTML5 문서라는 선언: 언어 설정 (SEO + 접근성에 영향) 2. head 영역 (설정 / 메타데이터 영역)화면에는 직접 안 보이지만 페이지 설정 전부가 들어가는 핵심 영역1) 기본 설정meta charset="UTF-8" → 한글 깨짐 방지viewport → 반응형 필수 설정2) SEO 관련 → 검색 결과 제목 → 검색 설명3) 외부 리소스CSS 연결폰트 / 아이콘 / 라이브러리JS (보통 body 끝에서 많이 씀) 3. body 영역 - 사용자가 실제로 보는 모든 UI 4. script 영역 .. 2026. 6. 11. 이전 1 다음
