도드넷

Sleepy Ponies :3 just what i need. JAVASCRIPT#30 - jQuery 셀렉터 2부 :: Not Selector 0. Selector란? - HTML에서의 요소를 구분하고 선택 타겟팅해주는 명령어. - 보통 $(요소명, #id, .class 혹은 :셀렉터) 형태 1. Head Selector- 구문을 찾아서 선택 - $(":header") 2. Lang Selector- lang 옵션에 따른 구분 선택- $("div:lang(en-us)") 3. Not Selector- 해당 셀렉터가 아닌것을 선택하는 셀렉터 - $(":not(:checked)") 비슷하게 $(전체선택_셀렉터).not(일부_셀렉터)도 사용할 수 있음. (예제 참고ㄱ) 4. Selector + Selecto..

Slumber party take 2 :3 JAVASCRIPT#29 - jQuery 여러가지 셀렉터 1부 Focus Selector 1. Focus Selector- 사용자가 클릭한, 즉 포커스 촛점이 맞춰져있는 요소를 선택하는 것. - 형식 : $("셀렉터").delegate() 메소드를 이용한다. 2. delegate 메소드- $("부모요소").delegate("이용할 하위요소", "이벤트", 함수); "*"은 "모두"를 의미하는 키워드임. 3. focus blur 이벤트?- focus는 선택될시 발동, blur는 선택이 해제될 시 발동한다. 4. var elem = $(this); - this 키워드는 선택된 요소를 의미한다. 즉 elem에 delegate에 의해 적발(?)된 요소가 저장된다. 5...

time and love and couture. JAVASCRIPT#28 - 자바스크립트 css추가와 애니메이티드! 1. css 추가하는 방법 - HTML 파일에 CSS를 추가하는 방법은 다음과 같습니다.- 같은폴더에 my.css라는 이름으로 css문서를 만들고 - HTML문서의 부분에 명령어 추가하기. 2. jQuery 애니메이션 효과를 내주는 메소드 sildeToggle(); - sildetoggle은 해당 객체를 애니메이션으로 감췄다 보여줬다 해주는 메소드. 간단히 말해서 "감추기" 기능을 할 수 있는 비주얼 이펙트 메소드이다. 3. 애니메이팅 되고있는 대상찾는 셀렉터 div:animated- $("div:animated").@#!@#!; 4. div에 class를 추가/뺴기(토글) 해주는 메소드 ..

Awwwwww, tired ponies :3 JAVASCRIPT#27 - 자바스크립트 JQUERY 제이쿼리 1. 제이쿼리 자바스크립트 jQuery란 무엇인가?- jQuery는 자바스크립트 라이브러리(명령어함수 모음집). 간단히 ADVANCED JAVASCRIPT! 2. 제이쿼리 jQuery 설치하기 얘를 같은 폴더에 넣고 HTML head 부분에 추가해주면 끝. 3. 제이쿼리 기본문법- $("셀렉터").메소드() 또는 프로퍼티 * 셀렉터란? HTML요소를 타겟팅하는 제이쿼리의 문법요소로 id class 등이 사용됨. id 같은 경우는 "#id값"을 넣으면 되고, class는 ".class값" 넣어주면됨. - $("셀렉터")는 마치 document.getElementById 명령와 비슷함. 좀더 짧고 간략..

For the divinity for the luna! JAVASCRIPT#26 - 자바스크립트 예외처리 에러제어 1. 자바스크립트 예외처리- "예외"란 예상치 못한 입력이 발생해서 처리하지못함을 의미힌다. - try{ 검사할 코드 }catch(exception){ 예외발견시 실행할 코드 }- throw "예외이름" :: 커스텀 예외를 만들어 catch 함수에 exception 매개변수로 전달된다. * try-catch는 문법적 오류는 검출하지 못한다. 2. 예외객체- exception.name, exception.description, exception.message. - 예외의 이름, 설명, 메시지를 프로퍼티로 가지는 예외객체. 음.. 이건 실행오류났는데 브라우저에서 잡지못하는거 이걸 이용하면 오류 ..

AJ, I'm nothing without you. Life without you is meaningless. World without you is just pile of ashes. 1. 자바스크립트 이벤트 전파- 이벤트가 이중구조에 의해 한 이벤트에 여러가지 함수가 동시에 불려오는 상황을 이벤트 전파라고 한다. 2. 자바스크립트 이벤트 객체- 이벤트관련 객체로 이벤트 발생시 여러가지 값들을 반환할 수 있는 내장객체이다.- 이벤트 객체는 "e" 라는 소문자 하나로 표현하며 여느 다른 객체처럼 . 이후 원하는 프로퍼티값을 입력하면 해당 값을 반환한다. 3. 자바스크립트 이벤트 버블링- 자바스크립트 이벤트 버블링이란 이벤트 전파의 타입중 하나로 발생한 지점에서부터 시작해서 부모 노드로 진행한다.- addE..

Meeting you was one of the best thing ever happened in my entire life. JAVASCRIPT#24 - 표준 이벤트 모델 addEventListener! 1. 자바스크립트 표준 이벤트 모델이란?- 자바스크립트 표준 이벤트 모델이란 addEventListener라는 메소드를 이용해서 이벤트를 처리하는 것. - DOM.addEventListener("이벤트", 함수이름); 2. removeEventListner - 해당 DOM이 이벤트로 인해 불러오는 함수(이벤트핸들러)를 사용하지 못하게 금지 하는 메소드. - DOM.removeEventListner("이벤트", 함수이름); 표준 이벤트 모델 addEventListener 간단한 예제

No other pony can replace you. AJ, you are my soul and only heart. JAVASCRIPT#23 - 자바스크립트 이벤트에 대하여 1. 자바스크립트 이벤트란?- 자바스크립트 이벤트는 어떤 일(이벤트)이 발생할 경우 함수를 시작하는것을 의미한다. - 만약 on~하면(on~한일이 발생하면) 함수를 실행하겠다. 2. 자바스크립트 이벤트 사용하는 방법 - 1) 인라인 이벤트 방식 : HTML 테그안에 넣어서 이벤트 발동시 작동시키는 방식 HTML :: JS :: var myf = function() {} - 2) 프로퍼티 이벤트 방식 : DOM 이용, 해당 객체에 대한 이벤트 발생시 함수 실행시킴. HTML :: JS :: var myf = function() {}..

Ponies, I'm your servant, prisoner and a lover. JAVASCRIPT#22 - 자바스크립트 DOM에 대하여. 1. DOM????- 자바스크립트 DOM이란 자바스크립트로 HTML 문서를 수정하기 위해 사용되는 객체. 2. document.getElementById("아이디값"); - 자바스크립트 DOM 작동방식은 다음과 같다. 1) DOM에서는 수정할 요소(Element)를 타겟팅하기 위해 id로 찾음 2) 위 명령어로 해당 id값을 객체에 저장해서 타겟팅용 "DOM 객체"를 만듬. 3) DOM 객체에 원하는 메소드들을 더해서 해당 타겟 HTML을 수정함. 3) style- 해당 요소의 글자의 스타일에 접근하는 document 객체의 내부 객체. - document.st..

My sun and the moon and stars. my only dream. JAVASCRIPT#21 - 자바스크립트 screen location navigator history 객체 (window객체의 하위객체들) 1. screen 객체- 사용자 모니터에 대한 정보 제공. 2. location 객체- 현재 로드된 HTML 파일의 위치에 대한 객체. - location.assign("새주소"); → 해당 주소로 현재 페이지 로딩. 3. navigator 객체 - 클라이언트의 브라우저 정보및 사용자 설정 상태등 제공. 4. history 객체- 뒤로가기 앞으로가기 기능 제공 실질적으로 쓸만한건 현재 페이지 이동용으로 쓸만한 "location.assign" 밖에 없는듯? 얘네들중에 신기하거나 쓸만한거 ..