언어 (37) 썸네일형 리스트형 BOM A>BOM browser object medel 자바스트립트로 브라우저를 제어하기 위한 객체들 국제 표준이 없고 브라우저 마다 프로퍼티가 메소드의 차이가 있다. B>window 객체 1.window객체 윈도우나 탭 객체 브라우저 윈도우나 탭 윈도우마다 별도의 window 객체 생성 - 브라우저가 새 웹 페이지를 로드할때 - iframe 하나당 하나의 window 객체를 생성 - window.open(URL,윈도우 이름, 윈도우 속성)로 윈도우를 열때 객체 생성 - 접근은 window 혹은 window.self 혹은 self 로 한다. 2.메소드 a > window.open('URL',윈도우 이름, 윈도우 속성) - 이미 있는 윈도우 이름일 경우 이미 있는 페이지에 window가 open됨 b > 윈도우 .. 자바스크립트 - 이벤트 1 2 3 4 5 6 7 8 9 1. new image() 로 생성 var banana = new image(); banana.src = 'banana.png'; 2.DOM 객체 선택 후 var myimg = document.getElementById('myimg'); myimg.src = banana.src = 'banana.png'; Colored by Color Scripter cs A>이벤트 객체 -- 발생한 이벤트에 관련된 다양한 정보를 담은 객체. -- 이벤트가 처리되면 이벤트 객체 소멸. --이벤트 객체는 이벤트 리스너 함수의 첫번째 매개 변수에 전달됨 1. 이벤트 객체에 있는 정보 -- type = 현재 발생한 이벤트 종류 -- target = 이벤트 발생시킨 객체 -- currenTarg.. 자바 스크립트 - 객체 생성과 prototype A>객체 만들기 사용자가 만든 객체 사용 예시 1. new Object() 로 생성 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 function inquiry() { return this.balance; } function deposit(money){ this.balance += money; } function withdraw(money){ this.balance -=money; return money; } var account = new Object(); account.owner = 'name'; account.code = '111'; account.balacne = 20000; account.inquiry = unquiry; account.depos.. 자바스크립트 - 함수와 스코프 1 2 3 4 5 6 7 8 var x =100; function f(){ var x =1; document.write(x); //지역변수 document.write(" "); document.write(this.x);// 전역변수 } f(); cs 자바 스크립트 기본 제어문2 itr.foreach( function() ) 배열과 같이 iterating 가능한 객체들.foreach(반복되면서 할 함수) A> 배열 배열.push('추가할 객체' ) --배열 마지막에 추가할 객체를 추가 Array.isArray(배열) --배열인지 확인 배열 instanceof Array --배열인지 확인 배열.toString() --배열에 있는 내용 다 문자열로 --toString()을 안써도 자동으로 toString() 이 적용된다. 배열.join('문자') -- 모든 배열에 문자를 삽입하여 문자열로 출력 예시 1 2 3 4 var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.join(" * "); //결과 Banana * Orange * .. 자바스크립트 기본 제어 메소드들 A>출력 .innerHTML -- 태그의 사이에 삽입 .write(내용) --본문에 쓸 내용 삽입 -- HTML이 다 로드 된 후 호출하면 기존의 html 전부 삭제 B>style 객체 .style -- style 정보를 가지고 있는 객체 .style.fontSize --style 의 fontSize 제어 .style.display = 'none' --안보이게 하기 C> event 객체 사용 예시 event 종류 onchange An HTML element has been changed onclick The user clicks an HTML element onmouseover The user moves the mouse over an HTML element onmouseout The user moves.. 자바 스트림 collector 기본 함수형 인터페이스 람다와 같이 사용해서 더 유연한 코드를 만들기 위해 자바에선 기본 함수형 인터페이스를 제공한다. 종류는 크으게는 5개가 있다. Consumer = return 값 없이 T 타입 사용 - accpet() 를 씀 Supplier = 파라미터 없이 T return - get() 을 씀 Function = A를 B로 매핑 - apply() 를 씀 function A를 받고 B로 리턴 ToIntFunction 같은 경우는 A타입을 받고 Int형으로 매핑 Operator = 연산 후 리턴 - 람다식을 받는다. predicate = 파라미터 받고 boolean 리턴 - test() 사용 이 인터페이스 내에 디폴트 메소드가 존재하는 경우도 있다. andThen() = A.andThen(B); A실행하고 실행한 값 리턴.. 이전 1 2 3 4 5 다음
