본문 바로가기
[JavaScript/Tutorial] this 란 무엇인가? this 가 가르키는 건 무엇인가? 주의사항은? this 란 무엇인가? this 가 가르키는 건 무엇인가? 주의사항은? [이전강좌] typeof 사용시의 주의사항, array type 판별코드. this 란 무엇인가? this 키워드는, 해당 function 을 invoke 한 object 를 가르키는 데 사용된다. this 가 가르키는 것은 어떻게 판별하는가? 1. Function.call 이나 Function.apply 를 통해 function call 을 하게 되면, call() 이나 apply() 의 첫번쨰 argument 가 this 가 된다. 만약 Function.call 이나 Function,apply 의 첫번째 argument 로 null 이나 undefined 가 들어왔다면 this는 global object 를 참조한다. 2. 만약 .. 2013. 5. 24.
[JavaScript/Tutorial] typeof 사용시의 주의사항, array type 판별코드. typeof 사용시 주의사항, array type 판별코드 [이전강좌] Function 정의 방법 typeof 사용시 주의사항 typeof operator 를 사용하면, 그 값이 string type 으로 return 된다.이 중에서 조심해야 할 data type 은 array 와 null type 이다. typeof function // "function"typeof object // "object"typeof array // "object" - 주의!!typeof string // "string"typeof number // "number"typeof null // "object" - 주의!! array 판별 코드 typeof operator 만 이용해서는, 검사하는 변수가 object 인지, arr.. 2013. 5. 23.
[JavaScript/Tutorial] Function 정의 방법 Function 정의 방법 [이전강좌] Object 특징, method와 properties 의 구분, literal Function 은 다음의 두가지 형태로 정의될 수 있다. function foo(){ } var foo = function() { } [다음강좌] typeof 사용시의 주의사항, array type 판별코드. function declaration, function 정의, javascript, javascript tutorial, js, js tutorial, tutorial, 강좌, 기초 강좌, 방법, 튜토리얼, 함수 정의 2013. 5. 22.
[JavaScript/Tutorial] Object 특징, method와 properties 의 구분, literal Object의 특징, method 와 properties의 구분, literal [이전강좌] Array literal, undefined 값들, 관련 함수들. Object 의 특징 Object 는 한개 이상의 key-value pair 로 구성된다.key 는 string type이 보통 사용되고, value 는 어떤 type 이든 가능하다. Method 와 Properties 의 차이 Object 의 하나의 key-value 라도 value 에 function 이 assign 되어 있다면 그 object는 method 라 불린다.value 에 function 을 담고 있지 않은 object는 properties 라 부른다. Object literal Object 를 literal 형식으로 정의할 때는 v.. 2013. 5. 21.
[JavaScript/Tutorial] Array literal, undefined 값들, 관련 함수들. Array literal, undefined 값들, array 관련 함수들 [이전강좌] 조건문(Conditional Statement) 에서의 주의사항 및 switch 문. Array literal 과 undefined 값들 Array 를 정의할 때는 literal 이 추천된다.( Array를 Constructor로 사용해서 정의하면, constructor 의 parameter 관련하여 실수가 잘 발생한다. ) myArray[ 3 ] = "1"; 이 경우 만약 0, 1, 2 가 값이 없었다면0, 1, 2 index 자리에는 자동으로 undefined 가 채워진다. for ( var i in myArray ){console.log( i );} 위와 같은 코드를 통해 array의 모든 값을 iterate 할.. 2013. 5. 17.
[JavaScript/Tutorial] 조건문(Conditional Statement) 에서의 주의사항 및 switch 문. 조건문 사용에서의 주의사항 및 switch 문 [이전강좌] Operator 사용 type cast, conversion, control 문, ==, === comparator. JavaScript 에서의 true 와 false 의 조건 Condition 문에서 true 로 인식하는 경우. - 공백이 아닌 string. "0", "abc"- 생성이 된 object. [], {}- 0이 아닌 숫자. 5 Condition 문에서 false 로 인식하는 경우. - 공백 string. ""- NaN- null- undefined- 0 JavaScript 의 Switch 문 JS 에서의 Switch 문은 integer 비교뿐만이 아닌 string 비교도 가능하다.허나 switch 문을 object 로도 표현 가능하.. 2013. 5. 13.
[JavaScript/Tutorial] Operator 사용 type cast, conversion, control 문, ==, === comparator. Operator 사용, Type cast & conversion, Control문, == & === comparator [이전강좌] Type 에 대한 기본 정보. ( Object, Array, Function, Type check ) Type cast & conversion Type Cast 는 Constructor 나 conversion 함수 등를 통해 할 수 있다. 예를 들면 String 을 Number 형으로 변형할 때는 아래와 같은 방식으로 할 수도 있고, Number( stringObejct ) 아래와 같이 variable 앞에 + 하나를 붙임으로서도 할 수 있다. +stringObject String 을 Float 이나 Int 로 변형할때는 아래의 conversion 함수들을 통해서 할 수 있.. 2013. 5. 13.
[JavaScript/Tutorial] Type 에 대한 기본 정보. ( Object, Array, Function, Type check ) Type 에 대한 기본 정보 ( Object, Array, Function, Type check) [이전강좌] JavaScript 코드 위치에 대한 주의사항. JavaScript의 Object type 은 대표적으로 Object, Array, Function 이 있다. Object Object 를 만드는 방법은 Constructor(생성자)를 이용한 방법과 object literal을 이용해 만드는 방법이 있다. Literal 을 통해 만드는 오브젝트는 순서없는 key-value pair 로 구성되어 있다. var newObject = new Object(); // 생성자 정의 var newObject2 = { name: "aroundck", class: "javascript" }; // Literal .. 2013. 5. 12.
[JavaScript/Tutorial] JavaScript 코드 위치에 대한 주의사항. JavaScript 코드 위치에 대한 주의사항 [이전강좌] HTML, CSS, 그리고 JavaScript 사람들이 JavaScript 코드를 작성하면서 가장 쉽게 실수하는 것 중 하나가JavaScript 코드를 삽입하는 위치이다. 정확한 이유를 알지 못하고 그냥 일반적인 관행을 따라 태그 안에 넣기도 하고, 태그의 마지막에 넣기도 한다. 만약 JS 코드가 page 에 있는 element를 이용한다면 script 코드는 반드시 해당 element가 로딩된 다음에 수행되어야 한다. 따라서 이 경우에는 body 의 마지막에 들어가는 것이 좋다. 반대로 JS 코드가 page 에 있는 element 와 interaction 이 없다면 head 태그 안에 넣는 것도 좋다. JS 코드는 순차적으로 수행된다는 것을 기.. 2013. 5. 11.
반응형

티스토리툴바