| history 객체 - 브라우저의 히스토리 정보를 문서와 문서 상태 목록으로 저장하는 객체 - 사용자의 개인 정보를 보호하기 위해 이 객체의 대부분의 접근 방법을 제한 back(): 뒤로 이동 forward(): 앞으로 이동 go(0): 새로고침 location.reload(): 새로고침 history 뒤로가기 앞으로 새로고침 | navigator 객체 브라우저 공급자 및 버전 정보등을 포함한 브라우저에 대한 정보를 저장하는 객체 geolocation: GPS정보를 수신하는 프러퍼티 navigator 실행하면 위치 허용하겠냐고 뜸 허용 누르면 콘솔창에 위도 경도 뜸 구글지도에 둘다 복붙해서 검색하면 자기집 인터넷 기지국 주소를 알아낼수있다 휴대폰으로 실행하면 보다 더 정확한 위치알아낼수있음 | 문서 ..
함수 표현식 const hello = function ddd(){ console.log('안녕하세요.JavaScript!'); } hello(); 화살표 함수 - ECMA Script6에 추가된 문법 - function 키워드를 사용하여 함수를 만드는 것보다 간단하게 표현 - 화살표 함수는 항상 익명 매개변수가 없는 경우 const hello = () => { console.log('안녕하세요. JavaScript!'); } const hello = () => console.log('안녕하세요. JavaScript!'); const func1 = () => console.log('안녕하세요 JavaScript!') func1(); 매개변수가 있는 경우 const sum = function(x,y){ co..
var과 let의 차이는 뭘까? console.log(a) var a = 1 console.log(a) 자바나 c, c++,등 다른 언어를 보면 알 수있듯 코드는 원래 top to bottom이라 1번라인에서 에러가나야 정상인데 자바스크립트는 ㅇ 에러없이 아래출력 undefined 1 자바스크립트는 실행시 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미한다 var 로 선언한 변수의 경우 호이스팅 시 undefined 로 변수를 초기화한다 console.log(a) a = 1 var a console.log(a) 이렇게해도 에러없이 아래출력 undefined 1 함수블럭내에서는?? var a = 2 function fun() { var b = 1 } console.log(b) ..
자바스크릡트 대화상자 - alert() 사용자에게 메시지를 보여주고, 확인을 기다림 BOM(Browser Object Model) 윈도우는 최상위 객체 (운영체제 윈도우가 아님) 원래는 window.alert();라고 쓰는게 맞고 그냥 alert();라고 써도 상관없어용 alert('안녕하세요. 자바스크립트!'); - confirm() 사용자에게 메시지를 보여주고, 확인이나 취소를 누르면 그 결과를 불린값으로 반환 const result = confirm('확인이나 취소를 누르세요'); const a = confirm('확인을 눌러주세요') console.log(a); - prompt() 사용자에게 메시지를 보여주고, 사용자가 입력한 문자열을 반환 스캐너대신해서 실습할때 사용할거임 const result..
최초의 브라우저: 모자이크 Netscape - 네비게이터 브라우저 - 브랜든 아이크(Brendan Eich) 영입 - 10일만에 모카라는 언어로 네비게이터에 적용(인터프리터 사용) 모카 -> 라이브 스크립트 -> 자바스크립트 jQuery - 과거 브라우저 및 특정 브라우저 버전등을 모두 사용할 수 있도록 하는 라이브러리 - jQuery 문법을 공부해야 하는 단점 V8 자바스크립트 엔진 - 2008년 구글에서 크롬의 베타 버전과 함께 v8엔진 소개 ECMA 스크립트를 표준화(ECMA International에 요청) 트렌스 컴파일러 - BABEL - 과거 브라우저 및 특정 브라우저 버전등을 모두 사용할 수 있도록 하는 라이브러리 JavaScript: 바닐라 스크립트 react, vue, angular: S..
