객체선택js에서는documnet.getElementById(아이디)documnet.querySelector(선택자) 를 사용해서 객체를 선택했는데, jQuery에서는 $(선택자) 로 간단하게 표현가능효과(애니메이션), 조작, 이벤트 메서드 제공선택자 필수기본 사용법: $(선택자).메서드명()//보다는//가 더 빠르다 //이유는 script문이 클라이언트에서 실행되기 때문에 jquery를 다운받기보다는 //네트워크에서 받아 쓰는게 빠름ㅇㅇ.eq( i ) : i번 인덱스 선택 ex) .eq(0).addClass(c);.each() : 배열을 반복조작(메서드).addClass() : 클래스 추가.removeClass() : 클래스 삭제.toggleClass() : 없으면 추가, 있으면 삭제.attr(속성명) ..

클로저독립적인 변수를 가지는 함수내부함수를 이용하여 별도의 스코프 정의 function test(name){ var str = name+'님 안녕하세요'; return function(){ return str; }; } var m1 = test('hong'); var m2 = test('kim'); console.log(f1); //f(){ return str; } console.log(f1());//hong님 안녕하세요 console.log(f2());//kim님 안녕하세요history객체브라우저에서 이전에 방문했던 페이지 불러오는 객체stack으로 저장됨//a.htmlb.html//b.htmlc.htm..

익명함수-이름이 없는 함수 →변수에 할당해줘야한다.ex)function(a,b){ return a+b;}그럼 어떻게 사용하냐? → 변수에 할당을 해주면됨var sum = function(a,b){ return a+b;}console.log(sum(10,20)); //30 출력 function sum(a,b,c){ return a+b+c; } console.log(sum(1,2,3)); //undefined //가변인자 function sum(){ console.log(arguments); //Arguments(3) 출력 } sum(1,2,3,4,5,6); //Arguments(6)출력 //함수도 호이스팅이 된다. sum()이 올라감( sum..

자바스크립트인터프리터 방식 언어동적 타이핑(dynamic typing)script태그는 태그의 닫는 태그 바로 앞에 위치해주는 것이 좋습니다.변수var : 호이스팅,지역변수 재할당 O , 재선언 Olet : 지역변수 재할당 O , 재선언 Xconst : 상수 재할당 X , 재선언 X → 재할당불가(기본자료형 값, 주소값)비교연산자 ‘==’, ‘ ===’‘==’ : 피연산자끼리 같으면 true‘===’ : 피연산자끼리도 같고, 자료형도 같아야 true지역변수 & 전역변수local : 해당지역에서만 사용global : 전체지역에서 사용function test(){ var a1 = 1;}console.log(a1);//오류발생 errcode: a1 is not definedfunctio..

블록 태그: div, hn, p , ul/ol, table …인라인 태그: span, a, input, img…(text관련)css적용방법인라인 : html 태그 안에문서 내부: 문서 외부: 선택자웹문서(document, page)에서 특정 영역(요소)를 선택선택이란?: 스타일/이벤트 적용선택자 종류전체 *타입(태그) : 아무것도 없음아이디 #클래스 .그룹 (여러 선택자)선1,선2 : 선1과 선2 both선1선2 : 선1이면서 선2인 경우자식: 선1>선2 : 선1 밑 선2자손: 선1선2: 선1 하위 ‘모든’선2css 속성값의 단위절대값 : px, in, cm …상대값 : %, em키워드 : small, large …웹폰트구글 웹폰트 → 구글검색RGB0~255 (256 var color)Red : 255,..