Dior2ky의 it's IT

method, this 바로 실습을 통해 확인하자 this.html this this.js function f(){ console.log(this); console.log("f is called"); } var o={name:"object", method:f}; f(); o.method(); 결과를 확인하면 다음과 같다. 처음 f함수를 그냥 호출한 경우 this 부분이 window라고 출력되게 되고 다음 변수 o의 method를 통해 호출한 경우에는 this 부분이 변수 o에 대한 정보가 출력되게 된다. this.js function setName(name){ this.name=name; } var o={name:"object", setName:setName}; var o2={name:"", setNam..

scope 유효한 영역을 의미한다. 변수의 scope 선언한 변수가 유효한 영역을 의미한다. function scope 선언된 변수는 선언된 함수 안에서만 접근이 가능하다. 선언된 함수 안에서 선언된 함수에서도 접근이 가능하다. 실습을 살펴보자 scope.html scope scope.js function a(){ var v_a="a"; function b(){ var v_b="b"; console.log("b :", typeof(v), typeof(v_a), typeof(v_b)); } b(); console.log("a :", typeof(v), typeof(v_a), typeof(v_b)); } var v="v"; a(); console.log("o :", typeof(v), typeof(v_a),..

반복문 반복문 조건에 따라 프로그램의 일정 코드를 반복적으로 수행할 수 있도록 하는 구문이다.(while문, for문) while문 예시 코드 while( /*조건식*/ ){ /* 반복 실행될 코드 */ } continue, break continue: 남은 반복실행 될 코드를 모두 skip한다. break: 반복문에서 즉시 탈출한다. do, while문 예시 코드 do{ /* 반복 실행될 코드 */ }while( /*조건식*/ ); while문과 do,while문의 차이 조건식이 false인 경우 while문은 실행되지 않지만 do, while문은 do 안의 코드가 한번 실행 된 후 종료된다. for문 예시 코드 var sum = 0; for( var i = 0 ; i < 5 ; i++ ){ sum =..

조건문 조건문 조건에 따라 프로그램의 흐름을 분기해서 특정 코드가 실행되도록 한다. (if문, switch문) if문 예시 코드 if(/*조건식*/){ /*참인경우 실행될 코드*/ } else if( /*조건식*/ ){ /*if 문의 조건이 거짓이고, 위의 조건식이 참인경우 실행될 코드*/ } /* 여러개의 else if... */ else if( /*조건식*/ ){ /*위의 if, else if문의 모든 조건이 거짓이고, 위의 조건식이 참인경우 실행될 코드*/ } else{ /*모든 if, else if 문이 모두 실행되지 않았을 때 실행될 코드*/ } switch문 예시 코드 switch( /*비교할 값*/ ){ case /*값1*/: /*비교할 값이 값1인 경우 실행될 코드*/ break; case..

기초적인 부분이라 빠르게 진행하기 위해 실습은 넘어가려 한다. 배열 값을 저장할수 있는 변수의 연속된 공간, index를 이용해 각 변수에 접근 가능 배열의 정의 빈 배열 var arr = []; 초기화된 배열 var arr= [1,2,3,4,5]; 각 index의 자료형은 어떤 자료형이든 가능 var mixed_arr = [1, true, 3.14, “string”, {name:”object”}. {1,2,3}]; 배열의 길이 arr.length 사용 배열의 각 엘리먼트 접근하기 대괄호 안에 index를 사용해서 접근 arr[0] = 1; 배열 엘리먼트 추가/삭제하기 배열의 뒤에 엘리먼트 추가 .push(element); 배뎔의 뒤에서 엘리먼트 삭제하고 리턴 .pop(); 배열의 앞에서 엘리먼트 삭제하..

String 문자열의 길이 구하기 str 변수의 길이를 구하려고 할 때는 두가지 방법이 있다. 1. str.length; 2. str[“length”]; 문자열 붙이기 str1 변수 문자열에 str2 변수 문자열을 붙이려고 할 때에도 두가지 방법이 있다. 1. str1.concat(str2); 2. str1+str2 특정 위치의 문자열 알아내기 Str 변수의 첫 문자를 구하려고 할 때 두가지 방법 중 하나를 사용한다. 1. Str.charAt(0); 2. Str[0]; Str 변수의 마지막 문자를 구하려고 할 때 두가지 방법 중 하나를 사용한다. 1. Str.charAt(str.length-1); 2. Str[str.length-1]; 그러나 Str.charAt() 방식은 범위를 벗어난 경우 “”를 반환..

연산자 연산자도 다른 언어들이랑 동일하다 이항연산자 : +, -, *, /, % 단항연산자 : - 증감연산자 : ++, -- Math 관련 명령어 Math.pow(A,B); -> A의 B승을 구할 때 Math.sqrt(A); -> A의 제곱근을 구할 때 Math.random(); -> 0~1 사이의 임의의 난수를 발생시킬 때 함수 함수란 호출에 의해 여러 번 실행할 수 있는 코드 블럭을 말한다. 함수 정의 방법 function 함수이름(파라미터1, 파라미터2){ /* 실행될 코드 */ return 반환값; } 파라미터 함수의 정의 부분에 나열되어 있는 변수이다. 여러개인 경우 콤마(,)로 구분하여 사용하고 파라미터가 아예 필요 없는 경우도 있다. 함수 안의 코드에서 변수처럼 활용한다. return 함수의..

Object object는 객체를 의미하는데 앞서 나온 number, string, boolean의 단순 자료형보다 더 복잡한 자료를 표현할 때 사용한다. 객체를 생성할때는 다음과 같이 중괄호를 통해 정의한다. var a = {}; 객체는 속성의 집합으로 구성되며 각 속성은 이름과 값으로 구성된다. 정의할 때는 속성이름:값 의 형태로 정의 한다. 속성의 값은 object를 포함한 모든 자료형이 가능하다. 객체를 생성하고 객체의 속성에 접근할 때에는 객체 이름 뒤에 점(.)을 사용하여 접근한다. 또는 객체 이름 뒤에 대괄호 안에 해당 속성 이름을 넣어 접근 가능하다. 객체 속성 값은 일반적으로 변수에 값을 저장하듯이 변경하면 된다. 다음 두가지 경우가 있다. undefined 시스템에서 어떤 변수나 속성이..

Number type 100, 3.14 등등 일반적인 숫자들을 이야기한다. 정상적이지 않은 숫자나 표현할 수 있는 범위를 벗어난 값은 NaN , Infinity로 표현한다. String Type “안녕하세요”, “Hello World”와 같은 문자열이다. 문자열은 따옴표(‘)나 큰따옴표(“)를 사용하여 표현한다. 큰따옴표 문자열 안에는 따옴표 사용 가능하고 따옴표 문자열 안에서 큰따옴표 사용 가능하다. 큰따옴표 문자열에서 큰따옴표를 쓰거나 따옴표 문자열에서 따옴표를 쓰려면 \’ or \” 를 사용해야 한다. \문자를 사용하고 싶다면 \\로 사용한다. 줄바꿈을 하고 싶을 때는 \n를 사용한다. Boolean Type true, false 값을 말한다. 문자열 "1"과 1은 다른 값이다. 그렇기 때문에 문자..