본문 바로가기

프로그래밍

 (97)
[JavaScript 요약 정리] 12. 브라우저 객체 모델(BOM) 12. 브라우저 객체 모델(BOM)1) BOM(Browser Object Model)- 웹 브라우저와 관련된 객체의 집합- 객체 모델 종류: window(최상위), location, navigator, history, screen, document- DOM(Document Object Model) 으로 통합해서 칭하기도 함- 정확히는 자바스크립트가 아닌 웹브라우저가 제공하는 기능 2) window 객체- 다른 BOM 객체의 상위 개념- alert(), prompt() 등 많은 메소드를 가지고 있음- var 키워드로 선언한 일반 변수도 window 객체의 속성이 됨- window 객체 생성 메소드: open(URL, name, features, replaced)*객체 생성시 생성한 객체를 반환하기 때문에 ..
[JavaScript 요약 정리] 11. 기본 내장 객체 11. 기본 내장 객체1) Object 객체- 자바스크립트의 최상위 객체- 생성var object={}; var object=new Object();- Object 객체의 메소드constructor() : 객체의 생성자 함수를 나타냄hasOwnProperty(name) : 객체가 name 속성을 가지고 있는지 확인isPrototypeof(object) : 객체가 object의 프로토타입인지 검사propertyIsEnumerable(name) : 반복문으로 열거 가능 여부 확인toLocaleString() : 객체를 호스트 환경에 맞는 언어의 문자열로 변경toString() : 객체를 문자열로 변경valueOf() : 객체의 값을 표시 2) Number 객체- 숫자를 표현할 때 사용하는 객체- 생성var ..
[JavaScript 요약 정리] 10. 생성자(Constructor) 함수 10. 생성자(Constructor) 함수1) 생성자 함수 개요- 자바의 클래스와 생성자 개념을 사용할 수 있는 함수- 자바스크립트에도 클래스 체계가 추가되었지만 활용하지 않음-> 생성자 함수를 구현해서 사용- 생성자의 첫 글자는 대문자로 만드는게 관례 2) 생성자 함수 생성- 생성 양식function 생성자명(속성1, 속성2, 속성3...) {this.속성1 = 속성1;this.속성2 = 속성2;this.속성3 = 속성3;}var 인스턴스1 = new 생성자(속성1, 속성2, 속성3...);var 인스턴스2 = new 생성자(속성1, 속성2, 속성3...); 3) instanceof 키워드- 인스턴스와 생성자의 일치 여부 반환- 형태: 인스턴스명 instanceof 생성자명 // 일치할 경우 true ..
[JavaScript 요약 정리] 9. 객체(Object) 9. 객체(Object)1) 객체 개요- 자바스크립트의 자료형 6개 중 하나- Map 객체와 같이 key-value 형식으로 구성- 객체 생성 방법var object = { key1:value1, key2:value2... };- key는 식별자외에도 문자열로도 선언 가능var object = { '$!#$!#':'what' }; // 키는 문자열 '$!#$!#' 값은 "'what"'// object.'$!#$!#' // 에러 발생 (Unexpected string)object['$!#$!#'] // "what" 반환 2) 특징- 일반적인 프로그래밍 이론에서는 {배열값: 요소element, 객체값: 속성property} 이지만 자바스크립트에서는 다르지 않음- 객체의 함수요소 내에서 this는 객체 자신을..
[JavaScript 요약 정리] 8. 내장 함수(Built-in Function) 8. 내장 함수1) 타이머 함수- setTimeout(function, millisecond) : 지정된 시간 후 함수를 한 번 실행(밀리초 단위)- setInterval(function, millisecond) : 지정된 시간마다 함수를 반복 실행*위 두 함수는 타이머 id를 리턴값으로 가짐 -> id를 변수에 저장해둬야 중지 가능- clearTimeout(id) : setTimeout 함수 중지- clearInterval(id) : setInterval 함수 중지 2) 인코딩과 디코딩 함수- escape(), unescape()영문 알파벳과 숫자, 일부 특수문자(@ * - _ + . /)를 제외하고 인코딩1바이트 문자는 %XX, 2바이트 문자는 %uXXXX 형태로 변환- encodeURI(uri), ..
[JavaScript 요약 정리] 7. 함수(Function) 7. 함수(Function)1) 함수- 코드의 집합을 나타내는 자료형- 선언방법: function 함수명() {코드};- 사용: 함수명();*코드위치에 상관없이 먼저 선언됨 2) 익명함수- 이름이 없는 함수- 변수에 저장하거나 따로 함수 선언없이 임시사용할 때 사용- 활용: var 변수 = function() {코드};-> 변수가 선언되기 전에는 사용할 수 없음 3) 매개변수- 함수에 전달하는 값- 같은 이름의 함수라도 매개변수에 따라 실행되는 코드가 다를 수 있음(오버로딩)- 함수 선언시 지정되지 않은 매개변수는 무시됨- 형태 function(매개변수) {코드}; -> 매개변수를 코드 내에서 사용 가능 4) 리턴값- 함수가 반환하는 값- 형태: return 반환값;- return 키워드 실행 시 함수 ..
[JavaScript 요약 정리] 6. 반복문(Loops) 6. 반복문1) while- 조건이 만족하는 동안 코드 계속 실행- 형태: while(조건식) { 코드 } -> 조건식이 true일 때 계속해서 코드를 실행함 2) do while- 조건에 상관없이 코드를 한 번 실행 후 while문 실행- 형태: do { 코드 } while(조건식) -> 코드를 1회 실행 후 조건식이 true일 때 계속해서 코드를 실행함 3) for- 형태for(초기식; 조건식; 종결식) {코드}-> 초기식 실행 -> 조건식 비교 -> 코드 실행 -> 종결식 실행 -> 조건식 비교조건식 false일 때 까지 계속해서 반복함- 활용for(var i = 0; i i가 0부터 1씩 증가하며 콘솔창에 i(수)를 출력-> 조건이 false..
[JavaScript 요약 정리] 5. 조건문(Conditionals) 5. 조건문1) if- 조건 성립시 해당 코드 실행- 형식: if(조건) { 코드 };- 조건문 내 조건문 중첩 가능ex. if(조건1) { 코드1; if(조건2) { 코드2 }; }; -> 조건1만 성립시 코드1만 실행, 조건1,2 두개 다 성립시 코드1, 코드2 실행 2) if else- 조건 미성립시 else에 해당하는 코드 실행- 형식: if(조건) { 코드1 } else { 코드2 }; -> 조건 성립시 코드1 실행, 미성립시 코드2 실행 3) else if- 초기조건 미성립시 다음 조건 설정- 형식: if(조건1) { 코드1 } else if(조건2) { 코드2 }; -> 조건1 성립시 코드1 실행, 조건2 성립시 코드2 실행 4) 종합- 종합적으로 이용 가능- 형식: if(조건1) { 코드1..

티스토리툴바