키모스토리

클래스 문법// 클래스class Person { // 이전에서 사용하던 생성자 함수는 클래스 안에 // `constructor`라는 이름으로 정의합니다. constructor({name, age}) { //생성자 this.name = name; this.age = age; } // 객체에서 메소드를 정의할 때 사용하던 문법을 그대로 사용하면, // 메소드가 자동으로 `Person.prototype`에 저장됩니다. introduce() { return `안녕하세요, 제 이름은 ${this.name} 입니다.`; } } const person = new Person({name: 'Kimo', age: 33}); console.log(..

참고 문서 : https://ko.javascript.info/prototype-inheritanceconst user = { name: "Kimo", hasOwnProperty: function () { console.log('test') }}console.log(user.name);console.log(user.hasOwnProperty('name'));console.log(user.hasOwnProperty('age')); // 상속, 프로토타입, 클로저const Bmw = function(color){ const c = color; // this.color을 클로저로 은닉화 this.getColor=function() { console.log(c); ..

callcall 메서드는 모든 함수에서 사용할 수 있으며, this를 특정값으로 지정할 수 있다.const mike = { name: "Mike",};const tom = { name: "Tom",};// 해당 함수에서 접근 가능한 this가 없는 상태function showThisName(){ console.log(this.name);}showThisName(); // undefinedshowThisName.call(mike); // Mike .call() 메서드를 이용하여 this를 사용할 수 있게 됨showThisName.call(tom); // Tom .call() 메서드를 이용하여 this를 사용할 수 있게 됨function update(birthYear, occupation)..

setTimeout : 지정한 시간이 지나면 해당 함수를 1번 실행함// 함수를 따로 생성해 놓고 setTimeout 에서 호출function fn(){ console.log(3);}setTimeout(fn, 3000);// setTimeout 을 익명 함수를 이용하여 작업을 바로 지정 setTimeout(function(){ console.log(5)}, 5000);// setTimeout 인수 전달방법function showName(name){ console.log(name);}setTimeout(showName, 3000, 'Mike'); // 함수, 시간, 인수// 예정된 타이머를 취소를 위해 setTimeout을 변수에 저장const tId=setTimeout(showName, ..

arguments - 함수로 넘어 온 모든 인수에 접근  - 함수 내에서 이용 가능한 지역 변수  - lenght / index 를 가짐  - Array 형태의 객체  - 배열의 내장 메서드 없음 (forEach, map 사용안됨) function showName(name){    console.log(arguments.length);    console.log(arguments[0]);    console.log(arguments[1]);}showName('Mike', 'Tom');// 2// Mike// Tom 나머지 매개변수 (Rest parmeters) ...  으로 표현function showName(...names){    console.log(names);}showName();  showNa..

구조 분해 할당 (Destructuring assignment)- 구조 분해할당 구문은 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식let [x, y] = [1, 2];console.log(x); // 2console.log(y); // 1 배열을 분해해서 변수에 저장.let users = ['Mike', 'Tom', 'Jane'];let [user1, user2, user3] = users;console.log(user1); // 'Mikeconsole.log(user2); // 'Tomconsole.log(user3); // 'Jane let [a, b, c] = [1, 2]; // c에는 undefined 가 들어간다let [a=3, b=4, c=5] = [1,2];co..

sort() 배열 재정렬 (배열 자체가 변경됨)인수로 정렬 로직을 담은 함수를 받을 수 있음 let arr = [27, 5, 9, 14];arr.sort();console.log(arr); // [ 14, 27, 5, 9 ]  -> 5,9,14,27을 예상 하였으나 문자열 정렬방식으로 정렬됨let arr = [27, 5, 9, 14];arr.sort((a, b)=> {    console.log(a, b);    return a - b;});console.log(arr); // [ 5, 9, 14, 27 ] reduce()인수로 함수를 받음 (누적 계산, 현재값) -> {return 계산값};let arr = [ 1, 2, 3, 4, 5 ];// 배열의 모든 수 합계let result =0;arr.for..

arr.sort() 배열 재정렬, 배열 자체가 변경됨인수로 정렬 로직을 담은 함수를 받음let arr = [1, 5, 4, 2, 3];arr.sort();console.log(arr); // [ 1, 2, 3, 4, 5 ]let arr = ["a","c","d","b","e"];arr.sort();console.log(arr); // [ 'a', 'b', 'c', 'd', 'e' ] 주의 - 숫자값 배열을 정렬했으나 문자열로 변환하여 정렬을 처리함let arr = [27, 5, 9, 14];arr.sort();console.log(arr); // [ 14, 27, 5, 9 ]

배열의 기초선언 및 초기화const array_name = [item1, item2, ...];       const 키워드로 배열을 선언하는 것이 일반적입니다 .const cars = ["Saab", "Volvo", "BMW"]; 공백과 줄 바꿈은 중요하지 않습니다. 선언은 여러 줄에 걸쳐 있을 수 있습니다.const cars = [  "Saab",  "Volvo",  "BMW"]; 배열을 생성한 다음 요소를 제공할 수도 있습니다.const cars = [];cars[0]= "Saab";cars[1]= "Volvo";cars[2]= "BMW"; new 키워드로 배열 선언 방법const cars = new Array("Saab", "Volvo", "BMW"); new 키워드 사용보다는 아래 처럼 선언하는..

String at()const name = "W3Schools";let letter = name.at(2); // 'S'  const name = "W3Schools";let letter = name[2]; // 'S' let text = "HELLO WORLD";let char = text[0]; // 'H'문자열 부분 추출slice(start, end)substring(start, end)substr(start, length)Slice : 시작위치(0부터)~끝위치let text = "Apple, Banana, Kiwi";let part = text.slice(7, 13); // 'Banana'  2번째 인자 없으면 시작 위치부터 끝까지let text = "Apple, Banana, Kiwi";let ..

toString() 10진수 => 2진수/16진수로 변환 let num = 10;num.toString(); // "10"num.toString(2); // "1010" , 2진수로 변환 let num2 = 255;num2.toString(16); // "ff" , 16진수로 변환 Math.PI;3.141592653589793 Math.ceil(): 올림Math.floor() : 내림math.round(): 반올림 소수점 자릿수 : Math.roundlet userRate = 30.1234;요구사항 : 소수점 둘째자리 까지 표현(셋째 자리에서 반올림)Math.round(userRate * 100) / 100;  // 30.12 소숫점 자릿수 : toFixed()  let userRate = 30.1234..

일반적인 property key는 문자형으로 이루어 진다 property key를 1, false 처럼 숫자형, boolean형으로 사용을 해도 Object.keys 로 확인을 해보면 문자열로 반환된다const obj = { 1: '1입니다', false : '거짓'}console.log(Object.keys(obj)); // [ '1', 'false' ] 반환console.log(obj['1']);console.log(obj['false']); property key로 사용 가능한 또하나의 자료형은  Symbol형이다심볼(symbol)은 유일한 식별자(unique identifier)를 만들고 싶을 때 사용합니다. Symbol()을 사용하면 심볼값을 만들 수 있습니다.// id는 새로운 심볼..