Callback(2)
-
[프론트엔드]_JavaScript(es6)_9.Callback - > Promise 전환
공부 자료 : 드림코딩 by 엘리 개발 환경 : visual studio code 언어 : js 이전에 공부한 콜백과 프로미스를 이용해서 콜백 지옥을 프로미스를 이용해서 간략하게 바꾸는 연습을 하고 메모한다. 콜백함수 원본 바꾸게 되면 다음과 같다. 살짝만 보아도 간결해진것을 알 수 있다. promise에서는 상태가 중요하다고 하였다. 콜백함수에서 성공case와 실패시 case를 각각 resolve와 reject로 이해하고 해당 부분을 적용시키면 된다. 우선 Promise는 생성자로 생성을 해줘야 하며, 해당 함수가 선언되고 resolve든 reject든 반환해줘야 하기 때문에 return을 사용해준다. yoon이라는 이름 또는 coder 라는 이름이 각각 id와 password가 지정된 값이 맞으면 r..
2021.12.12 -
[프론트엔드]_JavaScript(es6)_7.callback 함수
공부 자료 : 드림코딩 by 엘리 개발 환경 : visual studio code 언어 : js 1. 콜백함수의 개념 자바스크립트 언어는 동기적 언어이다. 순차적 언어이지만 뒤에 서술하여도 hoisting 되는 부분이 먼저 맨 위로 자동적으로 올라가고 그 뒤 순차적을 진행한다. hoisting의 대표적 예로는 var 변수나 함수선언이 있다. 다음과 같은 setTimeout 이라는 함수가 있다 이 함수는 파라미터로 함수를 받아올수 있다. 자바스크립트는 위에서부터 아래로 읽는다. 1을 바로 출력하고 setTimeout 를 만나면 브라우저에게 다음과 같은 function을 해당하는 2000(2초) 뒤에 실행해달라는 메시지를 남기고 그다음줄로 이동하여 3,4를 출력한다. 2초뒤 2를 출력하여 로그는 1 ,3 ,..
2021.12.12