Frontend — 335개 용어

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

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

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

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

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

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

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

UI 컴포넌트 개발·문서화·시각 테스트 도구. 디자인시스템 구축 필수.

실제 DOM의 JS 객체 복제본. 변경을 복제본에서 계산한 뒤 차이(diff)만 실제 DOM에 반영해 성능을 끌어올린다.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

뷰포트가 아닌 부모 컨테이너 크기에 따라 스타일을 바꾸는 CSS 기능. 진정한 컴포넌트 단위 반응형.

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

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

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

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

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

사용자가 페이지에서 첫 콘텐츠를 본 시점. LCP의 보조 지표.

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

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

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

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

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

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

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

하나의 거대 번들을 여러 청크로 쪼개 필요할 때만 로드하는 기법. 초기 로딩 속도 크게 개선.

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

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

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

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

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

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

페이지가 완전히 상호작용 가능해진 시점. 긴 작업이 사라진 후.

Evan You(Vue 창시자)가 만든 차세대 프런트엔드 빌드 도구. Dev 서버는 esbuild + 브라우저 ESM으로 즉시 시작.

W3C의 웹 접근성 가이드라인. AA·AAA 레벨. 공공·기업 의무 사항인 나라 많음.

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

비싼 계산 결과를 캐시하는 React 훅. deps 변경 시에만 재계산.

애니메이션 전 브라우저에 GPU 레이어 준비를 알리는 CSS 속성.