본문 바로가기

분류 전체보기

 (278)
javascipt - 웹 워커(web worker) A> 웹 워커 1. 정의 백그라운드 태스크를 만드는 기능이다. 자바의 스레드와 비슷하다. 백그라운드 태스크를 워커 태스크라고도 한다. 워커 태스크는 윈도우와 사용자 인터페이스 에선 사용 불가 2.특징 동일 도메인 원칙(=same domain) 자바 스크립트 파일은 웹 페이지와 동일한 웹 페이지에 저장한다. 로컬 컴퓨터의 웹 페이지에서는 작동이 안된다. == UI 를 사용할 수 없다. 워커 객체를 생성하고 워커 태스크에 실행할 기능을 정의한다. 워커 객체는 워커 태스크를 제어한다. B> 메소드 Worker() --워커 객체를 만드는 생성자 --예시) var taskWorker = new Worker('task.js'); postMessage() -- 워커 태스크에 메세지 전송, -- 워커 태스크에서는 me..
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 > 윈도우 ..
css 선택자 클릭하기 전 태그의 선택자 tag:link 클릭한 후 태그의 선택자 tag:visited 인접 형제 선택자 = tag1 요소 다음 tag2요소만 선택 tag1 + tag2 일반 형제 선택자 = tag1 요소 와 형제인 tag2 요소 전체 선택 tag1 ~ tag2 자식 선택자 = 자식의 요소만 선택 (자손이 아님) tag1 > tag2 속성 선택자 tag[속성] = 해당하는 속성값을 포함한 tag 선택 tag[속성='값'] = 해당하는 속성값이 '값'인 tag 선택 tag[속성~='값'] = 해당하는 속성값이 '값'을 포함하고 있는 tag 선택 tag[속성^='값'] = 해당하는 속성값이 '값'으로 시작하는 tag 선택 tag[속성|='값'] = 해당하는 속성값이 '값' 이거나 '값'을 포함하는 tag ..
페이지를 만들 때 팁 0. 영역 리셋 * { margin:0 ; /* 마진 리셋 */ padding:0 ; /* 패딩 리셋 , auto를 넣으면 각 영역의 중앙에 배치가 되버린다.*/ box-sizing: border-box; /* 박스 영역은 테두리까지 */ } 1.중앙배치 너비값이 있어야지 중앙정렬이 된다. #container { margin:0 auto; /* 화면 중앙에 배치 */ width:1200px; /* 너비 */ } 2. a 태그 밑줄 없애기 a { text-decoration:none; /* 텍스트 링크 밑줄 없애기 안하면 한번 클릭할 시 밑줄이 생긴다. */ } 3. ul 리스트 표시 없애기 ul은 보통 nav 에 많이 쓰인다. ul { list-style: none; }
자바스크립트 - 이벤트 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..
자바스크립트 - document 객체 A>document 객체 window 객체를 상속하는 객체 HTML 문서의 전반적인 속성을 가지고 있다. DOM 트리의 최상위 객체이다. window.document 혹은 document 로 접근 가능 document 는 BOM 에 속함 DOM 이 아님 메소드 document.getElementsByTagName(태그 이름) : 모든 태그 컬렉션으로 가져옴 document.getElementById('찾을 id') document.getElementsByClassName('찾을 class') :모든 클래스 컬렉션으로 가져옴 document.write() :브라우저 상에 html 요소를 쓸때 document.writeln() :개행하고 요소를 씀 document.open() : document 객체에 담긴..
자바스크립트 - DOM A> this this키워드는 자신을 가리키는 것 태그에서 this를 부르면 p를 가리키는 것이다.
자바 스크립트 - 객체 생성과 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..

티스토리툴바