```markdown # 화살표 함수 (Arrow Function) ## 개요 화살표 함수(Arrow Function)는 **ECMAScript 2015**(ES6)에 도입된 새로운 함수 표현 방식으로, 기존 함수 표현식의 단점을 보완하고 더 간결한 문법을 제공합니다. 특히 `this` 키워드의 렉시컬(lexical) 바인딩과 간결한 구조로 인해 콜백 함...

# React ## 개요 React(리액트)는 **페이스북(현 메타)에서 개발**한 오픈소스 JavaScript 라이브러리로, 사용자 인터페이스(UI)를 **구성 요소(Component)** 단위로 선언적으로 만들 수 있게 해준다. 2013년에 처음 공개된 이후 현재는 웹·모바일·데스크톱 등 다양한 플랫폼에서 사용되며, **React Native*...

# 호이스팅 (Hoisting) ## 개요 호이스팅(Hoisting)은 **자바스크립트 실행 컨텍스트(Execution Context)** 가 생성될 때, 변수·함수 선언이 해당 컨텍스트의 최상단으로 끌어올려지는 동작을 의미한다. 이 과정은 코드가 실제로 실행되기 전에 이루어지며, 개발자가 변수와 함수를 선언한 위치와는 무관하게 **선언 자체가 먼저 처리...

# 웹 프론트엔드 개발 --- ## 개요 웹 프론트엔드 개발은 사용자가 웹 브라우저를 통해 직접 상호작용하는 **클라이언트 측** 인터페이스를 구현하는 작업을 의미한다. HTML, CSS, JavaScript와 같은 기본 기술을 바탕으로, React, Vue, Angular와 같은 **프레임워크·라이브러리**를 활용해 동적인 UI를 구성한다. 프론트엔드...

# Transcrypt ## 개요 **Transcrypt**은 파이썬(Python)을 최신 웹 브라우저에서 직접 실행 가능한 JavaScript로 변환하는 오픈소스 컴파일러입니다. 이 도구는 파이썬의 간결하고 읽기 쉬운 문법을 유지하면서도, 웹 브라우저에서 실행 가능한 JavaScript 코드를 생성함으로써, 웹 개발 환경에서 파이썬을 사용할 수 있는 ...

# 트랜스파일링 ## 개요 **트랜스파일링**(Transpiling)은 한 프로그래밍 언어의 소스 코드를 다른 프로그래밍 언어의 소스 코드로 변환하는 과정을 의미합니다. 일반적으로 "소스 투 소스 변환"(source-to-source compilation)이라고도 하며, 컴파일링과 유사하지만 결과물이 기계어가 아닌 **다른 고급 언어**의 코드라는 점에...

# ECMAScript ECMAS는 자바스크트(JavaScript) 언의 표준화된 사양ification)으로, 브라우저 및 다양한 환경에서 자바스크립트가 어떻게작해야 하는지를의하는 공식적인 기준입니다. ECMAScript는 ECMA International이라는 국제 표화 기구에서리하며, 이 표준을 바탕으로 브라우저 제작사, 개발자, 프레임워크 개발자들이...

AST 변환기## 개요 변환기(AST)는 **추상 구문 트리**(Abstract Syntax Tree, AST)를 입력으로 받아 이를 구조적으로 분석하고, 목적에 맞게 수정하거나 형태의 AST로 변하는 도구 또는로그램을 의미합니다. AST는스 코드를 구문적으로 분석한 후 생성되는 트리 형태의 데이터 구조로, 컴파일러나 인터프리터가 코드를 해석하고 최적화...

# ES6: 자바스크립트의 혁신적인 진화 ECMAScript 6(ES6), 공식 명칭은 ECMAScript 015는 자바스크RIPT의 중대한 업데이트 버전으로, 2015년 6월에 공식 발표되었습니다. 이 버전은 그 이전의 ES5(2009년) 이후 가장 큰 변화를 가져왔으며, 자바스크립트의 문법과 기능을 대폭 개선하여 더 직관적이고 효율적인 코드 작성을 가...

# JavaScript JavaScript는 웹 개발의 핵심 언어로, 동적 프로그래밍과 상호작용을 가능하게 하는 고급 스크립트 언어입니다. 1995년 넷스케이프(Netscape)의 브렌던 아이크(Brendan Eich)에 의해 개발되었으며, 현재는 ECMAScript 표준을 기반으로 웹 브라우저와 서버 측(Node.js) 모두에서 사용됩니다. --- ...