![[JavaScript] 스코프, 렉시컬, 실행 컨텍스트, 호이스팅, 클로저 쉽게 이해하기 1 ChatGPT Image 2026년 2월 10일 오전 10 53 52 1](https://blogflow.kr/wp-content/uploads/2026/02/ChatGPT-Image-2026년-2월-10일-오전-10_53_52-1-300x200.png)
[JavaScript] 스코프, 렉시컬, 실행 컨텍스트, 호이스팅, 클로저 쉽게 이해하기
이 글에서 정리하는 내용 스코프, 렉시컬, 실행 컨텍스트, 호이스팅, 클로저는 자바스크립트를 공부할 때 거의 한 번에 묶여서 나오는 개념입니다. 처음에는 전부 다른 단어처럼 보이지만, 실제로는 자바스크립트가 변수를 어디서 찾는지 정하고, 실행 전에 무엇을 먼저 준비하고, 함수가 왜 바깥 변수를 기억하는지를 설명하는 같은…
더 읽기 →프론트엔드 개발과 IT 기술을 중심으로 실무 경험과 학습을 기록합니다.
자바스크립트 카테고리에서는 기초 문법부터 DOM 조작, 이벤트, 비동기 처리, 배열과 객체, 함수, ES6+ 문법까지 JavaScript 학습과 실무에 필요한 내용을 정리합니다. 개념 설명과 예제를 함께 다루며, 실제 구현에 바로 적용할 수 있는 방식으로 기록합니다.
자바스크립트 카테고리에서는 기초 문법부터 DOM 조작, 이벤트, 비동기 처리, 배열과 객체, 함수, ES6+ 문법까지 JavaScript 학습과 실무에 필요한 내용을 정리합니다. 개념 설명과 예제를 함께 다루며, 실제 구현에 바로 적용할 수 있는 방식으로 기록합니다.
![[JavaScript] 스코프, 렉시컬, 실행 컨텍스트, 호이스팅, 클로저 쉽게 이해하기 1 ChatGPT Image 2026년 2월 10일 오전 10 53 52 1](https://blogflow.kr/wp-content/uploads/2026/02/ChatGPT-Image-2026년-2월-10일-오전-10_53_52-1-300x200.png)
이 글에서 정리하는 내용 스코프, 렉시컬, 실행 컨텍스트, 호이스팅, 클로저는 자바스크립트를 공부할 때 거의 한 번에 묶여서 나오는 개념입니다. 처음에는 전부 다른 단어처럼 보이지만, 실제로는 자바스크립트가 변수를 어디서 찾는지 정하고, 실행 전에 무엇을 먼저 준비하고, 함수가 왜 바깥 변수를 기억하는지를 설명하는 같은…
더 읽기 →
주요 포인트 한눈에 보기 이 글은 프론트엔드 개발자가 반드시 이해해야 하는 UTC와 KST 시간 기준을 개념부터 실무 기준까지 정리합니다. 단순한 시간 차이 설명이 아니라, JavaScript Date 객체의 …
더 읽기 →![[JS 코딩테스트] 투두리스트 만들기 (To Do List - insertAdjacentElement) 3 ChatGPT Image 2025년 12월 31일 오전 10 46 53 1](https://blogflow.kr/wp-content/uploads/2025/12/ChatGPT-Image-2025년-12월-31일-오전-10_46_53-1-300x200.png)
주요 포인트 한눈에 보기 프론트엔드 코딩테스트에서 바닐라 자바스크립트로 투두리스트를 구현했던 경험을 정리합니다. 시험 당시에는 appendChild로 문제를 해결했지만, 이후 DOM 조작을 다시 공부하며 insertAdjacentElement라는 다른 선…
더 읽기 →![[JavaScript] 배열(Array) – 무조건 이해되는 자바스크립트 4 341b42f1 fb1a 4e2d 8eef 976a4a525369 12](https://blogflow.kr/wp-content/uploads/2025/12/341b42f1-fb1a-4e2d-8eef-976a4a525369-12-300x171.png)
주요 포인트 한눈에 보기 배열(Array)은 장바구니, 검색 결과, 태그 목록처럼 “화면에 반복 렌더링되는 목록”의 출발점입니다. 이 문서는 배열을 만들고(생성), 원본을 지키고(복사), 필요한 것만 골라 쓰는(메서드) 흐름을 예제로 빠르게 정리합니다. …
더 읽기 →![[JavaScript] reduce – 무조건 이해되는 자바스크립트 5 e95b9cc5 f7ed 4169 a8dd b531755cb11b 39](https://blogflow.kr/wp-content/uploads/2025/12/e95b9cc5-f7ed-4169-a8dd-b531755cb11b-39-300x171.png)
주요 포인트 한눈에 보기 JavaScript의 reduce() 함수는 배열을 하나의 값으로 축약하는 기능을 넘어서, 초심자에게는 복잡하게 느껴질 수 있는 데이터 변환을 단계별로 안전하고 예측 가능하게 처리해주는 핵심 도구입니다. 이 글에서는 완전 기초 개…
더 읽기 →