본문 바로가기
반응형

자바스크립트심화4

JavaScript 이벤트 루프 완전 정복｜콜 스택, 태스크 큐, 마이크로태스크 한눈에 이해하기 🧠 JavaScript 이벤트 루프 완전 정복｜콜 스택, 태스크 큐, 마이크로태스크의 작동 원리안녕하세요, 퍼블리셔 노미입니다! 😊오늘은 자바스크립트 개발자라면 반드시 알고 있어야 할 이벤트 루프(Event Loop)의 세계로 들어가 볼 거예요. 🔁“왜 setTimeout()보다 Promise가 먼저 실행되지?”“async/await은 정확히 언제 실행될까?” 이런 궁금증이 있다면, 오늘 글이 아주 큰 도움이 될 거예요! 📚 콜 스택, 태스크 큐, 마이크로태스크까지 비동기 타이밍의 핵심을 부드럽고 시각적으로 정리해드릴게요. 🧩📌 자바스크립트는 싱글 스레드 언어먼저 꼭 알아야 할 기본 개념! 자바스크립트는 싱글 스레드(Single Thread) 기반 언어예요. 🧵 즉, 한 번에 한 작업만 처리.. 2025. 5. 21.
JavaScript 디자인 패턴 실전편｜모듈부터 전략 패턴까지 코드로 배우기 🎨 JavaScript 디자인 패턴 실전편｜모듈 패턴부터 옵저버, 전략 패턴까지 코드로 이해하기안녕하세요, 퍼블리셔 노미입니다! 😊이전 글에서 우리는 JavaScript의 모듈 시스템과 기본적인 디자인 패턴을 배웠어요.그럼 이번에는 진짜로 실무에서 써먹을 수 있도록, "코드로 체감하는 디자인 패턴 실전 예제"를 준비했어요! 💡이 글에서는 다음과 같은 패턴을 코드 예시 중심으로 풀어봅니다:📦 모듈 패턴(Module Pattern)👑 싱글턴 패턴(Singleton Pattern)🏭 팩토리 패턴(Factory Pattern)👀 옵저버 패턴(Observer Pattern)🎯 전략 패턴(Strategy Pattern)실전 예제 + 사용 시점까지 부드럽고 꼼꼼하게 설명할게요! 시작합니다! 🚀📦 모.. 2025. 5. 19.
JavaScript 디자인 패턴 완전 정복｜싱글턴, 팩토리, 옵저버 패턴 쉽게 배우기 🛠️ JavaScript 디자인 패턴 완전 정복｜싱글턴, 팩토리, 옵저버 패턴 쉽게 이해하기안녕하세요, 퍼블리셔 노미입니다!지금까지 우리는 HTML, CSS, JavaScript 기본 문법, 비동기 처리, 객체지향 프로그래밍(OOP)까지 단계별로 완성해왔습니다.이제 한 단계 더 나아가 복잡한 프로젝트를 더 깔끔하고 효율적으로 구성하는 방법을 알아야 할 때입니다.바로 **디자인 패턴(Design Pattern)** 입니다.디자인 패턴은 반복되는 문제를 효율적으로 해결하기 위한 코드 설계 방법입니다.오늘은 가장 실전성이 높은 패턴인 **싱글턴, 팩토리, 옵저버 패턴**을 중심으로 아주 자세히 정리해드릴게요.📌 디자인 패턴이란?디자인 패턴(Design Pattern)이란 프로그래밍에서 자주 발생하는 문제를.. 2025. 5. 7.
JavaScript 비동기 처리 완전 정복｜콜백, 프로미스, async/await 흐름 한 번에 이해하기 ⏳ JavaScript 비동기 처리 완전 정복｜콜백, 프로미스, async/await 흐름 이해하기안녕하세요, 퍼블리셔 노미입니다!프론트엔드 개발을 하다 보면 반드시 마주치는 개념이 있습니다.바로 **비동기(Asynchronous)** 입니다."자바스크립트는 싱글 스레드인데, 어떻게 동시에 여러 작업을 처리할까?""API 호출 결과를 기다리지 않고 코드가 먼저 실행되면 어떻게 해야 하지?""콜백 지옥(callback hell)이란 게 대체 뭘까?"오늘은 이런 궁금증을 콜백 → 프로미스 → async/await 순서로 완벽하게 정리해서 알려드릴게요.📌 비동기 처리란 무엇인가?비동기 처리는 어떤 작업이 끝날 때까지 기다리지 않고 다음 작업을 바로 실행하는 방식을 말합니다.동기(Synchronous) 처리.. 2025. 5. 5.
반응형

티스토리툴바