728x90
반응형

PROMISE 3

async / await

async/await는 비동기 작업을 쉽게 처리할 수 있도록 ES8에서 도입된 자바스크립트 기능임.Promise 기반의 비동기 코드를 동기식 코드처럼 작성할 수 있게 해주는 문법으로, 비동기 작업의 가독성을 크게 향상시킴.Q. (비)동기가 뭔데 ?A. https://jerrycodezzz.tistory.com/54 동기(Synchronous) 비동기(Asynchronous)1. 동기(Synchronous)동기적 처리는 작업이 순차적으로 실행되는 방식임. 하나의 작업이 끝날 때까지 다음 작업이 대기하며, 작업이 완료된 후에야 다음 작업이 실행됨. 즉, 코드가 위에서 아래로 순jerrycodezzz.tistory.com async 함수async 키워드를 함수 앞에 붙이면, 해당 함수는 자동으로 Promise..

Web Development 2024.09.30

동기(Synchronous) 비동기(Asynchronous)

1. 동기(Synchronous)동기적 처리는 작업이 순차적으로 실행되는 방식임. 하나의 작업이 끝날 때까지 다음 작업이 대기하며, 작업이 완료된 후에야 다음 작업이 실행됨. 즉, 코드가 위에서 아래로 순서대로 실행됨.특징:작업이 직렬적으로 처리됨.하나의 작업이 끝나기 전까지는 다음 작업을 시작할 수 없음.결과를 바로 얻을 수 있음.function task1() { console.log("Task 1 시작"); console.log("Task 1 끝");}function task2() { console.log("Task 2 시작"); console.log("Task 2 끝");}task1();task2();Task 1 시작Task 1 끝Task 2 시작Task 2 끝여기서는 task1이 끝난 후에..

Web Development 2024.09.30

[콜럼Vue스]ES6

ES6 가 무엇인가 ?자바스크립트의 새로운 버전임. 자바스크립트를 더 쉽게 쓰고, 효율적으로 만들기 위해 나온 표준.원래 자바스크립트도 잘 작동했지만, ES6로 업데이트 되면서 여러 기능이 추가되고 개선된 거임 ! 비유로 말하자면, 스마트폰 : 자바스크립트 = 소프트웨어업데이트 : ES6  ES6의 핵심기능1. let 과 const2. 화살표 함수 (Arrow Function)3. 템플릿 리터럴 (Template Literals)4. 디스트럭처링 할당 (Destructuring Assignment)5. 클래스 (Class)6. Promise7. 모듈 (Modules) 1. let과 const let과 const는 ES6에서 도입된 새로운 변수 선언 방법임.기존의 var는 함수 스코프만을 지원했지만, le..

728x90
반응형