- history 객체 브라우저의 히스토리 정보를 문서와 문서 상태 목록으로 저장하는 객체이다. 사용자의 개인 정보를 보호하기 위해 이 객체의 대부분의 접근 방법을 제한한다. 함수 의미 back() 뒤로 이동 forward() 앞으로 이동 go(0) == location.reload() 새로고침 - navigator 객체 브라우저 공급자 및 버전 정보등을 포함한 브라우저에 대한 정보를 저장하는 객체이다. 모바일에서는 GPS 정보를 갖고올 수 있다. geolocation : GPS 정보를 수신하는 프로퍼티 navigator 객체 사용해보기! navigator 현재 사용하는 와이파이 기지국의 위도와 경도를 출력하는 것을 확인 할 수 있다. - 문서 객체 모델 (Document Object Model) HTM..

- 화살표 함수 ECMA Script에 추가된 문법 function 키워드를 사용하여 만드는 것보다 간단하게 표현 가능하다. 화살표 함수는 항상 익명이다. const 함수명 = () => { 함수 호출시 실행할 문장; ... } 1) 매개변수가 있는 경우 const sum = function(x,y) { console.log(`두 수의 합 : ${x+y}`); } const sum = (x,y) => console.log(`두 수의 합 : ${x+y}`); 2) 리턴 값이 있는 경우 const result = function(x,y) { let sum = 0; for(let i=x; i x * x; 화살표 함수 사용해보기! const func1 = (x,y) => { let sum = 0; for(let..

- 배열(Array) 이름과 인덱스로 참조되는 정렬된 값의 집합 (자료구조) 배열을 구성하는 각각의 값을 '배열 요소'라고 하며, 배열에서의 위치를 가리키는 숫자를 '인덱스'라고 한다. - 배열 선언 let 배열명; - 배열 초기화 배열명 = [요소1, 요소2, 요소3,...]; // 예시 let arr; arr = [100,200,300]; let arr = [100,200,300]; - 배열 객체로 생성 let 배열명 = new Array(요소1, 요소2, ...) - 자바 스크립트 배열의 특징 1) 배열 요소의 타입이 고정되어 있지 않다. let arr =[1, 1.4, '안녕', true]; 2) 배열 요소의 인덱스가 연속적이지 않아도 된다. let arr; arr [0] = 1; arr [1] ..

- 자바 스크립트 대화 상자 alert() 사용자에게 메시지를 보여주고, 확인을 기다린다. BOM (Browser Object Model) window.alert() alert() confirm() 사용자에게 메세지를 보여주고, 확인이나 취소를 누르면 그 결과값을 불린값으로 반환한다. window.confirm() const result = confirm('확인이나 취소를 누르세요'); prompt() 사용자에게 메세지를 보여주고, 사용자가 입력한 문자열을 반환한다. 입력받은 값은 문자형으로 저장된다. const result = prompt('문자를 입력하세요'); - 연산자(Operator) 연산자 의미 산술 연산자 + - / * % ** ( 제곱) 비교 연산자 >, =, 19) console.log(..

자바 스크립트의 역사 - Netscape 내비게이터 브라우저이다. 브랜든 아이크 (Brendan Eich) 영입으로 10일 만에 모카라는 언어로 내비게이터에 적용했다. (인터프리터 사용) 자바스크립트는 처음엔 모카라는 이름으로 나중에는 라이브 스크립트에서 자바스크립트로 이름이 변경되었다. - jQuery 과거 브라우저 및 특정 브라우저 버전 등을 모두 사용할 수 있도록 해주는 라이브러리이다. 단점으로는 jQuery 문법을 따로 공부해야한다는 것이다. - V8 자바 스크립트 엔진 2008년 구글에서 크롬의 베타전과 함께 v8엔진을 소개하였다. - ECMA 스크립트를 표준화 - 트랜스 컴파일러 BABEL : 과거 브라우저 및 특정 브라우저 버전 등을 모두 사용할 수 있도록 하는 라이브러리이다. 이 때문에 j..