TwentyTwentyOne

✅ ES6 이상의 주요 기능: Arrow Function, Promise, Async/Await 완전 이해하기현대 JavaScript의 핵심은 ES6 이후 등장한 문법들입니다. 이 중 Arrow Function, Promise, Async/Await는 특히 비동기 처리와 가독성 향상에 중요한 기여를 한 문법입니다.이번 글에서는 이 세 가지 기능을 단순 문법 설명이 아닌 실무 활용 및 문제 해결 중심으로 파헤쳐 보겠습니다.📌 1. Arrow Function (화살표 함수)✅ 정의function 키워드 없이 더 간결하게 함수를 작성할 수 있는 표현식.const add = (a, b) => a + b;✅ 주요 특징항목 내용this기존 스코프의 this를 바인딩 (Lexical this)문법return 문 생..

✅ JavaScript에서 클로저(Closure)란 무엇이며 어떤 상황에서 사용하나?클로저(Closure)는 자바스크립트 엔진의 동작 방식과 실행 컨텍스트에 대한 깊은 이해를 묻는 대표적인 면접 질문입니다. 단순한 개념 설명을 넘어서, 어떤 문제를 해결하는 기술인지를 중심으로 접근해봅시다.📌 1. 클로저란 무엇인가?클로저란 함수가 자신이 선언될 당시의 스코프(Lexical Scope)에 접근할 수 있는 능력을 의미합니다.함수가 외부 함수의 지역 변수에 접근하고, 해당 외부 함수가 실행을 마친 후에도 그 변수에 계속 접근할 수 있는 상태를 유지하는 것이죠.function outer() { let count = 0; return function inner() { count++; return ..

✅ JavaScript의 원시 타입과 참조 타입의 차이는? 완전 정복 가이드프론트엔드 면접에서 자주 등장하는 **JavaScript의 원시 타입(Primitive Type)**과 **참조 타입(Reference Type)**의 차이는, 단순한 이론적 지식이 아니라 코드 설계, 버그 추적, 성능 최적화까지 연결되는 실전 지식입니다.이번 글에서는 면접 대비를 넘어 실무에서의 적용 방법까지 정리해보겠습니다.📌 1. 기본 개념: 메모리 저장 방식이 다르다🔹 원시 타입 (Primitive Type)**불변 값(Immutable)**이며, 값 자체를 저장함.변수에 할당 시 값이 복사되어 전달됨.typeof로 식별 가능타입 예시string'hello'number42booleantruenullnullundefine..

아래 글은 “웹 개발 기초부터 실무까지” 시리즈의 세 번째 글입니다. 이번에는 자바스크립트의 기초와 DOM(Document Object Model) 조작에 대해 살펴보겠습니다. HTML과 CSS로 웹페이지의 구조와 스타일을 잡았다면, 이제 자바스크립트를 통해 동적인 기능을 구현할 차례입니다.1. 자바스크립트란?1-1. 클라이언트 사이드 스크립트자바스크립트(JavaScript): 웹 브라우저 상에서 동작하는 대표적인 프로그래밍 언어입니다.HTML과 CSS가 정적(Static)이라면, 자바스크립트는 **동적(Dynamic)**인 부분을 담당해 웹페이지의 기능을 강화합니다.예: 버튼 클릭 시 메시지 표시, 사용자 입력 검증, 실시간 데이터 업데이트 등1-2. 자바스크립트의 특징인터프리터 언어: 별도의 컴파일 ..