OPEN between Secret

( 1 ) 이벤트 기본 연결1)$(selector).on(eventName, function(event) {} )2)$(selector).on(object) ex) Header-0Header-1Header-2 ----------> h1 태그에 클릭 하면 +가 추가되고 위에 올려놓으면 색이 반전되도록 하는것 ( 2 ) 매개변수 context -----> this 가 있기 때문에 선택한 'div'에 대해서만 내용이 저장된다? 출처 : 모던 웹을 위한 javascript + jquery 입문

jQuery 메서드 ( 1 ) addClass() ->문서 객체의 클래스 속성을 추가한다. a. item - 0item - 1item - 2item - 3item - 4 ---> 이렇게 하고 돌려보면 태그 안에 class 가 추가되어 있다. b. ---> 이런 방법도 가능 ( 2 ) removeClass() -> 문서 객체의 클래스 속성을 제거한다.a. item - 0item - 1item - 2 ( 3 ) attr() --> 속성과 관련된 모든 기능을 수행 1) 속성 값을 알고 싶을때var src = $('img').attr('src');--> src 변수에 img의 src의 값을 알아낸다 2) 속성을 추가 할때 $(selector).attr(name,value);$(selector).attr(name..

기본 내장 객체!! 1. 기본 자료형과 객체의 차이 var primitiveNumber = 23var objectNumber = new number(23) primitiveNumber는 일반 숫자를 사용했으므로 기본자료형이고objectNumber는 생성자 함수를 사용했으므로 객체 입니다. 원래 객체만 속성과 메소드를 가질수 있는데 기본자료형도 똑같은 속성과 메소드를 보여준다.이건 기본자료형의 속성이나 메소드를 사용하면 그건 자동으로 객체가 된다고 한다. 단 기본자료형은 속성과 메소드를 추가해줄수 없다. 2. Object 객체자바 스크립트의 최상위 객체!{};, new Object(); 로 생성 가능7개의 메소드가 있다. 3. Number 객체자바 스크립트에서 가장 단순한 객체숫자 표현시 사용한다. 4. ..

자바스크립트에서 배열과 객체배열은var array = ['사과' , ' 바나나', ' 딸기', '배']; 로 만들수 있고객체는var array = {제품명: '나는',나이: '스물일곱이고',사는곳: '대전에서 자취중',};이렇게 만든다. 배열 은 '인덱스' '요소'객체 는 '키' '속성'으로 불리운다. ------------------------------------------------------------- var array = {제품명: '나는',나이: '스물일곱이고',사는곳: '대전에서 자취중',}; ** 객체 관련 키워드 * in 키워드-> in 키워드는 해당 키가 객체 안에 있는지 확인 가능ex) output += "'제품명' in array: " + ('이름' in array); alert(..

* 가변인자함수 (p127~129)- 매개변수가 변할수 있는 함수 ?test()를 매개변수 없이 생성하고 test()를 호출할때test(1,2,3,4,5,6)처럼 여러 매개변수를 갖고 호출을 하면생성한 test() 안에서 이 값들을 불러올때 arguments로 불러 올수가 있다.ex) arguments.length? 같은 거로 불러 올수가 있음. * 리턴값 (p130~131)?? * 내부함수(p132~p135)개발을 여러사람이 할때 함수 이름이 겹칠수 있는데 이걸 방지하기 위한것 이런 식으로 함수 안에서 불러서 쓰면 square를 겹치지 않게 쓸수 있다. * 콜백 함수 (P.136~P.137)함수도 하나의 자료형이므로 매개변수로 전달할 수 있다.?ex)- 솔직히 아직 잘 이해가 안간다 * 클로저 (P13..

다운받을 파일을 D 드라이브에 위치시킨다. --------------------------테이블 생성 코드 -------------------------- CREATE TABLE ZIPCODE ( ZIPCODE VARCHAR(7), SIDO VARCHAR(4), GUGUN VARCHAR(17), DONG VARCHAR(26), RI VARCHAR(45), BUNJI VARCHAR(17), SEQ INT ); ---------------------------------------------------------------------- -------------------------테이블에 txt 값 넣기 -------------------------- SHOW VARIABLES LIKE 'character_..

--------------------------------------------------function ractangle(){} 로 함수를 하나 만들면 ractangle.prototype이 만들어 지게 된다. 그래서var obj = new ractangle() 을 하면 obj 가 가리키는게 ractangl()이 아니라 ractangle.prototype을 가르키게 된다.만약 var obj2 = new ractangle()을 해도 obj2 도 ractangl()을 가리키는게 아니라 ractangle.prototype을 가르키게 된다.즉, 위에 예문에서 보면 function player() 안에 this.display 라는 함수가 있는데 객체를 만들떄마다 똑같은 함수가 2개나 만들어 지게 된다. 그럼 메모..

Cross-Platform(One Source Multi-Use) -> html5, dvice 에 상관없이 웹페이지의 크기??? 가 상관없이 보여주기 위한 것. jquery 엮고 -> css - > js 순으로 엮으면 된다. 대화상자 - 모달(model) : 대화상자가 띄워지면 대화상자를 종료하지 않는한 다른 윈도우에 접근불가 - 모달리스(modaless): 대화상자가 띄워져도 다른 윈도우에 접근가능 jQuery mobile 에선 Framework 이 단어가 중요하다 ??이거 추가해 주면 됨. data-role 이라는게 jQuery cdn - > 하위 서버 ?? : block(줄바꿈) : inline0

리터럴 종류1.숫자 리터럴2 문자(열) 리터럴: ' ' , " "3.function literal4. object literal ->> 배열과 유사 = 다수의 데이타 + 다수의 기능(코드) ex) var obj = {x:100, display:function(){ } }; $ # 5.배열 리터럴 var arr=[10,x,"y",{},function()]; - > 즉 모든 타입을 다룰수 있으므로 객체랑 다르지가 않다. $ [일반 프로그래밍] 배열은 동일한 데이터타입의 다수의 데이터(값)만 묶어 한꺼번에 다루는 기술# [자바스크립트] 배열은 데이터타입에 대한 제약이 없고, code도 값으로 다룰수 있으므로 객체와 동일, 단!!! 접근방식이 다르다 1) 배열은 index로 접근 2) 객체는 key로 접근 !!..