본문 바로가기

Develop/자바스크립트 + 제이쿼리7

제이쿼리 - 선택자 제이쿼리는 모질라 사의 자바스크립트 개발자였던 존 레식이 자바스크립트를 이용해 만든 라이브러리 언어이다. ※라이브러리언어 - 자바스크립트로 만들어진 다양한 함수들의 집합 제이쿼리에서 개선된 사항 호환성 문제 해결 쉽고 편리한 애니메이션 효과 기능 구현 IE 9 이상의 브라우저에서는 v1.12.4이상을 사용해야 하고 IE 8 이하의 브라우저까지 호환을 염두해 둔다면 v1.12.X 이하 버전의 라이브러리 파일을 사용해야 한다. 제이쿼리 http://jquery.com/download/ Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompr.. 2020. 10. 18.
함수 함수 - 코드를 저장하는 공간. 변수와 함수의 차이점 변수 함수 1개의 데이터만 저장 자바스크립트 코드를 저장 var라는 키워드를 이용하여 선언 function이라는 키워드를 이용하여 선언 문자형, 숫자형, 논리형 데이터를 보관 출력문, 제어문 등의 코드를 저장하고 데이터를 반환. 객체를 참조 선언 방법 function 함수명(){ 자바스크립트 코드; } 참조 변수 = function(){ 자바스크립트 코드; } 호출 함수명(); 참조 변수(); 일반 함수 myFnc()는 호출 시 호이스팅(hoisting) 기술을 지원하여 함수 정의문 보다 호출 문이 먼저 나와도 함수 정의문을 끌어올려서 함수를 호출한다. 하지만 익명 함수 theFnc()는 오류가 발생. 매개변수가 있는 함수 function 함수명(매개.. 2020. 10. 18.
객체 - 브라우저 객체 브라우저에 내장된 객체를 '브라우저 객체'라고 한다. window는 브라우저 객체에 최상위 객체이며, window 객체에는 하위 객체가 포함되어 있다. window document body, div, img, a, from, input.. 등 screen location history navigator window 객체의 메서드 종류 종류 설명 open("URL","새 창 이름","새 창 옵션") URL 페이지를 새 창으로 나타낸다. alert(data) 경고 창을 나타내고 데이터를 보여준다. prompt("질문","답변") 질문과 답변으로 질의 응답 창을 나타낸다. confirm("질문 내용") 질문 내용으로 확인이나 취소 창을 나타낸다. 확인을 누르면 true, 취소를 누르면 false반환. move.. 2020. 10. 17.
객체 - 내장 객체 객체 자바스크립트는 객체(Object) 기반 언어이다. 객체는 기능과 속성을 가지고 있다. 객체.메서드(); 객체.속성; or 객체.속성 = 값; 객체의 종류 내장 객체 자바스크립트 엔진에 내장되어 있어 필요한 경우에 생성해서 사용할 수 있다. 문자(String), 날짜(Date), 배열(Array), 수학(Math) 객체 등이 있다. 브라우저 객체 모델(BOM) 브라우저에 계층 구조로 내장되어 잇는 개체. window, screen, location, history, navigator 객체 등이 있다. 브라우저(window)는 document와 location 객체의 상위 객체이다. ex) window.location.href = "사이트 URL" // location의 참조 주소 href의 속성이 바.. 2020. 10. 15.