프론트엔드 웹 개발 용어 사전

프론트엔드 개발에 관련된 주요 용어들을 쉽게 찾아보고 학습하세요.

HTML

언어

HyperText Markup Language의 약자로, 웹 페이지의 구조를 정의하는 마크업 언어입니다.

CSS

언어

Cascading Style Sheets의 약자로, HTML 요소의 스타일과 레이아웃을 정의하는 스타일 시트 언어입니다.

JavaScript

언어

웹 페이지에 동적인 기능을 추가하는 프로그래밍 언어로, 클라이언트 측과 서버 측 모두에서 사용됩니다.

React

라이브러리/프레임워크

Facebook에서 개발한 사용자 인터페이스를 구축하기 위한 JavaScript 라이브러리입니다.

Vue.js

라이브러리/프레임워크

사용자 인터페이스를 구축하기 위한 프로그레시브 JavaScript 프레임워크입니다.

Angular

라이브러리/프레임워크

Google에서 개발한 TypeScript 기반의 웹 애플리케이션 프레임워크입니다.

DOM

개념

Document Object Model의 약자로, HTML 및 XML 문서의 프로그래밍 인터페이스입니다.

API

개념

Application Programming Interface의 약자로, 서로 다른 소프트웨어 간의 상호작용을 정의하는 규약입니다.

REST API

개념

Representational State Transfer의 약자로, 웹 서비스를 설계하는 아키텍처 스타일입니다.

JSON

데이터 형식

JavaScript Object Notation의 약자로, 데이터를 저장하고 전송하기 위한 경량 데이터 교환 형식입니다.

AJAX

기술

Asynchronous JavaScript and XML의 약자로, 비동기적으로 데이터를 교환하고 웹 페이지를 업데이트하는 기술입니다.

Webpack

도구

모듈 번들러로, 여러 자원을 하나의 파일로 묶어주는 도구입니다.

Babel

도구

최신 JavaScript 코드를 이전 버전과 호환되는 코드로 변환해주는 트랜스파일러입니다.

npm

도구

Node Package Manager의 약자로, JavaScript 패키지 관리자입니다.

yarn

도구

Facebook에서 개발한 JavaScript 패키지 관리자로, npm의 대안입니다.

ESLint

도구

JavaScript 코드에서 문제점을 찾고 고치는 정적 코드 분석 도구입니다.

TypeScript

언어

Microsoft에서 개발한 JavaScript의 상위 집합 언어로, 정적 타입을 지원합니다.

SCSS/SASS

언어

CSS의 전처리기로, 변수, 중첩 규칙, 믹스인 등의 기능을 제공합니다.

Redux

라이브러리/프레임워크

JavaScript 애플리케이션의 상태 관리 라이브러리입니다.

JWT

보안

JSON Web Token의 약자로, 당사자 간 정보를 안전하게 전송하기 위한 컴팩트하고 독립적인 방식입니다.

SPA

개념

Single Page Application의 약자로, 하나의 HTML 페이지를 로드한 후 JavaScript를 사용하여 동적으로 콘텐츠를 업데이트하는 웹 애플리케이션입니다.

PWA

개념

Progressive Web Application의 약자로, 웹과 네이티브 앱의 기능을 모두 제공하는 웹 애플리케이션입니다.

SEO

마케팅

Search Engine Optimization의 약자로, 검색 엔진에서 웹사이트의 가시성을 높이는 과정입니다.

Responsive Design

디자인

다양한 디바이스와 화면 크기에 맞게 웹 페이지가 적절하게 표시되도록 하는 디자인 접근 방식입니다.

Flexbox

CSS

CSS3의 레이아웃 모드로, 요소들을 행과 열 형태로 배치하는 방법을 제공합니다.

Grid

CSS

CSS의 2차원 레이아웃 시스템으로, 행과 열을 기반으로 요소를 배치합니다.

CDN

인프라

Content Delivery Network의 약자로, 지리적으로 분산된 서버 네트워크를 통해 콘텐츠를 빠르게 전달하는 시스템입니다.

CORS

보안

Cross-Origin Resource Sharing의 약자로, 다른 출처의 리소스에 대한 접근을 제어하는 HTTP 헤더 기반 메커니즘입니다.

Webpack

도구

모듈 번들러로, 여러 자원을 하나의 파일로 묶어주는 도구입니다.

SSR

렌더링

Server-Side Rendering의 약자로, 서버에서 페이지를 완전히 렌더링한 후 클라이언트에 전송하는 방식입니다.