🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
Vite👁 176
Evan You(Vue 창시자)가 만든 차세대 프런트엔드 빌드 도구. Dev 서버는 esbuild + 브라우저 ESM으로 즉시 시작.
Vitest👁 176
Vite 기반 고속 테스트 러너. Jest 호환 API, ESM 네이티브.
Framer Motion👁 175
React의 선언적 애니메이션 라이브러리. 사실상 표준.
React Router v7👁 175
Remix와 통합된 React 라우터. 라이브러리·프레임워크 모드 둘 다 지원.
Flexbox👁 174
1차원 CSS 레이아웃 시스템. 행 또는 열 단일 방향 유연 배치.
Islands Architecture👁 174
정적 HTML 바다에 필요한 인터랙티브 컴포넌트("섬")만 부분 hydration하는 렌더 모델. Astro가 대표.
Zustand👁 174
미니멀 React 상태 관리 라이브러리. Redux의 복잡함 없이 훅 하나로.
CSS :has()👁 173
자식 요소 조건에 따라 부모를 선택하는 CSS 셀렉터. 오랫동안 불가능했던 "부모 선택"이 드디어 가능.
IndexedDB👁 173
브라우저의 구조화 저장소. localStorage보다 강력. 대용량·트랜잭션.
RUM👁 173
Real User Monitoring
실사용자 브라우저에서 성능·에러 측정. Sentry·Datadog·Vercel Speed Insights.
shadcn/ui Themes👁 173
Tailwind v4·CSS 변수 기반 테마. 다크모드·브랜드 토큰.
Tree Shaking👁 173
사용되지 않는 코드를 번들에서 자동 제거하는 최적화. ES Module의 static 분석 덕에 가능.
useMemo👁 173
비싼 계산 결과를 캐시하는 React 훅. deps 변경 시에만 재계산.
CommonJS👁 172
CJS
Node.js의 전통 모듈 시스템. require/module.exports. 동적.
Core Web Vitals👁 172
CWV
Google이 정의한 웹 성능 핵심 지표 3가지. LCP·CLS·INP. SEO 순위에 직접 영향.
ESLint👁 172
JavaScript·TypeScript 정적 분석·린터. 코드 품질·버그 예방.
Server-Sent Events (SSE)👁 172
단방향 서버→클라이언트 스트림. LLM 응답 스트리밍의 표준.
useTransition👁 172
React 18+의 동시성 훅. 무거운 상태 업데이트를 낮은 우선순위로 처리.
WebGPU👁 172
저수준 GPU API. WebGL 후속, compute shader 지원.
GSAP👁 171
GreenSock Animation Platform
타임라인 기반 고성능 JS 애니메이션 라이브러리. 15년 이상 표준.
CLS👁 170
Cumulative Layout Shift
페이지 로드 중 예기치 않게 레이아웃이 밀리는 정도. 사용자 경험을 크게 해침. 0.1 이하 권장.
ISR👁 169
Incremental Static Regeneration
정적 페이지를 백그라운드에서 주기적 재생성. Next.js 대표 기능.
Jotai👁 169
Atom 기반 React 상태 관리. 작은 원자 상태들을 조합. Recoil의 단순화 버전.
Module Federation👁 169
Webpack 5 기능으로, 서로 다른 빌드의 모듈을 런타임에 공유하는 방식. 마이크로프런트엔드의 기반.
requestAnimationFrame👁 169
브라우저 리페인트 직전에 콜백을 실행하는 API. setTimeout보다 부드러운 애니메이션.
useCallback👁 169
함수 참조를 메모이제이션하는 훅. 자식 컴포넌트 리렌더 방지에 활용.
VoidZero👁 168
Evan You(Vue 창시자)의 회사. Vite·Oxc 통합 도구 개발.
auto-fit vs auto-fill👁 167
Grid의 반응형 컬럼 생성. auto-fit은 빈 영역 수축, auto-fill은 유지.
esbuild👁 167
Go로 작성된 극고속 JS 번들러. Vite dev pre-bundling·TS 컴파일에 쓰임. 100배 빠른 속도로 유명.
SvelteKit👁 167
Svelte 공식 풀스택 프레임워크. Next.js의 Svelte 버전.
Web App Manifest👁 167
PWA 설치 메타데이터. 이름·아이콘·theme·화면 방향.
WebGL👁 167
브라우저에서 GPU 가속 3D 그래픽을 렌더링하는 API. Three.js가 대표.
Stencil👁 166
Ionic 팀의 Web Components 컴파일러. TSX·반응성.
unbuild👁 166
Nuxt 팀의 라이브러리 번들러. Rollup·ESBuild 통합.
useOptimistic👁 166
React 19의 낙관적 업데이트 훅. 서버 응답 전 즉시 UI 반영.
aspect-ratio👁 165
요소의 가로/세로 비율을 CSS로 직접 지정하는 속성. 이미지·영상 로드 전 공간 예약.
CSS-in-JS👁 165
JavaScript 안에 CSS를 작성하는 접근법. styled-components, Emotion, Linaria 등이 대표적.
MSW👁 164
Mock Service Worker
네트워크 레벨 API 모킹. Service Worker로 브라우저·Node 양쪽에서 동일 모의.
ref (Vue)👁 164
Vue 3 반응형 원시값 래퍼. .value로 접근.
tsup👁 164
esbuild 기반 TypeScript 라이브러리 번들러.
Web Worker👁 164
별도 스레드에서 JS를 실행하는 API. 메인 스레드 블록 없이 무거운 연산.
Reconciliation👁 163
React가 두 Virtual DOM 트리를 비교해 변경점을 찾아내는 알고리즘. key prop이 이 과정의 힌트.
Redux👁 163
예측 가능한 상태 관리 라이브러리. Flux 패턴. 대규모 React 앱의 고전.
SWC👁 163
Speedy Web Compiler
Rust로 작성된 JavaScript/TypeScript 컴파일러. Babel 대체, Next.js 12부터 기본 채택.
SWR vs React Query👁 163
서버 상태 라이브러리 비교. 기능 vs 간결함.
useEffect👁 163
컴포넌트 라이프사이클·부수효과를 다루는 React 훅. 렌더 후 실행.
useFormStatus👁 163
React 19 폼 상태 훅. pending·method·data를 자식 컴포넌트에서 조회.
Testing Library👁 162
사용자 관점 중심의 테스트 라이브러리. React·Vue·Angular 모두 버전 제공.
Shadow DOM 스타일링👁 161
:host·::part·::slotted·CSS 변수로 Shadow DOM 경계 관통 스타일링.
TanStack Query👁 161
서버 상태 관리의 표준 라이브러리. 캐싱·동기화·리페칭을 자동화.