c29130811

Array 에서 사용 하는 메소드 push - 배열의 마지막에 아이템을 추가 let arr = [1,2,3,4,5] arr.push(6) //arr는 6이 추가되어 //[1,2,3,4,5,6] pop - 배열의 마지막에 아이템을 제거 let arr = [1,2,3,4,5,6] arr.pop() // arr에 마지막 아이템 6이 제거 됨에 따라 // [1,2,3,4,5] shift - 배열의 첫 번째에 아이템을 제거 let arr = [1,1,2,3,4,5] arr.shift() //앞에 1이 제거 됨에 따라 // [1,2,3,4,5] unshift - 배열의 첫 번째에 아이템을 추가 let arr = [1,2,3,4,5] arr.unshift('first') //가장 첫번째에 아이템이 추가 됨에 따라 /..

일반적으로 this는 객체의 프로퍼티인 함수에서 의미가 있다. this 값은 런타임에 결정된다. 즉 컨텍스트에 따라 달라진다. 기본적으로 this를 개발자 도구에서 실행하면 window 전역 객체를 참고하는 것을 볼 수 있다. this === window는 true이다. 함수에서 사용되는 this는 함수 호출한 방법에 따라 변경된다. const person = { name: 'june', say(){ return `name is ${this.name}` } } person.say(); //"name is june" this가 person의 프로퍼티여서가 아닌, person에서 say를 호출했기 때문에, this는 person를 나타낸다. call() call() 메소드는 주어진 this 값 및 각각 전달..

함수를 호출하면서 정보를 전달할 때는 함수 매개변수(argument, parameter)를 이용한다. 매개변수는 함수가 호출되기 전에는 존재하지 않는 다는 점만 제외하면, 일반젹인 변수나 마찬가지이다. function sum(a, b){ return a+b; } sum(1, 3); 함수가 호출 될 때 전달되는 a와 b의 실제 값은 argument 이고, 함수가 값을 받을 때 쓰는 변수를 parameter라 한다. function fx(x){ console.log(`함수 안 ${x}`); x = 3; console.log(`값 할당 ${x}`); } let x = 1; console.log(`호출 전 ${x} 값`); fx(x); console.log(`호출 후 ${x} 값`); 함수 안에서 x에 값을 할..

하나의 단위로 실행되는 문의 집합으로, 이름과 매개변수를 갖고 있고, 호출하여 코드 블록에 담긴 문들을 실행한다. // 함수 선언(function declaration) function helloWorld() { console.log('Hello World'); } 함수는 선언만 한다고 실행되지 않고, 호출을 해야 한다. 함수를 호출할때는 함수의 이름 다음 괄호를 통해 호출한다. helloWorld(); // 'Hello World' 출력 함수 내용에 return키워드를 사용하면, 함수를 즉시 종료하고 값을 반환한다. function helloWorld() { return 'Hello World'; } helloWorld() // "Hello World" return을 명시적으로 호출하지 않으면, 반환 ..

조건 분기에 따라 다른 state를 실행 if if(...) 문은 괄호 안에 있는 조건을 평가하고, 그 결과가 참(true)이면 블록이 실행된다. if(condition){ state } //예제 let i = 20; if(i === 20){ console.log('숫자는 20입니다.') } state가 단일이라면 생략 가능하나, 코드 가독성을 높이기 위해서는 블록 사용을 추천을 한다고 한다. if ... else if 문에 else를 통해 다른 분기를 처리할 수 있다. if문이 참이 되지 않고 거짓일 때 실행된다. let i = 25; if(i === 20){ console.log('숫자는 20입니다.'); } else { console.log('숫자가 20이 아닙니다.'); } if ... else ..

여러 번 동작을 반복 실행하는 경우, while과 for 문을 사용할 수 있다. while 문 while 루프는 조건(condition)을 만족하는 동안 코드를 계속 반복 수행한다. while (condition) { statement } 예제 let i = 1; while (i

타입 스크립트(typescript)는 마이크로소프트에서 개발 및 유지 보수 중인, 느슨한 타입(loosely typed) 언어인 javascript에 superset(상위확장)이다. https://www.typescriptlang.org How to set up TypeScript Add TypeScript to your project, or install TypeScript globally www.typescriptlang.org 타입스크립트는 실행하기 위해서 .ts 타입 스크립트를 컴파일(compile)을 진행하며, 결과적으로는 javascript를 실행하게 된다. 타입 스크립트 장점 정적 타이핑 : 자료형 (Type)을 컴파일 시 결정, 즉 변수에 들어갈 값의 형태에 따라 자료형을 사전에 지정 컴파..

원시 타입은 단 하나의 값만 나타내고 불변이지만, 객체는 이와 다르게 여러 가지 값이나 복잡한 값을 나타낼 수 있으며, 변할 수도 있다. 객체에도 중괄호, 즉 { }를 사용하는 리터럴 문법이 있으며, 중괄호 안에 객체의 콘텐츠로 키(key), 값(value)로 구성된 프로퍼티(property)를 추가 할 수 있으며, 키에는 문자형, 값엔 모든 자료형이 추가 될 수 있다. // 객체 생성자 문법 let person1 = new Object(); // 리터럴 문법 let person2 = { name: 'june', age: 20 }; 객체 프로퍼티 추가 let person4 = {}; person4.name = "a"; person4["working"] = true; // person4 // {name: ..

ES6에서 도입한 새 데이터 타입으로, 변경 불가능한 원시 타입으로, 항상 유일하며 어떤 심볼과도 일치하지 않는다. 심볼은 Symbol() 생성자를 통해 만든다. let id = Symbol(); console.log(id); //Symbol() console.log(typeof id) //symbol 심볼을 만들 때, 심볼 이름이라는 설명을 붙일 수 있다. let id = Symbol("id"); console.log(id) //Symbol(id) 심볼은 항상 유일하기 때문에, 설명이 동일한 심볼을 여러 개 만들어도 서로 같지 않다. let id1 = Symbol("id"); let id2 = Symbol("id"); console.log(id1 == id2) // false

문자열(string)은 텍스트 데이터로 string은 string of characters에서 나왔다. 이 표현은 1800년대 후반 식자공들이 일정한 순서로 배열된 심볼을 가르칠 때 썼던 표현이며, 나중에 수학자들도 사용했다고 한다. 자바스크립트 문자열은 유니코드(unicode) 텍스트이다. 유니코드는 텍스트 데이터에 관한 표준이며, 사람이 사용하는 언어 대부분의 글자와 심볼에 해당하는 코드 포인트(code point)를 포함하고 있다. (이모티콘 포함) 자바스크립트의 문자열 리터럴은 작은따옴표, 큰따옴표, 백틱(backtick)을 사용한다. 백틱은 ES6에서 도입한 것이며, 템플릿 문자열에서 사용한다. let doubleQuotes = "text"; let quotes = 'text'; 만약 두 가지를..