#프론트엔드

Babel

개요 Babel은 최신 JavaScript(ES6+) 및 일부 TypeScript, JSX 코드를 이전 버전의 JavaScript(ES5 등)로 변환(Transpile)하는 도구이다. 브라우저마다 지원하는 JavaScript 기능이 다르기 때문에, B

2026.06.24 · 5분 읽기

웹개발 · React

JSX

개요 JSX(JavaScript XML)는 JavaScript 코드 안에서 HTML과 유사한 문법으로 UI를 작성할 수 있도록 만든 문법 확장(Syntax Extension) 이다. React에서 가장 많이 사용되며, 브라우저가 직접 실행하는 것이 아

2026.06.19 · 4분 읽기

웹개발 · 프론트엔드

Manifest

개요 Web App Manifest는 PWA(Progressive Web App)의 이름, 아이콘, 시작 페이지, 테마 색상 등 앱의 기본 정보를 정의하는 JSON 파일이다. 브라우저는 Manifest 파일을 읽어 웹사이트를 앱처럼 설치(Home Sc

2026.06.19 · 4분 읽기

Vue.js

개요 Vue.js는 사용자 인터페이스(UI)를 구축하기 위한 오픈소스 JavaScript 프레임워크이다. 간결한 문법과 낮은 진입 장벽으로 빠르게 웹 애플리케이션을 개발할 수 있으며, 컴포넌트(Component) 기반 구조를 사용하여 재사용성과 유지보

2026.06.19 · 4분 읽기

웹개발 · React

React

개요 React는 Meta(Facebook)에서 개발한 오픈소스 JavaScript UI 라이브러리이다. 컴포넌트(Component) 기반 구조를 사용하여 화면을 작은 단위로 분리해 개발할 수 있으며, Virtual DOM을 활용하여 효율적인 렌더링

2026.06.19 · 4분 읽기

웹개발 · HTML

HTML

개요 HTML(HyperText Markup Language)은 웹페이지의 구조를 정의하는 마크업 언어이다. 웹 브라우저는 HTML 문서를 해석하여 화면에 표시하며, CSS는 디자인을 담당하고 JavaScript는 동적인 기능을 담당한다. 현대 웹 개

2026.06.19 · 3분 읽기

웹개발 · JavaScript

JavaScript

개요 JavaScript는 웹 브라우저에서 동적인 기능을 구현하기 위해 개발된 프로그래밍 언어이다. 현재는 브라우저뿐만 아니라 Node.js를 통해 서버 개발도 가능하며, 웹 개발에서 HTML, CSS와 함께 필수적으로 사용되는 기술이다. React,

2026.06.19 · 4분 읽기

웹개발 · CSS

CSS

개요 CSS(Cascading Style Sheets)는 HTML 문서의 색상, 글꼴, 크기, 배치, 애니메이션 등 시각적인 표현을 담당하는 스타일시트 언어이다. HTML이 문서의 구조를 담당한다면, CSS는 디자인과 레이아웃을 담당하며 JavaScr

2026.06.19 · 4분 읽기

프론트엔드 · jQuery

jQuery

개요 jQuery는 JavaScript를 더 쉽고 간결하게 사용할 수 있도록 만들어진 오픈소스 라이브러리이다. 과거에는 브라우저 호환성 문제를 해결하고 DOM 조작을 간편하게 하기 위해 매우 널리 사용되었으며, 현재도 그누보드, 워드프레스, 레거시 P

2026.06.19 · 5분 읽기

프론트엔드