Ted's Codding study

HTML 코드 방문자 수 카운터 이 페이지의 방문자 수: 0 CSS 코드body, html { margin: 0; padding: 0; background-color: #f4f4f4;}.app { background: white; max-width: 400px; margin: 50px auto; padding: 20px; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,0.1);}JS 코드document.addEventListener('DOMContentLoaded', () => { const visitCountElement = document.getElementById('visitCount'); //& 방문 횟수를 업데..

1. 쿠키 접근 및 읽기document.cookie 속성을 사용이 속성은 쿠키를 세미콜론(;)으로 구분된 이름=값 쌍의 문자열로 반환특정 쿠키의 값을 읽기 위해서는 해당 문자열을 파싱2. 쿠키 값을 가져오는 방법document.cookie에서 반환된 문자열을 분석특정 쿠키의 이름을 찾아 그 값을 추출쿠키 문자열 분리 :document.cookie로부터 반환된 문자열을 세미콜론을 기준으로 분리하여 개별 쿠키를 배열로 변환쿠키 파싱 : 각 쿠키 문자열을 = 기호를 사용하여 이름과 값으로 분리값 추출 : 특정 이름을 가진 쿠키의 값을 찾기사용 예제: 사용자의 'username' 쿠키 값을 검색하고 콘솔에 출력// document.cookie = 'username= tedBlue1; path=/;'; // 앞선..

1. 쿠키의 정의쿠키는 웹 사이트가 사용자의 브라우저에 저장하는 작은 텍스트 파일사용자가 웹 사이트를 방문할 때마다 서버에 의해 생성되며, 브라우저는 이 쿠키를 로컬 컴퓨터에 저장하고 있다가 각 요청 시 서버로 다시 전송웹 사이트는 사용자의 세션 또는 특정 기간 동안 지속적인 상태 정보를 기억 가능2. 쿠키의 구조쿠키는 일반적으로 다음과 같은 구성 요소를 포함이름: 각 쿠키를 식별하는 고유한 이름값: 서버가 각 쿠키에 저장하는 정보의 문자열만료 날짜: 쿠키의 수명을 결정 해당 날짜가 지나면 쿠키는 더 이상 유효 X경로: 쿠키를 전송할 요청의 URL 경로도메인: 쿠키를 보낼 수 있는 도메인Secure 플래그: 해당 플래그 설정 시 쿠키는 HTTPS 프로토콜을 통해서만 전송HttpOnly 플래그: 해당 플래..