--------------------------------------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..

------------------------------------script 스크립트 사용법----------------------------------- $('선택자') - 선택자에 해당하는 엘리먼트가 포함된 jQuery집합객체를 제공한다. $('선택자').조작함수() $(엘리먼트객체) - 엘리먼트객체가 포함된 jQuery집합객체를 제공한다. $(엘리먼트객체).조작함수() $(도큐먼트객체) - 도큐먼트객체가 포함된 jQuery집합객체를 제공한다. $(도큐먼트객체).조작함수() $('html컨텐츠') - 'html컨텐츠'로 표시된 엘리먼트(태그)가 포함된 jQuery집합객체를 제공한다. $('html컨텐츠').조작함수() $(함수) - HTML문서를 해석해서 생성된 도큐면트객체가 준비다 괴면 함수가 자동..

-----------------------------------각 함수의 변수사용 (this, el, index)-------------------------------- 이벤트 처리 선택자함수로 선택된 엘리먼트들(버튼들)에서 이벤트 발생시(클릭이벤트) 실행될 함수(이벤트핸들러함수)를 jQuery의 click() 메소드를 사용해서 선택된 버튼에 이벤트핸들러함수를 연결짓는 것 $('button').click(function(event) { // this

이벤트 간편 메소드 ====================================================================== // 클릭이벤트 $(select).click(function(event){}) 선택자로 선택된 엘리먼트에서 클릭이벤트 발생시 실행될 함수를 등록한다. $(select).dbclick(함수) 더블클릭 이벤트 발생시 실행될 함수를 등록한다. // 마우스이벤트 $(select).mouseenter(함수) 마우스 포인트가 엘리먼트 안으로 들어왔을 때 실행될 함수 등록 $(select).mouseleave(함수) 마우스 포인트가 엘리먼트 밖으로 나갔을 때 실행될 함수 등록 $(select).hover(함수1, 함수2) 마우스 포인트가 엘리먼트 안으로 들어오면 함수1, ..

html 컨텐츠, 값, 속성, 조회 및 변경 조회 입력 ---------------------------------------------------------------------------------------------------------------------------- 텍스트 컨텐츠 $(selector).text() $(selector).text('문자') HTML 컨텐츠 $(selector).html() $(selector).html('html코드') 폼입력값 $(selector).val() $(selector).val('value') 속성 $(selector).attr('attrName') $(selector)attr('attrName', 'attrValue') 프로퍼티 $(selector)..

------------------------------------------자식 요소 필터--------------------------------- 자식요소 선택자 1. 부모요소의 첫번째 자식을 선택한다. $("선택자:first-child") : 선택자로 선택된 엘리먼트 중에서 부모의 첫번째 자식인 것만 선택한다 2. 부모요소의 마지막 자식을 선택한다. $("선택자:last-child") : 선택자로 선택된 엘리먼트 중에서 부모의 마지막 자식인 것만 선택한다 3. 부모요소의 n번째 자식을 선택한다. $("선택자:nth-child(n)") : 선택자로 선택된 엘리먼트 중에서 부모의 n번째 자식인 것만 선택한다 * n은 1부터 시작한다. 모든 li중에서 부모의 첫번째 자식인 찾기 $('li:first-ch..