본문 바로가기

JS, TS

[Javascript] Promise와 Async / Await Promise 우리가 API를 처리할 때나 fetch()로 데이터를 불러올 때, 비동기 작업을 하게 된다 그 때 Promise는 비동기 작업을 기반으로, pending 상태에서 ~ 결과값인 resolve / reject를 가져온다 관련 메소드들로 동기 메소드처럼 값을 반환할 수 있고, 미래의 어떤 시점에 결과를 제공한다 const promiseVar = new Promise((resolve, reject) => ( setTimeout(resolve, 3000, "Yes u r") // (handler, timeout, argument) )); promiseVar .then(result => console.log(result))// resolve 되면 실행 .catch(error => console.log.. 더보기
[Javascript][ES6] 화살표 함수 (Arrow Function)와 템플릿 리터럴 (Template Literals) Javascript 기초 함수 게시글 https://snupi.tistory.com/100 [부스트코스][BoostCourse] 6. Javascript 함수(1/2) (JS 함수의 개념 / 장점) 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 개념 함수는 데이터를 전달받아 처리한 후 결과를 출력하는 코드 블록이다 예시를 자판기로 들어보자 ex) 우리는 돈을 넣고 음료수 버튼(매 snupi.tistory.com https://snupi.tistory.com/101 [부스트코스][BoostCourse] 7. Javascript 함수(2/2) (JS 함수의 매개변수와 인자 / 리턴 / JS의 전역함수) 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 // 함수 선언 function 함수이름 ([arg1.. 더보기
[Javascript][ES6] Array Swapping, Omitting Array swapping let mon = "Sat"; let sat = "Mon"; [sat, mon] = [mon, sat] // 변수 swap Array Omitting const [, , , thu, fri] = days; // 4, 5번째 만 가져옴 더보기
[Javascript][ES6] 객체 구조 분해 할당 (Object Destructuring) / 전개 구문 (Spread Operator) / Rest parameter 객체 구조 분해 할당 (Object Destructuring) 구조 분해 할당(Destructuring)은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이다. 우리는 Object Destructuring을 알아보자. 다음과 같이 객체와 속성이 선언되어 있고, 그를 콘솔창에 출력할 때 우리는 변수를 선언한다 const human = { name: "snupi", lastName: "Lee", nationality: "KOR", favFood: { breakfast: "egg", lunch: "watermelon", dinner: "anyfood" } } const name = human.name; const difName = human.lastName;.. 더보기
[Javascript][ES5][ES6] Array map() / sort() / filter() / forEach() / includes() / push() / shift() / unshift() / findIndex() / fill() / flat() Array reduce() 메소드 -> https://snupi.tistory.com/151 [Javascript][ES5] Array reduce() Array map(), filter(), forEach(), includes(), push() 메소드 -> https://snupi.tistory.com/144 [Javascript][ES5] Array map() / filter() / forEach() / includes() / push() Array map() map() 메서드는 배.. snupi.tistory.com Array.from(obj) array-like object 에 array 메소드를 사용하려면, Array.from(obj) 을 사용한다 이는 array-like object (Node.. 더보기