오봉이와 함께하는 개발 블로그

자바스크립트 객체 내장객체 브라우저 객체 문서 객체(DOM) 사용자 정의 객체 브라우저 객체 모델 자바스크립트에서는 웹 페이지를 구성하는 HTML 태그의 모든 요소와 웹 브라우저를 구성하는 요소들을 객체로 정의하여 제공 객체들을 계층 구조로 분류 브라우저 객체 웹 브라우저를 대상으로 이루어진 객체 window 객체 : 창 document 객체 : 문서 history 객체 : 웹 브라우저 기록 정보 location 객체 : 주소 정보 navigator 객체 : 웹 브라우저 정보(종류 판별 등) Location 객체 현재 브라우저의 주소창에 표시된 주소 값에 관련된 내용을 다루는 객체 Location 주요 메소드 href = URL : 지정된 URL로 이동 pathname : 도메인을 제외한 실제 파일 경로..

자바스크립트 객체 내장객체 브라우저 객체 문서 객체(DOM) 사용자 정의 객체 브라우저 객체 모델 자바스크립트에서는 웹 페이지를 구성하는 HTML 태그의 모든 요소와 웹 브라우저를 구성하는 요소들을 객체로 정의하여 제공 객체들을 계층 구조로 분류 브라우저 객체 웹 브라우저를 대상으로 이루어진 객체 window 객체 : 창 document 객체 : 문서 history 객체 : 웹 브라우저 기록 정보 location 객체 : 주소 정보 navigator 객체 : 웹 브라우저 정보(종류 판별 등) window 객체 창에 대한 전반적인 상황을 제어하는 최상위 객체 자바스크립트에서 사용되는 모든 객체는 window 객체 하위에 존재 navigator 객체만 제외하고 모든 객체는 window 객체를 통해 접근하여 ..

자바스크립트 객체 내장객체 브라우저 객체 문서 객체(DOM) 사용자 정의 객체 내장 객체(Built in Object) 미리 정의되어 있는 객체 선언 과정을 통해 객체 변수를 정의해서 사용 특별한 경우에만 사용자 정의 객체를 정의하여 사용하고 대부분 경우 내장 객체 사용. 대표적인 내장 객체 Date : 날짜와 시간을 처리하기 위한 객체 Array : 배열을 만들기 위한 객체 String: 문자열을 다루기 위한 객체 Math : 수학 계산을 위한 객체 Event : 발생하는 이벤트에 관한 정보를 제공하는 객체 Screen : 화면의 해상도, 색상, 크기에 관한 정보를 제공하는 객체 객체 생성 및 사용 예 객체 생성 var today = new Date(); // Date 객체 생성 var arr = ne..

자바스크립트 함수자동 호출되는 함수선언적 함수(일반 함수 : function)익명 함수콜백 함수화살표 함수디폴트 매개변수함수의 반환 값함수 실행이 끝난 후 호출한 곳으로 돌려주는 결과 값함수 내에서 return문 사용 function sum() { return n1 + n2; } var s = sum(); document.write("합계 : " + sum());함수의 반환 값이 있는 예제 functionReturn.html function sum() { var n1 = Number(prompt("숫자 1 입력")); var n..

자바스크립트 함수 자동 호출되는 함수 선언적 함수(일반 함수 : function) 익명 함수 콜백 함수 화살표 함수 디폴트 매개변수 자동 호출함수 & 선언적 함수 독립적인 모듈 특정 기능을 수행하고 결과를 돌려주는 독립적인 코드 집합 메소드, 모듈, 기능, 프로시저 등으로 불림 함수를 사용하기 위해서는 반드시 호출해야 함 함수 선언 형식 function 함수명() { 함수가 수행하는 문장; } 자동 호출되는 함수 : 스스로 동작하는함수 (function() { 함수가 수행하는 문장} })(); 함수 사용 함수를 사용하기 위해서는 반드시 호출해야 함 함수를 만들었다고 해서 스스로 기능을 수행하는 것은 아님 함수 호출 방법 : 함수명() (함수 이름만 호출하면 수행이 된다) function show() { ..