# React ## 개요 React(리액트)는 **페이스북(현 메타)에서 개발**한 오픈소스 JavaScript 라이브러리로, 사용자 인터페이스(UI)를 **구성 요소(Component)** 단위로 선언적으로 만들 수 있게 해준다. 2013년에 처음 공개된 이후 현재는 웹·모바일·데스크톱 등 다양한 플랫폼에서 사용되며, **React Native*...
검색 결과
"JSX"에 대한 검색 결과 (총 9개)
# 웹 프론트엔드 개발 --- ## 개요 웹 프론트엔드 개발은 사용자가 웹 브라우저를 통해 직접 상호작용하는 **클라이언트 측** 인터페이스를 구현하는 작업을 의미한다. HTML, CSS, JavaScript와 같은 기본 기술을 바탕으로, React, Vue, Angular와 같은 **프레임워크·라이브러리**를 활용해 동적인 UI를 구성한다. 프론트엔드...
# 선언형 API ## 개요 선언형 API(Declarative API)는 사용자가 **"무엇을 원하는가**(what)에 집중하도록 설계된 프로그래밍 인터페이스입니다. 이는 절차형 API(Imperative API)와 대비되며, 절차형 API가 "어떻게 해야 하는가"(how)를 단계별로 명시한다면, 선언형 API는 최종 상태나 목표를 기술하고, 시스템이...
# 트랜스파일링 ## 개요 **트랜스파일링**(Transpiling)은 한 프로그래밍 언어의 소스 코드를 다른 프로그래밍 언어의 소스 코드로 변환하는 과정을 의미합니다. 일반적으로 "소스 투 소스 변환"(source-to-source compilation)이라고도 하며, 컴파일링과 유사하지만 결과물이 기계어가 아닌 **다른 고급 언어**의 코드라는 점에...
# AST (추상 구문 트리) ## 개요 **AST**(Abstract Syntax Tree, 추상 구문 트리)는 컴퓨터 과학, 특히프로그래밍 언어 처리**(Programming Language Processing)와 **컴파일러 설계** 분야 핵심적인 데이터 구조입니다. AST는 소스 코드의 문법적 구조를 **계층적이고 구조화된 트리 형태**로 표현하...
템플릿 엔 ## 개요**템플릿 엔진**(Template)은 소프트웨어 개발에서 데이터와 프레젠테이션(화면 표시)을 분리하기 위해 사용되는 도구입니다. 주로 웹 애플리케이션에서 서버 사이드 렌더링(SSR) 시, 동적으로 HTML 페이지를 생성하는 데 활용되며, 정적 템플릿에 변수나 제어 구조를 삽입하여 런타임에 데이터를 바인딩함으로써 최종 출력물을 생성합니...
# DOM 조작 ## 개요 DOM(Document Object Model) 조작은 웹 개발에서 HTML 문서의 구조, 스타일, 내용을 동적으로 변경하기 위한 핵심 기술입니다. DOM은 웹 브라우저가 HTML 문서를 트리 구조의 객체로 표현하는 방식으로, JavaScript를 통해 실시간으로 요소를 추가, 수정, 삭제할 수 있게 합니다. 이 문서는 DOM ...
# React Native ## 개요 및 역사 React Native는 Meta(구 페이스북)가 2015년에 발표한 오픈소스 프레임워크로, JavaScript를 사용하여 **iOS**와 **Android** 애플리케이션을 동시에 개발할 수 있는 **크로스-플랫폼** 개발 도구입니다. 기존의 하이브리드 앱과 달리 네이티브 컴포넌트를 활용해 더 높은 성능과 ...
# 인터랙티브 환경 ## 개요 인터랙티브 환경(Interactive Environment)은 프로그래밍 및 실시간 개발에서 개발자가 코드를 즉시 실행하고 결과를 확인할 수 있는 시스템을 의미합니다. 이는 전통적인 "코드 작성 → 컴파일/빌드 → 실행"의 단계적 과정을 대체하며, 실시간 피드백을 통해 개발 효율성을 극대화합니다. 특히 게임 개발, 웹...