All :L

📒 Web Storage1️⃣ 기본 구성키(key)와 값(value) 세트도메인과 브라우저별로 저장value : 문자열2️⃣ 메소드와 프로퍼티setItem(key, value) : 키와 값 쌍으로 저장getItem(key) : 키에 해당하는 값 읽기removeItem(key) : 키에 해당하는 값 삭제clear() : 모든 키 값 삭제key(index) : 인덱스에 해당하는 키length : 저장된 아이템 개수3️⃣ LocalStorage데이터를 사용자 로컬에 보존저장, 덮어쓰기, 삭제 등 조작 가능JS로만 조작모바일에서도 사용 가능Cookie와 차이점유효 기간 X → 영구적 이용 가능단순 문자열외 객체 정보 저장 가능용량제한 X / 쿠키는 도메인 당 20개의 쿠키 수 제한네트워크 요청 시 서버로 전송..

📒 JSON1️⃣ JSON(JavaScript Object Notation)사람이 읽을 수 있는 텍스트 기반의 데이터 교환 표준전달받은 데이터의 무결성을 직접 검증텍스트 기반 → 프로그램에 독립적(어떠한 프로그래밍 언어와 플랫폼에서도 사용 가능)MIME 타입 : applicatoin/json2️⃣ JSON과 XML 비교 JSONXML종료 태그없음-구문짧다길다데이터 읽는 속도빠름느림배열 사용가능불가능파서함수로 변환해 사용 가능XML 파서 필요처리 속도빠름느림3️⃣ JSON 구조name - value 형태의 쌍으로 이루어진 collection 타입의 데이터객체의 경우 : 중괄호 {}배열의 경우 : 대괄호 []4️⃣ JSON 자료형Number : 정수, 실수(고정, 부동 소수점)String : 유니코드, “..

📒 EVENT1️⃣ 이벤트 (Event)웹 페이지에 여러 종류의 상호작용이 있을 경우 이벤트 발생다양한 종류(마우스 클릭, 키보드 누르기 등)의 이벤트 존재JS를 사용해 DOM에서 발생하는 이벤트 감지 → 이벤트 대응 작업 수행일반적으로 함수와 연결 → 함수는 이벤트가 발생되기 전에 실행 X → 이벤트 발생 시 실행이벤트 핸들러(Handler) or 이벤트 리스너(Listener)라고 함. → 이벤트 발생시 실행해야 하는 코드 작성2️⃣ 이벤트 종류마우스 이벤트웹 어플리케이션에서 가장 많이 사용하는 이벤트마우스 이벤트 핸들러에 전달되는 이벤트 객체는 마우스 위치, 버튼 상태 등의 정보가 있음onclick , ondbclick , onmouseup, onmousedown 등키보드 이벤트키보드 커서가 웹 ..

📒 Web Browser와 Window 객체1️⃣ Window 객체웹 브라우저에서 작동하는 JS의 최상위 전역 객체브라우저와 관련된 여러 객체와 속성, 함수 존재JS에서 기본 제공하는 프로퍼티와 함수도 포함BOM(Browser Object Model)로 불리기도 함.2️⃣ Window 객체 alert, confirm, promptwindow 객체 함수 호출 시 브라우저에서 제공하는 창 생성alert() : 브라우저 알림 창confirm() : 브라우저 확인/취소 선택 창prompt() : 브라우저 입력창3️⃣ Window 객체 navigator브라우저 정보가 내장된 객체navigator 정보로 서로 다른 브라우저 구분 가능, 브라우저별 다르게 처리 가능HTML5에서는 위치 정보 알려주는 역할 가능4️⃣..

📒 JavaScript 객체1️⃣ 객체이름과 값으로 구성된 프로퍼티의 집합문자열, 숫자, boolean, null, undefined를 제외한 모든 값js 객체 : 키와 값으로 구성된 프로퍼티들의 집합전역 객체를 제외한 js 객체는 프로퍼티를 동적으로 추가하거나 삭제가능함수는 일급 객체이므로 값으로 사용 X → 프로퍼티의 값으로 함수 사용 가능프로토타입이라는 특별한 프로퍼티 포함2️⃣ 객체 생성객체 리터럴가장 일반적인 방법{}를 사용해 객체 생성{}내에 1개 이상의 프로퍼티를 추가해 객체 생성사용 방법var obj = {};Object 생성자 함수new 연산자와 Object 생성자 함수 호출해 빈 객체 생성빈 객체 생성 후 프로퍼티 or 메소드 추가해 객체 완성사용 방법var obj = new Obje..

📒 JavaScript1️⃣ JS프로토타입 기반의 스크립트 프로그래밍 언어로 객체지향 개념 지원2️⃣ 특징HTML, CSS와 함께 웹을 구성하는 요소 중 하나웹 브라우저에서 동작하는 유일한 프로그래밍 언어개발자가 별도의 컴파일 작업을 수행하지 않는 인터프리터 언어명령형, 함수형, 프로토타입 기반 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어📒 JavaScript 시작1️⃣ 선언HTML에서 JS를 사용하려면