티스토리

낙타의 노트

검색하기

블로그 홈

낙타의 노트

cmelcmel.tistory.com/m

낙타는 영어로 camel 님의 블로그입니다.

구독자: 4

방명록 방문하기

주요 글 목록

변수의 스코프, 브라우저 내장객체, 변수 호이스팅, 아규먼트(arguments), this, return, closure 클로저, each fnc, 이펙트-(animatem hide, show, fadeOut, fadeIn, slideUp, slideDown) -------------------------------------변수의 스코프------------------------------------- 변수의 스코프 - 변수의 접근범위를 지정하는 것이다. - 스코프의 종류 - 전역변수(Gloval Scope) function 밖에서 정의한 변수는 전역변수가 된다. function 안에서 변수를 정의할 때 var를 사용하지 않으면 전역변수가 된다. 스크립트 코드 전체에서 접근할 수 있다. - 지역변수(Local Scope) function 안에서 정의한 변수는 지역변수가 된다. 예시) // 전역변수 선언하기 var username = "홍길동"; function fn1() { // 지역변수 선언하기 var x = 10; // var를 안쓰면 전역변수가 된다. .. 공감수 0 댓글수 0 2019. 6. 25.
Gson과 JSON.parse의 차이, XML, DOM, Document, Element, jQuery의 for문 (each 의 종류), XML파일(데이터) get방식으로 불러와 사용하기, 외부XML, 외부JSON불러와 사용하기, $.get, $.ajax --------------------------------------Gson과 JSON.parse의 차이-------------------------------------- Gson() - 서버에서 자바 코드를 Gson(자바객체)에 담아서 JSON 코드로 컴포트(변환) 해주는것 JSON.parse(); - 서버에서 받아온 JSON 코드를 JSON.parse(jsonText)를 해서 자바스크립트 코드로 컴포트(변환)해준다. - jQuery를 쓸경우에는 알아서 되기때문에 사용할 필요없다. 자바스크립트의 JSON 라이브러리 - JSON.parse(jsonText) - jsonText를 자바스크립트객체 혹은 자바스크립트 배열로 변환 var text = '{"name":"홍길동", "age":10}' var ob.. 공감수 0 댓글수 0 2019. 6. 24.
script 위치의 따른 사용법, Ajax, JSON 및 jQuery + Ajax + JSON 사용 예제 ------------------------------------script 스크립트 사용법----------------------------------- $('선택자') - 선택자에 해당하는 엘리먼트가 포함된 jQuery집합객체를 제공한다. $('선택자').조작함수() $(엘리먼트객체) - 엘리먼트객체가 포함된 jQuery집합객체를 제공한다. $(엘리먼트객체).조작함수() $(도큐먼트객체) - 도큐먼트객체가 포함된 jQuery집합객체를 제공한다. $(도큐먼트객체).조작함수() $('html컨텐츠') - 'html컨텐츠'로 표시된 엘리먼트(태그)가 포함된 jQuery집합객체를 제공한다. $('html컨텐츠').조작함수() $(함수) - HTML문서를 해석해서 생성된 도큐면트객체가 준비다 괴면 함수가 자동.. 공감수 0 댓글수 0 2019. 6. 20.
각 함수의 변수사용 (this, el, index), 메소드 체이닝, 추가적인 메소드 사용법 (append -> appendTo), 이벤트 처리 종류 -----------------------------------각 함수의 변수사용 (this, el, index)-------------------------------- 이벤트 처리 선택자함수로 선택된 엘리먼트들(버튼들)에서 이벤트 발생시(클릭이벤트) 실행될 함수(이벤트핸들러함수)를 jQuery의 click() 메소드를 사용해서 선택된 버튼에 이벤트핸들러함수를 연결짓는 것 $('button').click(function(event) { // this 공감수 2 댓글수 0 2019. 6. 19.
jQuery 이벤트 메소드 사용 예시, each, 예시( 모달 chang(), scroll, focus, blur), 이벤트 버블링, 이벤트 주요 메소드( event.preventDefault(), event.stopPropagation(), event.stopImmediatePropagation() ) 이벤트 간편 메소드 ====================================================================== // 클릭이벤트 $(select).click(function(event){}) 선택자로 선택된 엘리먼트에서 클릭이벤트 발생시 실행될 함수를 등록한다. $(select).dbclick(함수) 더블클릭 이벤트 발생시 실행될 함수를 등록한다. // 마우스이벤트 $(select).mouseenter(함수) 마우스 포인트가 엘리먼트 안으로 들어왔을 때 실행될 함수 등록 $(select).mouseleave(함수) 마우스 포인트가 엘리먼트 밖으로 나갔을 때 실행될 함수 등록 $(select).hover(함수1, 함수2) 마우스 포인트가 엘리먼트 안으로 들어오면 함수1, .. 공감수 0 댓글수 0 2019. 6. 18.
jQuery 클래스 조작함수, 엘리먼트(태그) 추가하기, 엘리먼트 지우기, 복제, .first, .eq, .gt, .lt 등등 :first 차이, filter(), find(), end(), 돌아다기니 메소드(traberse), 이벤트 메소드, 이벤트 간편 메소드, .. html 컨텐츠, 값, 속성, 조회 및 변경 조회 입력 ---------------------------------------------------------------------------------------------------------------------------- 텍스트 컨텐츠 $(selector).text() $(selector).text('문자') HTML 컨텐츠 $(selector).html() $(selector).html('html코드') 폼입력값 $(selector).val() $(selector).val('value') 속성 $(selector).attr('attrName') $(selector)attr('attrName', 'attrValue') 프로퍼티 $(selector).. 공감수 0 댓글수 0 2019. 6. 17.
자식 요소 필터, 폼요소 필터, 기타 필터, 선택자 조작 함수 - text(), val(), html(), attr() ------------------------------------------자식 요소 필터--------------------------------- 자식요소 선택자 1. 부모요소의 첫번째 자식을 선택한다. $("선택자:first-child") : 선택자로 선택된 엘리먼트 중에서 부모의 첫번째 자식인 것만 선택한다 2. 부모요소의 마지막 자식을 선택한다. $("선택자:last-child") : 선택자로 선택된 엘리먼트 중에서 부모의 마지막 자식인 것만 선택한다 3. 부모요소의 n번째 자식을 선택한다. $("선택자:nth-child(n)") : 선택자로 선택된 엘리먼트 중에서 부모의 n번째 자식인 것만 선택한다 * n은 1부터 시작한다. 모든 li중에서 부모의 첫번째 자식인 찾기 $('li:first-ch.. 공감수 0 댓글수 0 2019. 6. 13.
jQuery - 기본 선택자, 계층 선택자, 기본필터 선택자, 속성 선택 ------------------------------------------jQuery(제이쿼리)------------------------------------ jQuery Selector 함수 - jQuery("표현식") 또는 $("표현식") 을쓰면된다 - CSS 선택자 표현식 예시) "p", "#user-name", ".btn" 등등 - CSS 선택자 표현식에 해당하는 엘리먼트를 선택(태그) - 선택자 함수로 전택된 모든 요소에 조작함수가 적용된다. 예시) $("p").조작함수() ==================================== * jQuery책 302 ~ 305페이지 무조건 달달외워야한다. ==================================== 예시) h1 태그와 p .. 공감수 0 댓글수 0 2019. 6. 12.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.