반응형 Frontend/JavaScript3 [JS] Promise 동작 방식 : 아주 쉽게 그림으로 정리 ※ 이 글은 Promise의 동작 방식에 초점을 두었습니다. Promise에 대한 정확한 설명 혹은 문법은 캡틴 판교 님의 글을 보시면 매우 도움이 되실 겁니다.Promise란?Promise(프로미스)는 JavaScript 비동기 처리에 사용되는 객체입니다. Promise의 3가지 상태Prmoise의 동작 방식을 알기 전, Promise의 3가지 상태에 대해 필수로 알아야 합니다.Promise는 Promise 객체가 생성하고 종료될 때까지 3가지 상태를 갖습니다.Pending(대기): 비동기 처리 로직이 완료되지 않은 상태Fulfilled(이행): 비동기 처리가 완료되어 프로미스가 결과 값을 반환해준 상태Rejected(실패): 비동기 처리가 실패하거나 오류가 발생한 상태 Promise의 동작 방식🟢 .. 2024. 10. 21. [JS] Uncaught SyntaxError: Cannot use import statement outside a module 에러 해결 방법 🚨 크롬 console 에러 메시지Uncaught SyntaxError: Cannot use import statement outside a module❓에러 발생 이유브라우저가 해당 script를 ES6 모듈로 인식하지 못해서 발생하는 문제입니다. ✅ 해결 방법브라우저가 해당 script를 ES6 모듈로 인식할 수 있게 -->수정 코드 math.jslet pi = 3.14;export { pi }; index.jsimport { pi } from "./math.js";console.log(pi); 2024. 7. 10. [JS] JavaScript 스톱 워치 (+코드) 📄 StopWatch 요구 사항Start 버튼을 누르면 시간이 증가합니다.Stop 버튼을 누르면 시간이 정지합니다.Reset 버튼을 누르면 시간이 초기화됩니다. index.html StopWatch 0:0 Start Stop Reset script.js// 각 요소 변수에 저장하기const appendTens = document.getElementById('tens');const appendSeconds = document.getElementById('seconds');const buttonStart = document.getElementById('button-start');const buttonStop = docume.. 2023. 10. 25. 이전 1 다음 반응형
