🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
Pinia👁 142
Vue 3의 공식 상태 관리 라이브러리. Vuex의 후속. TypeScript 친화.
Oxc👁 141
Rust JavaScript 컴파일러 스위트. Parser·Linter·Minifier·Transformer.
Qwik👁 141
Resumability 기반 프레임워크. Hydration 대신 서버 상태를 그대로 이어받음.
TBT👁 141
Total Blocking Time
Long Task로 메인 스레드가 블록된 총 시간. 실험실 지표.
use() 훅👁 141
React 19의 Promise·Context 언래핑. Suspense와 통합.
Vaul👁 141
iOS 스타일 드로어 컴포넌트. shadcn/ui 저자 Emil Kowalski 작품.
CSS light-dark()👁 140
다크모드를 간편 처리하는 CSS 함수. color-scheme 기반.
Mantine v7👁 140
React UI 라이브러리. CSS Modules 기반으로 재작성.
Storyblok Visual Editor👁 140
마케터 친화 헤드리스 CMS. 실시간 프론트 미리보기.
Loading UI👁 139
Next.js의 loading.tsx. 자동 Suspense.
next/image👁 139
Next.js 이미지 컴포넌트. 자동 최적화·lazy·responsive.
Qwik City👁 139
Qwik의 메타프레임워크. Next·Remix 대응.
Vue 3.5 Reactivity👁 139
반응성 시스템 대규모 리팩터. 메모리·속도 개선.
TanStack Query Devtools👁 138
서버 상태 캐시·쿼리를 시각화하는 브라우저 확장·컴포넌트.
Conform (React)👁 137
Remix·React의 progressive enhancement 폼 라이브러리.
CSS 새 단위👁 137
dvh·svh·lvh·dvw — 동적 뷰포트 단위. 모바일 주소창 변화 대응.
@layer (CSS Cascade Layers)👁 137
CSS 우선순위를 명시적 레이어로 관리하는 기능. !important 남발 예방.
MobX👁 137
반응형 프록시 기반 상태 관리. 자동 의존성 추적. 객체 지향 스타일.
next/font👁 137
Next.js 폰트 최적화. Google Fonts·Local 자동 최적화.
Next.js Edge Runtime👁 137
Cloudflare Workers와 유사한 제한된 Node 런타임.
SolidJS Reactivity👁 137
Fine-grained 반응성. createSignal·createEffect.
SVG 최적화👁 137
SVGO로 불필요 속성 제거. 인라인 SVG·Sprite·React 컴포넌트 변환.
TanStack Virtual👁 137
수만 행도 부드럽게 렌더링하는 가상 스크롤 라이브러리.
E2E Test👁 136
End-to-End
실제 사용자 흐름을 브라우저에서 자동화해 검증하는 테스트. 가장 현실적, 가장 느림.
Font 최적화👁 136
Variable Font·subset·font-display·preload. FOIT·FOUT 제어.
Lottie👁 136
Airbnb의 After Effects 애니메이션을 웹·모바일에 JSON으로 렌더링.
Next.js 16 주요 기능👁 136
Turbopack 기본·Partial Prerendering 안정·React 19 통합.
Next.js Route Handlers👁 136
App Router의 API 엔드포인트. Web Request/Response 기반.
Progressive Enhancement👁 136
기본 기능은 HTML·CSS만으로 동작하고, JS는 향상만 제공하는 원칙.
RedwoodJS👁 136
React·GraphQL·Prisma 풀스택. 강한 규약.
Rolldown👁 136
Rust로 재작성한 Rollup. Vite의 차세대 번들러.
Svelte 5 Runes👁 136
$state·$derived·$effect. Svelte의 차세대 반응성 API.
Canvas API👁 135
픽셀 단위 그리기 브라우저 API. 2D 그래픽·게임·차트에 사용.
clsx / tailwind-merge👁 135
Tailwind 클래스 조합·중복 제거.
Grid 고급👁 135
grid-template-areas·minmax·auto-fit·auto-fill·subgrid.
ky👁 135
fetch 기반 미니 HTTP 클라이언트. axios보다 훨씬 작고 현대적.
mdsvex👁 135
Svelte용 MDX. Svelte 컴포넌트를 Markdown에서.
Middleware Matcher👁 135
matcher 옵션으로 미들웨어 대상 경로 제한.
Next.js Dynamic IO👁 135
정적·동적 렌더링 경계를 데이터 fetch로 자동 판별.
OffscreenCanvas👁 135
Canvas를 Web Worker에서 렌더. 메인 스레드 블록 없음.
Paint / Composite👁 135
브라우저 렌더링의 마지막 단계. Paint는 픽셀 그리기, Composite는 레이어 합성.
Playwright Component Testing👁 135
React·Vue·Svelte 컴포넌트를 Playwright에서.
prefers-reduced-motion👁 135
사용자 모션 감소 선호 미디어 쿼리. 접근성 기본.
React 19 ref as prop👁 135
forwardRef 필요 없이 ref를 일반 prop처럼 전달.
Remix Action👁 135
Remix의 라우트별 mutation 함수. 폼 제출 처리.
CSP (Frontend)👁 134
script-src·style-src·img-src 등으로 리소스 로드 출처 제한. XSS 방어.
DaisyUI v5👁 134
Tailwind 기반 컴포넌트 라이브러리. 클래스 이름만으로.
Error Boundary👁 134
React의 에러 경계 컴포넌트. 하위 트리 에러를 잡아 fallback UI.
oxlint (React)👁 134
Oxc 기반 빠른 린터. ESLint React 규칙 이식.
Remix Loader👁 134
Remix의 라우트별 데이터 페칭 함수. 서버에서 실행.