👩🏻‍💻 프로그래밍 언어/JavaScript

var와 let의 주요 차이점에 대해서 알아봅시다 ! 😊스코프(Scope)var: 함수 스코프를 가집니다. 즉, 함수 내에서만 유효하며, 함수 외부에서는 접근할 수 없습니다. 그러나 함수 내부에서 선언된 경우, 블록({}) 내에서 선언된 것과 상관없이 함수 전체에서 접근 가능합니다.let: 블록 스코프를 가집니다. 즉, 중괄호({})로 묶인 블록 내에서만 유효하며, 블록 외부에서는 접근할 수 없습니다.변수 호이스팅(Variable Hoisting)var: 선언이 호이스팅(변수 선언이 코드의 최상단으로 끌어올려지는 현상)됩니다. 그러나 초기화는 호이스팅되지 않아 undefined 값을 반환할 수 있습니다.let: 선언은 호이스팅되지만, 초기화가 호이스팅되지 않아서 초기화 전 접근하면 ReferenceEr..

📚 then()앞선 비동기 작업이 완료되면 등록된 콜백을 실행해준다.then()은 Promise를 리턴한다1. fetch 함수가 url로 request를 보내면 Promise Pending 상태를 리턴.2. Promise가 Fulfilled 상태가 되면 Promise의 결과값을 콜백의 첫번째 파라미터로 전달한다.3. 만약, 콜백이 Promise를 리턴하면 then 메소드가 리턴한 Promise도 동일한 상태와 결과 값을 갖게 된다.4. 콜백이 Promise가 아닌 평범한 값을 리턴하면, then 메소드가 리턴한 Promise는 FulFilled 상태가 되고 리턴값을 결과값으로 갖게된다.  then() 메소드의 흐름한 줄로 정리Promise가 Fulfilled 상태가 되면(비동기 작업이 끝나면) 다음 작..

콜백(Callback)이란?어떤 함수의 아규먼트로 전달되는 함수를 콜백 또는 콜백 함수라고 부릅니다.자바스크립트나 자바스크립트 라이브러리는 다양한 비동기 함수를 제공해 준다.제공되는 비동기 함수에 콜백을 넘겨주기만 하면 비동기 프로그램을 구현할 수 있다.

👩🏻‍💻 await 함수Promise의 성공 결과 값을 받아오려면 함수 앞에 await을 사용한다async은 함수나, 파일 module의 최상위 레벨에서만 사용할 수 있다. 여기서 module은 ES6 모듈을 의미👩🏻‍💻 await의 역할fetch함수는 Promise 객체를 리턴한다.fetch 앞에 await문이 있으면 Promise가 Fulfilled 상태가 될 때까지 기다린다.Promise는 세 가지 상태를 갖는다. Pending (미결정) : 비동기 작업을 기다리고 있을 때 Fulfilled (성공) : 비동기 작업을 성공적으로 끝났을 때 Rejected (실패) : 비동기 작업이 실패했을 때비동기 작업이 완료되면 Promise가 작업 결과를 알려준다. 이는, await로 활용한다.🔒 ..

💡 fetch란 ?Promise 객체를 리턴한다fetch()는 console.log()보다 훨씬 오래 걸리기 때문에 printEmployees() 호출 아래 더 많은 console.log()문이 있었어도 그 출력문들이 모두 실행되고 나서 function() 안으로 돌아갑니다.💡 Promise 란 ?비동기 작업이 완료되면 값을 알려주는 객체작업이 완료되면 값을 알려줄 것을 '약속'함fetch는 오래 걸리는 작업이기 때문에 결과값을 바로 돌려줄 수는 없으니까, 일단 Promise를 돌려주고 나중에 작업이 완료되면 결과값을 Promise에 채워 넣어줌  Promise가 나오기 전 콜백 기반getEmployees((response) => { json((response, (data)) => { cons..

✅ || 연산자|| 연산자는 좌측의 값이 falsy 값(0, "", false, null, undefined, NaN)일 때 우측의 값을 반환합니다. 따라서 user가 빈 문자열("")이므로 currentUser1은 "Anonymous"가 됩니다. ✅ ?? 연산자?? 연산자는 좌측의 값이 null 또는 undefined일 때만 우측의 값을 반환합니다.