Hello World

position:absolute 로 태그를 위치 시키다보면 같은 레벨단계의 2개의 태그가 위치가 겹치기도 한다.( 상위태그랑 겹치면 하위태그가 걍 위로감) 이때 원하는 태그가 앞으로 나오게 하려면 z-index를 사용 하면 된다. z-index 값이 높을수록 앞에서 보이는데 경쟁시킬 2가지 태그에 각각 z-index 값을 입력하고 앞으로 나오게 할 태그값을 더 높게 주면된다. 값은 그냥 정수형 100 정도 주면 된다. ie 6과 7에서는 absolute를 감싸는 부모 relative가 있을경우 absolute의 z-index가 0으로 변경된다. 이것으로 인해 원하는 모습이 안나올 수도 있는데 해결하려면 부모의 z-index에게도 z-inde x를 추가하면된다. z-index 음수도 가능하다.[출처] [C..

functionName.call(thisArg,arg1,...argN) call() 메소드는 객체 생성 함수에서 주로 사용된다.현재 객체(this)에 대해서 이전에 선언된 함수 (혹은 메소드)를 연산하도록 할 때 사용된다.thisArg인자가 나타내는 객체에 대해서 funcitonName(arg1,argN)을 실행시킨다.call 메소드는 인자의 타입만 apply 메소드와 다르고 나머지는 비슷하게 동작한다. 인자thisArg : 연산을 하려는 객체argN : functionName 함수(혹은 메소드)의 인자들 리턴값thisArg 인자가 나타내는 객체에 대해서 functionName(arg1,,argN)을 실행한 결과가 리턴된다. 예제다음 예제에서 myCar, myCar2는 객체 생성 함수이다. 여기서 myC..

functionName.apply(thisArg,argArray) apply() 메소드는 객체 생성함수에서 주로 사용한다.현재 객체(this)에 대해서 이전에 선언된 함수(혹은 메소드)를 연산하도록 할 때 사용한다.thisArg인자가 나타내는 객체에 대해서 functionName(argArray)를 실행시킨다.apply()메소드는 인자의 타입만 call 메소드와 다르고 나머지는 비슷하게 동작한다. 인자thisArg : 연산을 하려는 객체argArray : functionName 함수(혹은 메소드)의 인자를 나타내는 배열. arguments 속성을 argArray인자 값으로 지정할 수도 있다. 리턴값thisArg 인자가 나타내는 객체에 대해서 functionName(argArray)를 실행한 결과가 리턴된..

9장 클래스 생성자 프로토 타입에 대한 공부내용 정리 자바스크립트에서는 모조 클래스(pseudoclass)를 정의할 수 있다. 모조 클래스는 프로토타입 객체나 생성자 함수를 사용하여 구현할 수 있다. 1. 생성자: new 연산자 뒤에는 항상 함수 호출이 따라와야 한다. 생성자는 새로운 객체를 초기화하고, 객체에 있는 프로퍼티 중에서 사용되기 전에 미리 값이 할당되어야 하는 프로퍼티들의 초기값을 할당한다. 생성자는 객체들의 클래스를 정의하기 때문에 생성자가 만들게 될 객체들의 클래스를 분명히 표현할 수 있게 이름 짓는 것이 좋다. cf) var a = new A(10);var b = A(10); -> 이 둘의 차이점은 ? 아래 변수 b는 window객체에 포함된다. ex) function Rectangle..

O'Reilly의 JavaScirpt : The Definitive Guide 5/E(그 유명한 코뿔소책)를 보면 이런 구절이 나오길래, 클로저는 흥미롭고 또한 강력한 프로그래밍 기법이다. (중략) 만약 여러분이 클로저를 이해한다면 여러분은 유효 범위 체인과 함수의 호출 객체를 이해한 것이며, 스스로를 고급 자바스크립트 프로그래머라 부를 수 있다. (중략) 무엇보다도 날 헷갈리게 했던건,,, 클로져에 대한 모두 다른 정의 -다른 함수내에서 내부객체로 생성된 함수 리터럴을 반환하여 호출 프로그램에서 이를 변수로 배정한 것이다.-클로저란 생성시 환경의 레퍼런스를 그대로 가지고 있는 것이다.-실행될 코드와 이 함수가 실행될 유효범위의 조합이다.(O'Reilly JavaScirpt : The Definitive..

1. 함수의 정의와 호출- function 키워드로 시작하며 다음과 같은 항목들이 따라온다.1. 함수의 이름2. 함수()안에 0개 혹은 임의 개수의 매개변수 이름을 쉼표로 분리한 목록3. 중괄호 {} 안에 함수의 몸체를 구성하는 자바스크립트 문장들 - return문에 연결된 표현식이 없다면 함수는 undefined값을 반환한다.-> 함수에 return 문이 없으면 단순히 함수 몸체를 이루는 문장들을 하나씩 실행한 뒤에 undefined 값을 호출자에게로 반환한다. - 일반적으로 매개변수는 실행되는 함수의 몸체 안에서만 유효하며 함수의 밖에서 또는 함수가 반환한 후에는 접근할 수 없음을 유의하라. - 전달인자의 데이터 타입이 중요하다면 typeof 연산자를 사용하여 직접 테스트할 수 있다.- 함수가 기대하..

7장. 객체와 배열 1. 객체 : 객체는 복합 타입이다. 2. 객체 프로퍼티 열거하기 function DisplayPropertyNames(obj){ var names = “”; for(var name in obj) names += name + ‘\n’; alert(names); } 3. 프로퍼티 존재 확인하기 if( “x” in o ) o.x = 1; // 객체 o에 프로퍼티 “x”가 있으면 1을 저장한다. if(o.x !== undefined) o.x = 1; // x가 존재하고 값이 undefined가 아니라면 1을 저장 // 객체에 없는 프로퍼티에 접근하려 하면 undefined값 반환 4. 연관 배열로서의 객체 - object.property와 object[“property”] 는 완전히 동일한..

6. 문장에 대한 간단한 내용 정리. . 1. 표현식 ( 표현문 ) : 평가되어 어떤 값을 내줄 수 있는 자바스크립트 구절 표현문 : 부수 효과가 있는 표현식 ex) s = “Hello” + name ;i *= 3;count++; // 변수 값을 바꾸는 부수 효과 alert(“Welcome, “ + name); // 클라이언트 측 함수 호출은 표현식이지만 웹 브라우저에 영향을window.close(); // 미치기도 한다. 따라서 이러한 함수 호출은 동시에 문장이기도 하다. * 모두 세미콜론으로 끝남. function문은 문장이 아니다. 2. 복합문 : 하나의 문장에 다수의 문장을 합치는 방법 ex) { x = Math.PI; cx = Math.cos(x); alert(“cos(“ + x + “) = “..

5장 표현식과 연산자는 자바스크립트 언어만의 특징이 슬슬 보이기 시작하는 단원이 아닐까 생각한다. 1. 피연산자 타입 : - ‘ + ‘ 연산자 : 숫자타입 피연산자 = 덧셈 문자열타입 피연산자 = 이어 붙임 - 문자열 하나와 숫자 하나를 전달 받을 경우, 숫자를 문자열로 변환하여 얻어진 문자열을 원래의 문자열과 이어 붙인다. 2. 동등 ( == ) 과 일치 ( === ) : 1. 일치하는지 아닌지 판단하는데의 규칙 - 두 값의 타입이 다르면, 두 값은 일치하지 않음 - 두 값이 모두 숫자이고 값이 같다면 두 값은 일치. 단, 적어도 하나의 값이 NaN일 경우 두 값은 일치하지 않음. NaN값은 어느 값과도 일치하지 않는다. - 두 값이 모두 문자열이고 같은 위치에 정확히 같은 문자들을 갖고 있다면 두 값..

4. 변수 단원은 내용이 어렵지 않아 간단히 정리하고 끝. - 변수 선언 : - var문으로 선언되지 않은 변수에 값을 할당하려 하면, 자바스크립트가 암묵적으로 그 변수를 선언 함. ( 단, 항상 전역 변수로 선언 됨) - 블록 단위의 유효 범위는 없다. - 함수 안에서 정의된 변수는 그것이 정의된 위치에 관계없이 항상 함수 전체에 걸쳐 유효하다. - 정의되지 않은 변수 vs 할당되지 않은 변수 - 선언되지 않은 변수 : 읽을 경우 런타임 에러가 발생 - 할당되지 않은 변수 : 읽을 경우 undefined 가 발생 - this 키워드를 사용해서 전역객체를 참조할 수 있다. - Window 객체 : 브라우저 창에 표시되는 모든 자바스크립트 코드의 전역 객체 역할 담당 - Window 프로퍼티 : this ..