"Hello cmingg World!" "Hello cmingg World!"

: Browser Object Model : 웹브라우저를 제어하기 위해 브라우저가 제공해주는 객체들 : 자바스크립트를 통해 브라우저의 새창을 연다거나 현재 창에 열려있는 문서의url을 알아낸다거나 등 할수 있도록 도와주는 객체 : 전부다 window라는 객체에 소속되어 있다 window.~ : 전역객체다 == 윈도우라는 객체의 프로퍼티를 만드는 것 : 사용자에게 정보 제공, 사용자로부터 정보 받기 등 ☞ alert : 경고창, 사용자에게 정보 제공, 디버깅 등의 용도 : 실행하는 동안, 다음에 코드가 실행되지 않는다 ☞ confirm : 확인 누르면 true, 취소 누르면 false 리턴 ☞ prompt : 사용자로부터 입력받음 : 윈도우의 문서 URL을 변경, 문서의 위치와 관련해 다양한 정보 얻을 수..

결과 : 각각의 버튼을 누르면 이벤트 실행 -> alert창 뜬다 ☞ getElementById("id값") : html 태그 내에 해당 id를 가지고 있는 태그에 접근 ☞ 이벤트 : 마우스(키보드, 터치, 펜 등)를 조작하면 그에 대한 반응을 하는 것 ☞ addEventListener("이벤트 종류", 함수이름) : 특정 이벤트가 발생되었을때, 특정함수를 실행할 수 있게 해준다 ☞ src = " " 외부파일의 URL 명시 결과 : 오류발생, alert실행 안된다 : 외부로 빼둔 자바스크립트 파일이 태그 안에 존재 : 위에서 부터 아래로 순서대로 코드가 실행되기 때문에 hw를 찾을수 없다 태그가 존재하지 않아 alert가 실행되지 않는다 해결 : onload를 이용 : window.onload로 현재 웹..

: 객체의 로직을 그대로 물려 받는 또 다른 객체를 만들 수 있다 + 기본 로직을 수정, 변경해서 파생된 새로운 객체를 만들수 있게 해준다(재활용) : 원형, 원래의 형태, 자바스크립트에서는 prototype을 가지고 상속을 한다 : 자바스크립트가 기본적으로 가지고 있는 객체들 ☞ 배열의 확장

💡 객체 : 서로 연관된 변수와 함수를 그룹핑한 그릇, 각각 독립성을 갖게된다 -> 부품으로 사용가능 : 변수 == 프로퍼티(property), 함수 == 메서드(method) 💡 생성자 Constructor : 객체를 만드는 역할을 하는 함수 : 생성자 내에서 객체의 프로퍼티를 정의한다 == 초기화(init), 코드 재사용성↑ 💡 전역객체 : 모든 객체는 이 전역객체의 프로퍼티다 💡 this : 함수 내에서 함수 호출 맥락(context)를 의미 : 함수를 어떻게 호출하냐에 따라 this가 가르키는 대상이 달라진다 : 그 함수가 소속되어있는 객체를 가르킨다 : 생성자 안에서 this는 그 생성자가 만든 객체를 가르킨다 : apply, call 이용하면 this 제어할 수 있다

: 배열과 비슷, 함수를 호출할 대 입력한 인자가 담겨있다 * 매개변수/인자 : 매개변수는 변수이고 그 변수에 들어가는 값이 인자 : 함수.length는 함수로 전달된 실제 인자의 수, arguments.length는 함수에 정의된 인자의 수 * 함수는 일종의 객체다 : 함수 호출방법 1. 함수명(); 2. 함수명.apply(null); 3. 함수명.call();

: 자바스크립트가 private한 변수를 사용할 수 있도록 함 : 내부함수가 외부함수의 맥락(context)에 접근할 수 있는 것 : 외부함수가 더이상 사용되지 않아도 내부함수가 외부함수에 접근할 수 있다 : 외부함수의 지역변수의 값을 내부함수가 참조

: scope, 변수의 수명 : 지역변수의 유효범위는 함수 안이고, 전역변수의 유효범위는 에플리케이션 전역 : 지역변수와 전역변수가 동시에 정의되어 있다면 지역변수가 우선 : var 없으면 변수의 값이 전역변수 의미, var를 사용하지 않은 지역변수는 전역변수 : 자바스크립트의 지역변수는 함수에서만 유효 * for, if, while 등 { } 중괄호에서만 유효한 변수가 아니고 바깥쪽에서도 유효한 변수가 된다 * 자바스크립트는 함수가 선언된 시점에서의 유효범위를 갖는다 : 사용될때가 아니고 정의될 때의 전역변수가 사용된다 : 함수도 객체다 -> 일종의 값이다 => 함수 자체가 값이 될 수 있다 : 객체 안에 저장될 수 있다 => 객체의 속성 값으로 담겨진 함수를 메서드(method)라고 부른다 * 객체 ..

: 배열(연관된 데이터 담는 그릇)과 유사한 역할 : 인덱스의 값으로 문자를 사용 -> 문자, 숫자, 직접 원하는 데이터로 지정 가능 : key : value 값으로 넣어야 한다 -> 저장순서는 존재X ex) 1) var grades = { 'cho' : 10, 'ming' : 80 } 2) var grades = {}; grades['cho'] = 10; grades['ming'] = 80; ☞ 객체명.[key]; / 객체명.key : value값 가져옴 ☞ for(key in 객체명) { } ; * 배열도 사용가능 * 객체 value값으로 또다른 객체, 함수도 들어올 수 있다 : 코드들을 재사용할수있는 단위로 나눠서 별도의 모듈이라는 형태로 떼어내 또 다른 프로그램에 부품으로 재사용 : 함수처럼 사용..