Javascrpit (4) 썸네일형 리스트형 자바스크립트 - Promise(then, catch) 이 포스팅은 생활코딩님 강의를 참고하여 작성합니다. 이 시리즈는 callback, promise, async & await 3편으로 구성할 예정입니다. 목차 1. promise API promise API Promise - MDN Promise는 비동기 작업이 맞이할 완료(성공)/실패를 리턴 값으로 반환한다. Promise 객체를 실제로 만들수도 있지만 나에게는 딱히 필요없는 내용이니 Promise API를 사용하는 API를 공부하기 위해 Promise를 공부하게 되었다. 우선 내가 프론트 작업을 해야하는 axios API가 promise로 이뤄져 있다. 근데 axios는 js 내장 API는 아니기 때문에 js 내장 API인 fetch API를 통해 promise를 이해하려고 합니다. fetch API는.. 자바스크립트 - callback 이 포스팅은 생활코딩님 강의를 참고하여 작성합니다. 이 시리즈는 callback, promise, async & await 3편으로 구성할 예정입니다. 목차 1. first class citizen 2. callback 함수 first class citizen(1급 객체) 1급 객체란 변수로 할당할 수 있는 것을 말한다. 1은 변수로 할당할 수 있기 때문에 1급 객체이다. const num = 1; 함수 또한 변수로 할당할 수 있기 때문에 1급 객체이다. const say = (text) => { console.log(text); } 자바를 배운 사람입장에서는 위 코드는 굉장히 낯설다. 자바에서는 함수가 1급 객체가 될 수 없기 때문이다. 조건문은 변수로 할당 할 수 없기 때문에 1급 객체가 될 수 없다.. Js - ES6 화살표함수 화살표 함수는 ES6에서 도입된 함수를 표현하는 새로운 방식이라고 합니다. 그렇다고 기존 function을 이용하는 함수 선언 방식과 거의 동일한 역할을 하지만 가리키는 this가 다릅니다. function() 을 사용했을 경우 function BlackDog() { this.name = '흰둥이'; return { name : '검둥이', bark : function() { console.log(this.name + ' : 멍멍!'); } } } const blackDog = new BlackDog(); blackDog.bark(); // 검둥이 : 멍멍! 이 경우에는 자신이 종속된 객체를 this로 가리키게 됩니다. 화살표 함수를 사용했을 경우 function WhiteDog() { this.name.. 변수 선언 방식 const, let, var 자바에서는 변수를 선언할 때 거의 대부분 타입을 지정한다.(자바 10에서 도입된 var 선언을 제외한다면) 자바 스크립트는 우선 타입 언어가 아니다. 그래서 자바를 공부하다가 Js를 공부하면 변수 선언 방식에 있어 헷갈리는 부분이 있다. 간단하게 정리해보겠다. const ES6 문법에서 새로 도입됐다고 한다. 한번 지정하고 나면 변경이 불가능하고 같은 스코프 내에서 재선언도 불가능하다. 마치 Java의 final 키워드 기능을 가지고 있음 const는 블록 단위의 스코프를 가진다. let let도 블록 단위의 스코프를 가진다. 동적인 값을 담을 수 있으며 같은 스코프 내에서는 재선언이 불가능하다. var var는 함수 단위의 스코프를 가진다. 그리고 동적인 값을 담을 수 있으며 같은 범위 내에서 재선언도.. 이전 1 다음