본문 바로가기

javascript

async, await에 대해서 Hi, There!안녕하세요, 바오밥입니다.목차개요본문Reference개요오늘은 자바스크립트의 async, await에 대해서 간단하게 알아보았습니다.본문asyncasync를 사용하면 항상 Promise를 반환합니다.async function getName() { return "Mike"}console.log(getName()) // Promise 반환 이를 이용하여 Promise의 .then() 메서드를 사용할 수 있습니다.async function getName() { return "Mike";}getName() .then((name)=> { console.log(name); // Mike}) .catch() 메서드도 사용할 수 있습니다.async function getName() { t.. 더보기
promise에 대해서 Hi, There!안녕하세요, 바오밥입니다.목차개요본문Reference개요자바스크립트의 프로미스 부분을 정리하였습니다.본문자바스크립트의 비동기 처리자바스크립트는 비동기 처리란 특정 코드에 의해 실행된 연산이 종료되지 않았음에도 불구하고 다른 코드가 실행되는 특성을 말합니다. 자바스크립트의 비동기 처리 예시 - setTimeoutsetTimeout은 이전 장에 잘 설명되어 있으니 참고 부탁드립니다.스케쥴링 메서드 (setTimeout, setInterval)코드의 흐름대로 실행되지 않고, 3초를 기다리는 동안 hello again이 미리 실행되어 버립니다.console.log("hello!");setTimeout(function(){ console.log("bye!");}, 3000);console.lo.. 더보기
구조 분해 할당 Hi, There! 안녕하세요, 바오밥입니다. 목차 개요 본문 Reference 개요 자바스크립트의 구조 분해 할당이 무엇인지 알아보고 예제를 통해 어떻게 사용되는 지 정리하였습니다. 본문 구조 분해 할당의 정의 구조 분해 할당 구문은 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식입니다. 구조 분해 할당 예제 간단한 배열 구조 분해 할당 예시 x, y 변수에 각 배열 요소 1,2를 구조 분해 할당하는 코드입니다. let [x,y] = [1,2] console.log(x,y); // 1,2 배열 구조 분해 할당 예시 user1, user2, user3, 변수에 users 배열 전체를 구조 분해 할당하는 코드입니다. let users = ['Tom', 'Mike', 'Jane'].. 더보기

티스토리툴바