이번에는 object와 undifined 그리고 null에 대하여 정리해야겠다. object는 객체라고도 하며 속성의 집합이라는 것은 정보처리를 공부하면 어느정도 나오는 사실이다. 자바스크립트에서도 마찬가지로 속성들을 모아놓은것이 객체이다. var empty_obj = {}; // 선언은 중괄호를 이용하여 하게된다. typeof(empty_obj); // object로 출력된다. 객체에 속성을 추가시켜서 제대로된 객체를 만들려면 var man = { name : "홍길동", age : 20, height : 180 }; // man 안에 여러가지 속성을 선언했다. 이런식으로 선언하면 된다. man이라는 객체의 속성은 각각 name, age, height가 되는것이다. 이런 object의 속성에 접근하는 ..
자바스크립트의 다른 언어들의 비해 그렇게 많은편은 아닌거 같다. 그이유가 number라는 타입이 왠만한 숫자자료형을 전부 커버 쳐주기 때문이다. var a = 100, b = 3.14; // number var c = "안녕하세요", d = "a"; // string var e = true, f = false; // boolean console.log(a,typeof(a)); // typeof는 변수의 타입을 출력할때 사용한다. console.log(c,typeof(c)); console.log(e,typeof(e)); // Number 자료형 : 숫자를 나타냄 js에서는 실수 정수 신경안쓴다. var a = 100; var b = 3.14; var c = 1e-3; // 지수표기법도 사용가능하다. 0...
변수 라는 개념은 이미 다른언어나 프로그래밍을 하면서 상당히 많이 들어본 개념이다. 그래도 한번더 정리하자면 임의의 값을 저장하고 사용할수 있도록 하는 공간 정도로 간단히 할수 있을거 같다. 자바스크립트에서 변수를 사용하는법을 적어보면, var a; // a를 변수로 선언 var a, b, c; // 동시에 선언도 가능하다. a = 10; // 초기화된 a에 10이라는 값을 저장한다. var a = 10; // 선언과 초기화를 한번에 한다. var a = 10, b = 20, c = 30; // 동시에 여러개도 초기화 할수있다. 조금 더 활용 하는법이라면, var msg; // msg라는 변수 선언 msg = "Hello World"; // msg에 Hello World를 저장한다. alert(msg);..
이번에는 자식 선택자를 알아보겠다. css의 선택자와 같은 문법을 사용한다. 간단하게 p > c는 바로 아래의 자식 엘리먼트만 선택하는 것이고, p c는 모든 후손 엘리먼트를 선택하는 것이다. 예제를 봐야지 문단 안에 링크 태그가 있다. 두 번째 링크는 손자이다. 실행 시켜 보면 첫번째 링크에는 테두리에 굵은선이 표시되는것을 볼수있다. 위에 나와있듯이 $('h2 > a') 선택자는 h2의 직접 자식만을 선택하기 때문에 두번째 span에 둘러쌓여져있는 손자 태그는 선택되지 않는다. 하지만 $('h2 a')는 h2 후손의 모든 a태그에 영향을 주므로 배경색이 변경된다. 두번째 예제 형제 선택자에 대해 알아 봅시다. 텔레토비 가족을 소개합니다. 보라돌이 뚜비 나나 뽀 이것또한 실행 시켜보면 보라돌이만 굵은글씨..
기본적인 jQuery 선택자를 정리 해야겠다. 먼저 jQuery의 호출문은 대체로 다음과 같은 형태로 사용된다. $(선택자).메서드(); 여기서 선택자는 조작할 객체를 찾는 검색이다. 간단한 엘리먼트, 태그부터 시작해 정밀한 선택과 효율적인 처리를 위해 훨씬 더 복잡한 문법이 필요하다. 먼저 간단하게 (h1)엘리먼트를 찾는것 부터 제목입니다. 제목입니다2. 제목입니다3. 이후에 jquery $('h1').css('background', 'red'); $('h1') h1 태그의 .css css 스타일을 ('background', 'red') 배경을 빨간색으로 이렇게 생각하면 될거같다. 이건 h1태그만 지정해줬으니 실행시켜보면 h1태그 부분만 배경색이 변해있다. 이번에는 좀더 다양하게 해본다. 제목입니다. ..
jQuery는 유일한 자바스크립트 라이브러리가 아니기 때문에 여러종류가 있다. 그 중에 $표시는 다른 라이브러리에서도 사용되고 있고 내가 집적이 $에 라이브러리를 만들어 사용할 수있도 있다. 일단 이 상황을 보자 function $(arg) { var rate = 1234; if (arg == undefined) { document.write("현재 환율은 " + rate "원 입니다." "); } else { document.write(arg + "달러는 " + (arg * rate) + "원 입니다." "); } } -- 이하 body $(); $(123); 출력값 현재 환율은 1234원입니다. 123달러의 141327원입니다. 이런식으로 내 자신이 $(arg)이라는 함수를 만들어주면 jQuery에서..
jQuery는 모질라의 자바스크립트 관련 툴을 개발하던 존 레식이 작성하여 2006년에 처음 발표한 라이브러리이다. 발표 후에 마이크로소프트와 노키아에서 공식적으로 jQuery를 플랫폼에 포함하기로 결정하였고 구글도 jQuery 배포 사이트를 운영한다. jQuery의 장점 1. 너무나도 짧고 간결하다. 길게 코드를 작성할 필요없이 핵심적인 구문으로 의시만 표시하면나머지는 라이브러리가 알아서 처리해주기 때문이다. 2. 배우기 쉽다. 전문지식이 없더라도 기본적인 jQuery 문법만 제대로 익힌다면누구나 쉽게 조작할 수 있다. 3. 브라우저 차이가 없다. jQuery 인터페이스대로만 입력해주면 모든 브라우저에서 쉽게 동작하게 되어있다. 4. 여러가지 효과 구현이 쉽다. 애니메이션이나 효과 기능이 풍부하게 제공..