Frontend — 335개 용어

ES Module 기반 번들러. 라이브러리 빌드에 우수. Vite 프로덕션 기반.

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

사용되지 않는 코드를 번들에서 자동 제거하는 최적화. ES Module의 static 분석 덕에 가능.

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

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

페이지 로드 중 예기치 않게 레이아웃이 밀리는 정도. 사용자 경험을 크게 해침. 0.1 이하 권장.

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

저수준 GPU API. WebGL 후속, compute shader 지원.

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

Atom 기반 React 상태 관리. 작은 원자 상태들을 조합. Recoil의 단순화 버전.

Next.js가 도입한 렌더링 전략. 정적 shell을 먼저 보내고 동적 부분을 스트리밍으로 채움. SSG와 SSR의 장점 결합.

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

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

실사용자 브라우저에서 성능·에러 측정. Sentry·Datadog·Vercel Speed Insights.

Svelte 공식 풀스택 프레임워크. Next.js의 Svelte 버전.

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

Go로 작성된 극고속 JS 번들러. Vite dev pre-bundling·TS 컴파일에 쓰임. 100배 빠른 속도로 유명.

정적 페이지를 백그라운드에서 주기적 재생성. Next.js 대표 기능.

Node.js의 전통 모듈 시스템. require/module.exports. 동적.

1차원 CSS 레이아웃 시스템. 행 또는 열 단일 방향 유연 배치.

컴포넌트 라이프사이클·부수효과를 다루는 React 훅. 렌더 후 실행.

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

서버 상태 관리의 표준 라이브러리. 캐싱·동기화·리페칭을 자동화.

요소의 가로/세로 비율을 CSS로 직접 지정하는 속성. 이미지·영상 로드 전 공간 예약.

브라우저에서 GPU 가속 3D 그래픽을 렌더링하는 API. Three.js가 대표.

Vite 기반 고속 테스트 러너. Jest 호환 API, ESM 네이티브.

별도 스레드에서 JS를 실행하는 API. 메인 스레드 블록 없이 무거운 연산.

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

예측 가능한 상태 관리 라이브러리. Flux 패턴. 대규모 React 앱의 고전.

접근성 완벽 headless 컴포넌트. 스타일 자유, 동작만 제공.

수동 memoization 없이도 React 컴포넌트를 자동 최적화하는 컴파일러. useMemo·useCallback·memo가 필요 없어진다.

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

React 18+의 동시성 훅. 무거운 상태 업데이트를 낮은 우선순위로 처리.

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

TypeScript 기반 zero-runtime CSS-in-JS. 타입 안전 CSS.

페이지·상태 전환 시 부드러운 애니메이션을 CSS로 구현하는 웹 표준. 브라우저가 이전/이후 상태를 자동 크로스페이드.

React의 선언적 애니메이션 라이브러리. 사실상 표준.

타임라인 기반 고성능 JS 애니메이션 라이브러리. 15년 이상 표준.

2024년 정식 출시. Actions·use()·Compiler·Document Metadata.

React 19 폼 상태 훅. pending·method·data를 자식 컴포넌트에서 조회.

Vue 3 반응형 원시값 래퍼. .value로 접근.

Zod 경쟁 경량 스키마. tree-shake 친화, 번들 1/10.

Google의 웹 성능·접근성·SEO·PWA 감사 도구. Chrome 내장.

고집 있는 코드 포매터. 논쟁을 제거. JS·TS·CSS·Markdown.

Ionic 팀의 Web Components 컴파일러. TSX·반응성.

사용자 관점 중심의 테스트 라이브러리. React·Vue·Angular 모두 버전 제공.

Webpack 5 기능으로, 서로 다른 빌드의 모듈을 런타임에 공유하는 방식. 마이크로프런트엔드의 기반.

Google의 Core Web Vitals 측정 JS 라이브러리.

Nuxt 팀의 라이브러리 번들러. Rollup·ESBuild 통합.

PWA 설치 메타데이터. 이름·아이콘·theme·화면 방향.