싱글 스레드 언어라는 것은 하나의 작업만 수행할 수 있다는 것인데 그렇다면 비동기 작업을 어떻게 할 수 있다는 것인가? 의문을 시작으로 작성한 글 입니다. ✅ 결론자바스크립트는 싱글 스레드(Single-threaded) 언어지만, 비동기 작업이 가능한 건 이벤트 루프(Event Loop)와 Web APIs (또는 Node APIs) 덕분입니다. 🌱 기본 전제: 자바스크립트는 싱글 스레드자바스크립트는 한 번에 한 작업만 처리할 수 있음즉, 콜 스택(Call Stack)에 하나씩 쌓고 처리하는 구조그런데 이런 구조면, 네트워크 요청이나 타이머 같은 작업을 하면 브라우저가 멈춰야 하지 않을까?🤔 그럼 어떻게 비동기가 가능할까?👉 핵심 키워드: 이벤트 루프(Event Loop) + Web APIs 자바스크..

📌 목차Promise란?Promise 언제 사용할까?Promise 가 왜 필요할까?Promise 의 3가지 상태Promise 이행되었을 때 실행 결과마무리 ✅ Promise 란?자바스크립트 비동기 처리에 사용되는 객체 ➡️  비동기란 무엇이며 자바스크립트에서 왜 비동기가 필요할까?자바스크립트는 싱글 스레드(프로그램이 샐힝되는 최소 단위로 일을 처리하는 작업자가 한 명이라고 이해하기) 언어 한 번에 하나의 작업만 처리할 수 있는 구조 이런 구조에서 시간이 오래 걸리는 작업이 들어오면? 다른 작업들은 기다리게 되고, 서버 응답까지 기다리게 된다면 전체 프로그램이 멈추는 현상이 생길 수 있습니다.➡️ 자바스크립트는 싱글 스레드인데도 UI가 멈추지 않는 이유는?백그라운드에서 비동기 작업을 따로 처리하고 결과가..

📝개요분명 들어봤던 단어! 너는 왜 항상 내 기억에서 사라지는거니..  기술 면접의 시작으로 절대 잊을 수 없는 단어가 되어버린  "클로저", 다시 이해해보기클로저는 초반에는 쉽지 않아도, 한 번 정확하게 이해하면 각종 상황에서 상태 저장, 정보 은닉, 비동기 처리 등에 유용하게 쓰이면 강력한 무기입니다.📚 목차1. 클로저란?2. 클로저가 왜 필요할까?3. 클로저 언제 사용하나요?4. 실전 예제5. 클로저와 관련된 주의점6. 정보 정리 & 마무리7. (부모) 클로저 한눈에 보기 : Venn Diagram  ✅ 1. 클로저란?  closure 폐쇄클로저는 함수와 그 함수가 선언되었을 때의 렉시컬 환경과의 조합이다.   더보기렉시컬 환경이란? 실행 중인 코드가 사용하는 변수, 상수, 함수 정보를 저장한는..

개요JavaScript를 공부하다 보면 꼭 만나게 되는 키워드가 있습니다. 바로 var, let, const 입니다. 이들과 함께 자주 나오는 호이스팅과 TDZ(Temporal Dead Zone) 개념까지 깔끔하게 정리하기목차1. var, let, const 차이점 2, 호이스팅이란? 3. TDZ(Temporal Dead Zone)란? 4. 왜 var를 지양해야 할까? 5. 실무에서의 팁1. var, let, const의 차이점키워드스코프재선언재할당호이스팅var함수 스코프OOO (초기값 undefined)let블록 스코프XOO (TDZ존재)const블록 스코프XXO (TDZ존재)🔸 var재선언 가능, 재할당 가능함수 스코프를 가짐 ({} 안에서는 스코프 무시)호이스팅 시 undefined로 초기화// ..

디자인 패턴 이란?코드를 체계화하기 위한 공통적인 패턴을 제공해 코드를 쉽게 이해하도록 돕고, 다른 개발자와의 의사소통을 원활하게 해줍니다. 디자인 패턴은 유지보수가 쉬운 코드를 작성하거나 리팩터링할 수 있는 길을 열어준다는 점에서 굉장히 중요합니다.자바스크립트는 서버와 클라이언트, 모든 곳에서 활용되는 최신 웹 개발의 중심입니다. 이제 자바스크립트는 모듈, 클래스, 화살표 함수, 템플릿 리터럴 등 이전에는 없던 기능을 지원하고 웹 개발자를 편하게 만들어주는 최신 라이브러리와 프레임워크도 많이 생겼습니다.  그렇다면 현재의 자바스크립트 생태계에서 디자인 패턴은 어떤 의미일까요?어쩌면 최신 프레임워크나 라이브러리는 이미 잘 작성되어 이러한 디자인 패턴이 필요하지 않을 수도 있습니다. 반대로 어떤 프레임워크..