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 플래그: 해당 플래..

Error 객체JavaScript의 모든 예외는 Error 객체 혹은 Error 객체를 상속받은 객체를 통해 표현Error 객체에는 여러 속성이 있지만 주로 사용되는 속성name: 예외 이름message: 예외 메시지 1) 예외 객체예외가 발생하면 예외와 발생된 정보를 확인 할 수 있는 객체let myError = new Error("무언가 잘못되었습니다."); - 사용자 정의 에러를 생성 throw myError;예외 객체는 catch 블럭의 괄호 안에 입력됨 - 주로 exception | e라는 식별자를 사용 2) 예외 강제 발생throw 키워드를 사용예외를 명시적으로 발생시키는 데 사용throw 다음에는 어떠한 값이나 표현식도 작성 가능 - 표현식의 평가 결과가 예외 값으로 사용 3) 단순 예외 발..

HTML 코드  1. 구문 오류와 예외오류(Error, 에러): 부정확하거나 유효하지 않은 동작오류의 종류 : 프로그래밍 언어의 오류(2가지)프로그램 실행 전에 발생하는 "구문 오류"프로그램 실행 중에 발생하는 "런타임 오류(예외)"구문 오류프로그램 코드를 작성할 때 발생하는 오류프로그램의 문법이 언어의 정의된 규칙을 따르지 않을 때 발생EX) 괄호를 닫지 않거나, 잘못된 키워드를 사용하는 경우 등 : 구문 자체의 오류가 있으면 웹 브라우저가 코드를 분석 조차 하지 X >> 실행 X런타임 오류(예외)프로그램의 실행 중에 발생하는 오류예측 가능한 비정상적인 조건 또는 예외적인 사건을 의미 : 코드가 순차적으로 실행되다가 오류가 위치하는 부분 이후에는 실행이 중단EX) 파일을 찾을 수 없거나, 잘못된 입력..