Frontend — 335개 용어

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

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

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

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

미니멀 React 상태 관리 라이브러리. Redux의 복잡함 없이 훅 하나로.

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

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

함수 참조를 메모이제이션하는 훅. 자식 컴포넌트 리렌더 방지에 활용.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

JavaScript 안에 CSS를 작성하는 접근법. styled-components, Emotion, Linaria 등이 대표적.

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

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

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

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

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

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

브라우저 리페인트 직전에 콜백을 실행하는 API. setTimeout보다 부드러운 애니메이션.

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

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

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

Rust로 작성된 JavaScript/TypeScript 컴파일러. Babel 대체, Next.js 12부터 기본 채택.

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

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

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

Evan You(Vue 창시자)의 회사. Vite·Oxc 통합 도구 개발.

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

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

esbuild 기반 TypeScript 라이브러리 번들러.

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

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

React가 두 Virtual DOM 트리를 비교해 변경점을 찾아내는 알고리즘. key prop이 이 과정의 힌트.

서버 상태 라이브러리 비교. 기능 vs 간결함.

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

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

네트워크 레벨 API 모킹. Service Worker로 브라우저·Node 양쪽에서 동일 모의.