일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- 신혼생활
- javascript
- 용산아이파크몰
- 재택근무
- event
- 설날
- 산책
- 영어공부
- 업무
- 청첩장
- 1일 1패턴
- 결혼준비
- 신혼
- HTML
- 가을
- 영어회화
- 1일 1독서
- 결혼
- 1일 1영어회화
- 영어 회화
- 출산휴가
- 예비맘
- css
- 스타일 가이드
- 자바스크립트 스타일 가이드
- 1일 1단어
- animation
- effect
- 초코맘
- 달리기
- Today
- Total
목록코딩물고기의 IT월드 (169)
코딩물고기
경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다. 30. 문서 객체 생성 * prepend()와 append() 메소드 - prepend() : 특정 문서 객체의 이전 부분에 문서 객체를 생성함 - append() : 특정 문서 객체의 맨 뒤에 문서 객체를 생성함 기본 상태 : HELLO 메소드 사용 : $("p").prepend("prepend"); $("p").append("append"); 결과 : prepend HELLO append * before()와 after() 메소드 - before() : 이전 문서 객체를 생성 - after() : 다음에 문서 객체를 생성 기본 상태 : HELLO 메소드 사용 : $("p").before("before"); $("p").after(..
경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다. 29. 문서 객체 선택 - 문서 객체를 다양한 방식으로 선택할 수 있다 - 일반적인 선택이 아닌 filter 메소드를 이용해 특정한 객체를 선택 할 수 있다 - 주요 함수 : first(), last(), eq() $(요소).eq(0); //0번 인덱스 문서 객체 선택 $(요소).first(); //첫 번째 문서 객체 선택 $(요소).filter(function(i){i ==0;}); * filter 관련 메소드로 문서 객체 선택 - filter 메소드를 이용해 선택할 객체들 생성 - 작성된 객체를 선택하는 메소드 생성 $(document).ready(function(){ var first = $('h1').first().text()..
경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다. 28.jQuery 기본 문법 $(제어대상).method1().method2(); - $은 jQuery에 access한다는 뜻 - metho1()은 (제어대상)에 대해서 수행될 작업 - '$(제어대상)'은 주어, 'method1().method2()'은 서술어로 대치됨 * jQuery 선택자 - 페이지 내의 요소들에 접근하는 역할 $(document).ready(function(){ $('*').css('color','red'); $('h2').css('color','blue'); $('h1#header1').css('color','purple'); $('.item1,.item2').css('color','orange'); $('h1...
경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다. 27. jQuery - 모든 브라우저에서 동일하게 동작하는 클라이언트 JavaScript 라이브러리 - 모든 객체 모델과 관련된 처리, 일관된 이벤트 연결, 시각적 효과를 쉽게 구현할 수 있다. - Ajax 애플리케이션을 쉽게 개발 할 수 있다 - 독립된 언어가 아니라 JavaScript에서 사용 할 수 있는 라이브러리 - jQuery 라이브러리의 큰 용량 때문에, 작은 규모의 프로젝트에서는 속도 저하 문제를 야기시킬 수 있다. * CDN 호스트를 사용하는 방법 - CDN은 Content Delivery Network의 약자로, 온라인상의 대용량 콘텐츠를 빠르게 전송하는 기술이다 - jQuery 라이브러리를 직접 내려 받아 사용하는 ..
경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다. 26. 이벤트 - 이벤트 처리 * 이벤트(event) - 사용자가 문언가를 클릭하거나 혹은 대상 위에 마우스를 가져가거나 특정 키를 누를 때 상호작용이 발생하는 것 등 브라우저에서 일어나는 모든 동작을 의미한다 - 이벤트 핸들러를 통해 이벤트에 대한 특정 작업 처리를 할 수 있다 * 캡처링(capturing) - 이벤트를 이벤트가 발생한 요소의 자식 노드들로 전파함 * 버블링(bubbling) - 캡처링과는 반대로, 이벤트가 일어난 요소에서 이벤트 요소를 포함하고 있는 부모 요소까지 올라가며 이벤트를 검사한다. * 고전 이벤트 모델 - 문서 객체의 이벤트 속성으로 이벤트를 연결하는 방법 - 이벤트 하나에 이벤트 리스너 하나만 연결 가..
경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다. 25. DOM 객체 다루기 - 문서 객체 생성 * 문서 객체의 구분 : 기본적으로 텍스트 노드를 가지는 객체와 갖지 않는 개체로 구분함 * 텍스트 노드를 가지는 문서 객체 생성 - 생성 순서 1. 요소 노드와 텍스트 노드를 생성함 2. 텍스트 노드를 요소 노드에 연결함 - 관련 메소드 1. createElement(tagName) - 요소 노드 생성 2. createTextNode(text) - 텍스트 노드 생성 3. appendChild(node) - 객체에 노드 추가 window.onload = function(){ // 변수 선언 var element = document.createElement('h1'); var text = ..