HS의 (개발)블로그

Promise() 사용법 위 링크에 들어가서 보면 Promise를 통한 비동기 처리에 대한 사용법이 두 가지가 나온다. 하나는 Promise를 객체에 담아서 사용하는 방법이고 하나는 return Promise를 사용하는 방법이다. 처음엔 상세히 공부하지않고 예제대로 Promise를 객체선언하고 사용했었다. 또한 Promise를 리턴해서나오는 값을 사용하기 위한 콜백 함수 then()을 정확하게 명시할 수 있어서였다. 처음엔 문제없이 처리했었는데 AJAX요청이 포함된 비동기 처리가 필요할 때 생겼다. AJAX로 비동기 요청을 하고 처리된 값을 어딘가에 대입해야 하는 상황에서 Async와 Await를 사용하게 됐는데 구체적인 모든 코드가 작성되어있지는 않지만 그 문제의 코드다. const detectLng ..

팝업창에서 부모창에 부모의 함수호출요청하고 팝업창닫음

노드JS를 공부하다 보면 비동기로 처리가 되어서 함수 처리 후에 나오는 값을 제대로 받을 수가 없는 적이 정말 많다. 그래서 이 비동기 처리되는 것을 원하는 대로 처리하기 위해 나온 게 콜백 함수다. 추후에 나온 promise라던지 async&await 같은 편하게 비동기 처리하는 방식도 있지만 말이다 function func3(c, callback) { console.log('함수정의3'); callback(c); } function func2(b, callback) { console.log('함수정의2'); callback(b); } function func(a, callback) { console.log('함수정의1'); callback(a); //function (result)

이번에 클래스 형식과 function 생성자 형식 상속에 대해서 공부하겠습니다. Class 방식이 훨씬 사용하기 쉬우니까 Class방식 쓰시길 바랍니다. ES6이상 형식이기도 하고요 class 방식 class Person{ constructor(name,age,value,lang){ this.name= name; this.age=age; this.value=value; this.lang=lang; } sum(){ return 'class'+(this.age+this.value); } } //기존 다른 언어의 상속처럼 extends 만 사용하면 됩니다. class People extends Person{ constructor(name,age,value,lang,money){ //super 는 ()로 처리가..

자바스크립트 ES6이전에는 Class를 사용할 수 없어서 대용으로 생성자와 프로토 타입을 사용해서 클래스처럼 사용할 수 있었다. 기존의 방식 생성자와 프로토 타입 코딩 나쁜 방식과 좋은 방식을 먼저 보자. //나쁜 방식( 생성자 내부에 메서드를 넣는 행위) //하나씩 생성시마다 메서드 메모리를 줘야해서 메모리 낭비됨. function Person (name,age,value,lang) { this.name=name; this.age=age; this.value=value; this.lang=lang; this.sum = function(){ return this.age+this.value; } } let kim = new Person("김씨",23,55,"chn"); //메서드 변경 kim.sum= fu..

배열과 객체를 선언해서 사용할 수 있다. 객체 내부에 함수를 사용할 때 ES6에서만 축약형을 사용할 수 있다. 값 삭제시에는 delete를 쓰는데 변수만 선언하고 값이 없는 상태로 undefined가 된다. 객체 내부 함수에서 객체변수를 사용 시에는 ES6와 ES5 비교 ES6가 더 보기 편하다.

var는 변수 재선언.재할당이 가능하다. var name = 'happy'[선언] console.log(name) => happy var name = 'sad'[재선언] console.log(name) => sad name = 'bad'[재할당] consol.log(name) => bad 이런 문제가 발생해서 const와 let이 나왔는데 let과 const모두 재선언이 불가능하다. 차이는 재할당에 있는데 let은 재할당이 가능하고 const는 재할당까지도 불가능하다 let => 재선언 x, 재할당 o const => 재선언 x, 재할당 x 또한 var는 function단위로 {}내부 지역변수로 사용되고 const와 let은 block단위로 function보다 작은 활동범위 내에서도 구분되어 사용된다고 ..