Frontend — 335개 용어

웹 접근성. 장애인·모든 사용자가 쓸 수 있게 하는 실천. WCAG 표준.

Next.js Image·WebP·AVIF·srcset·lazy·blur placeholder.

Angular용 메타프레임워크. Vite·파일 라우팅·SSR.

Google의 엔터프라이즈 프런트엔드 프레임워크. TypeScript 1급. RxJS·DI 기반.

HttpOnly·Secure·SameSite·Domain·Path·Max-Age. 보안·동작 제어.

Angular 17+의 반응성 API. Zone.js 의존 탈피.

서버에서 HTML을 완성해 클라이언트에 보내는 렌더링. SEO·초기 로딩 속도에 유리.

HTML 네이티브로 표현 어려운 의미를 속성으로 보강하는 W3C 표준.

비동기 렌더링(데이터 로딩, 코드 스플릿)을 선언적으로 처리하는 React 기능. fallback으로 로딩 UI 지정.

Radix UI + Tailwind로 만든 copy-paste 컴포넌트 모음. 라이브러리 아님.

빌드 타임에 HTML을 미리 생성하는 방식. CDN에서 즉시 서빙되어 가장 빠르다.

여러 프로젝트·패키지를 하나의 저장소에서 관리하는 방식. Turborepo·Nx·pnpm workspace가 대표 도구.

JavaScript 스키마 검증 라이브러리. Zod 이전 주류. Formik과 자주 조합.

React에서 함수 컴포넌트의 상태를 선언하는 가장 기본 훅.

서버가 보낸 정적 HTML에 JS를 부착해 인터랙티브하게 만드는 과정.

페이지 전체 새로고침 없이 JS로 화면을 갱신하는 웹앱 구조. React·Vue·Angular의 기본 형태.

검색엔진에서 상위 노출되도록 사이트를 최적화하는 기술·전략.

콘텐츠 중심 사이트에 최적화된 프레임워크. "Islands Architecture"로 기본 0 JS, 필요한 곳만 hydration.

Evan You가 만든 프로그레시브 JS 프레임워크. 한국·중국에서 특히 인기.

TypeScript 런타임 스키마 검증 라이브러리. 타입 자동 추론.

Rust로 작성된 올인원 JS/TS 툴체인. ESLint·Prettier를 100배 빠르게 대체.

요소 크기 변경을 감지하는 API. window resize가 아닌 개별 요소 단위.

JS/TS 트랜스파일러 선택.

페이지 로드 후 가장 큰 콘텐츠 요소가 보이기까지의 시간. Core Web Vitals 핵심, 2.5초 이하 권장.

웹 기술로 만든 앱을 네이티브 앱처럼 설치·오프라인 동작하게 하는 표준.

Meta가 만든 UI 라이브러리. 선언적 컴포넌트·단방향 데이터. 프런트엔드 1위.

사용자 입력(클릭·탭)에서 다음 페인트까지 걸리는 시간. 2024년 FID를 대체. 200ms 이하 권장.

Remix와 통합된 React 라우터. 라이브러리·프레임워크 모드 둘 다 지원.

Rich Harris가 만든 컴파일러 프레임워크. 런타임 VDOM 없이 순수 JS로 컴파일.

비제어(uncontrolled) 기반 고성능 React 폼 라이브러리. Zod·Yup 연동.

Meta가 만든 React 상태 관리. Atom·Selector 모델. 2024년 이후 업데이트 둔화.

표준 JavaScript 모듈 시스템. import/export. 브라우저·Node 모두 지원.

필요한 시점까지 리소스 로딩을 미루는 기법. 이미지·컴포넌트·라우트에 모두 적용.

Vercel의 React 풀스택 프레임워크. SSR·SSG·App Router·PPR.

유틸리티 클래스 기반 CSS 프레임워크. <code>flex p-4 text-lg</code>처럼 클래스 조합만으로 스타일링.

자식 요소 조건에 따라 부모를 선택하는 CSS 셀렉터. 오랫동안 불가능했던 "부모 선택"이 드디어 가능.

브라우저의 구조화 저장소. localStorage보다 강력. 대용량·트랜잭션.

Facebook의 JavaScript 테스트 프레임워크. 한때 사실상 표준. 현재는 Vitest에 밀림.

Google이 정의한 웹 성능 핵심 지표 3가지. LCP·CLS·INP. SEO 순위에 직접 영향.

정적 HTML 바다에 필요한 인터랙티브 컴포넌트("섬")만 부분 hydration하는 렌더 모델. Astro가 대표.

단방향 서버→클라이언트 스트림. LLM 응답 스트리밍의 표준.

Tailwind v4·CSS 변수 기반 테마. 다크모드·브랜드 토큰.

TypeScript + JSX. 타입 안전한 React 컴포넌트의 표준.

Vercel이 만든 Rust 기반 차세대 번들러. Next.js 16에서 기본 활성화. Webpack 대비 수십 배 빠름.

JavaScript·TypeScript 정적 분석·린터. 코드 품질·버그 예방.

JavaScript 안에 HTML 같은 문법. React의 핵심. Babel·SWC가 트랜스파일.

서버에서만 실행되어 번들에 포함되지 않는 React 컴포넌트. Next.js App Router의 기본.

Microsoft가 만든 JavaScript의 타입 있는 상위 집합. 업계 사실상 표준.

Grid의 반응형 컬럼 생성. auto-fit은 빈 영역 수축, auto-fill은 유지.

Vue 기반 풀스택 프레임워크. SSR·SSG·라우팅·모듈 생태계. Vue의 Next.js.