모모의 IT성장수첩

var 심볼 = Symbol('설명'); var weight = Symbol('내 시크릿 몸무게임'); var height = Symbol('내 시크릿 키'); var age = Symbol('내 시크릿 나이'); var person = { name: 'kim', [age]: 40 }; //시크릿 나이 person.weight = 54; person[weight] = 60; //symbol 저장법 (밖에 공개가 안됨) person.height = 164; person[height] = 163; //symbol 저장법 (밖에 공개가 안됨) for (var key in person) { console.log(person[key]); } var 어레이 = [2,3,4]; 어레이[Symbol.iterator];..

Javascript 2021. 9. 24. 11:33

for (var i = 0; i < 3; i++) { } [1, 2, 3].forEach(); //array 전용 for (var key in 오브젝트) { } //object 전용 for (var key of iterable) { }//iterable 전용 for(var key in 오브젝트) class 부모 { } 부모.prototype.name = "park"; var 오브젝트 = new 부모(); var 오브젝트 = { name: 'kim', age: 30 }; //Object.getOwnPropertyDescriptor(오브젝트, 'name'); for (var key in 오브젝트) { if (오브젝트.hasOwnProperty(key)) { console.log(오브젝트[key]) } } /..

Javascript 2021. 9. 24. 11:24

Promise가 어렵다면 그보다 훨씬 쉽게 쓸 수 있는 ES8 문법이 있습니다. async, await이라는 키워드인데 각각 Promise와 then을 매우 쉽게 만들어주는 문법입니다. async 키워드를 쓰면 Promise 오브젝트가 절로 생성됩니다. 말그대로입니다. new Promise() 어쩌구 하실 필요가 없습니다. 근데 이 키워드는 function 선언 앞에만 붙일 수 있습니다. * async/await 기본활용 async function 더하기(콜백){ 1+1; // return Promise.reject(’실패임’) } 더하기().then(function(결과){ console.log(’성공이에요.’) } async function 더하기(){ var 프로미스 = new Promise(fun..

Javascript 2021. 9. 24. 10:14

// Q1. // var 강아지1 = { type : '말티즈', color : 'white' }; // var 강아지2 = { type : '진돗개', color : 'brown' }; class 강아지 { constructor(type,color){ this.typeName = type; this.colorName = color; } 한살먹기(){ if( this instanceof Cat) { this.나이++ } } } var 강아지1 = new 강아지('말티즈','white'); var 강아지2 = new 강아지('진돗개','brown'); console.log(강아지2); //Q2.class를 이용해 고양이 오브젝트 여러개를 // var 고양이1 = { type : '코숏', color : '..

Javascript 2021. 9. 13. 17:44

var 사람 ={ name: 'park', age: 30, get nextAge(){ //get 데이터를 꺼내쓰는 함수에 사용 return this.age + 1; //return이 꼭 있어야함. }, set setAge(나이){ //set은 더 직관적인 파라미터 사용가능 데이터를 변경하는 함수에 사용 this.age = parseInt(나이); //안전장치 } } 사람.setAge = '50'; 사람.nextAge; class 사람2 { constructor(){ this.name = 'park'; this.age = 20; } get getAge2(){ return this.age + 1 } set setAge2(나이){ this.age = parseInt(나이); } } var 사람1 = new 사..

Javascript 2021. 9. 13. 16:56

class 할아버지 { constructor(name) { this.성 = 'kim'; this.이름 = name; } sayHi() { console.log('안녕 저는 할아버지에요'); } } //var 할아버지1 = new 할아버지('만덕'); class 아버지 extends 할아버지 { constructor(name) { super(name); //constructor위 내용을 그대로 둠 this.나이 = 50; } sayHi() { console.log('안녕 저는 아버지에요'); super.sayHi(); } } var 아버지1 = new 아버지('만수');

Javascript 2021. 9. 7. 18:00

table 태그에서 말줄임 사용하는 방법 table {table-layout: fixed;} 말줄임이 필요한 셀렉트 {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} 말줄임 비적용 번호제목작성자 3 말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기 아무개 2 말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기 아무개 1 말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기 아무개 말줄임 적용 번호제목작성자 3 말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기말줄이기 아무개 2 말..

퍼블리싱 2021. 9. 3. 13:09

Javascript 2021. 8. 26. 14:02

// var 학생1 = { // name: 'Kim', // age: 15, // sayHi: function () { // console.log('안녕하세요.' + this.name + '입니다.') // } // } // 학생1.sayHi(); // constructor 문법으느 오브젝트 복사를 쉽게함 function 기계(이름) { this.name = 이름; this.age = 15; this.sayHi = function () { console.log('안녕하세요.' + this.name + '입니다.') } //this: 기계에서 새로생성되는 object(instance) //기계: object생성기계(constructor, 생성자) }//constructor 이름은 대문자영어로 작성 //쉽게..

Javascript 2021. 8. 26. 11:52

var a = [1, 2, 3]; var b = '김밥'; var c = [...b, ...a]; console.log(c); //["김","밥",1,2,3] var a = [1, 2, 3]; var b = ['you', 'are']; var c = function (a, b) { console.log([[...a], ...[...b]][1]) } c(a, b); //you function 함수(a = 5, b = a * 2) { console.log(a + b); //3+6 return 10 } 함수(3); //9 function 함수(a = 5, b = a * 2) { console.log(a + b); } 함수(undefined, undefined); //아무것도 안넣으면 디폴트 파라미터가 가동 /..

Javascript 2021. 8. 26. 10:54

function 함수2(...파라미터들) { console.log(파라미터들); } 함수2(1, 2, 3, 4, 5); function 함수3(a, b, ...파라미터들) { console.log(파라미터들); } 함수3(1, 2, 3, 4, 5); function 함수4(a, b, ...파라미터들) { console.log(파라미터들[2]); } 함수4(1, 2, 3, 4, 5); //5 function 함수5(...rest) { for (var i = 0; i < rest.length; i++) { console.log(rest[i]); } } 함수5(1, 2, 3, 4, 5); //1~5출력 function 함수6(a, ...rest) { for (var i = 0; i < rest.length; ..

Javascript 2021. 8. 25. 17:38

//arguments function 함수1(a, b, c) { console.log(arguments); //모든 파라미터를 []안에 넣은 변수 } 함수1(1, 2, 3); function 함수더하기(a, b, c) { let total = 0; for (var i = 0; i < arguments.length; i++) { console.log(total = total + arguments[i]); } } 함수더하기(1, 4, 2);

Javascript 2021. 8. 24. 10:44