🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
Popover API👁 148
HTML popover 속성. JS 없이 접근성 친화 팝오버·메뉴.
Unit Test👁 148
함수·모듈 단위의 작은 테스트. 빠르고 많이 작성. 개발 피드백의 기반.
localStorage vs sessionStorage👁 147
브라우저 키-값 저장소. 영속 vs 탭 한정.
MobX👁 147
반응형 프록시 기반 상태 관리. 자동 의존성 추적. 객체 지향 스타일.
Source Map👁 147
컴파일·번들된 코드와 원본 간 매핑. 브라우저 DevTools 디버깅에 필수.
Storyblok Visual Editor👁 147
마케터 친화 헤드리스 CMS. 실시간 프론트 미리보기.
Vaul👁 147
iOS 스타일 드로어 컴포넌트. shadcn/ui 저자 Emil Kowalski 작품.
Vue 3.5 Reactivity👁 147
반응성 시스템 대규모 리팩터. 메모리·속도 개선.
next/image👁 146
Next.js 이미지 컴포넌트. 자동 최적화·lazy·responsive.
React Aria👁 146
Adobe의 접근성 훅 모음. 자체 UI 만들 때 접근성 보장.
Rolldown👁 146
Rust로 재작성한 Rollup. Vite의 차세대 번들러.
TanStack Query Devtools👁 146
서버 상태 캐시·쿼리를 시각화하는 브라우저 확장·컴포넌트.
TBT👁 146
Total Blocking Time
Long Task로 메인 스레드가 블록된 총 시간. 실험실 지표.
CSS 단위👁 145
px·%·rem·em·vw·vh·vmin·vmax·ch·ex 등. 상황별 선택 기준.
CSS 새 단위👁 145
dvh·svh·lvh·dvw — 동적 뷰포트 단위. 모바일 주소창 변화 대응.
@layer (CSS Cascade Layers)👁 145
CSS 우선순위를 명시적 레이어로 관리하는 기능. !important 남발 예방.
Mantine v7👁 145
React UI 라이브러리. CSS Modules 기반으로 재작성.
next/font👁 145
Next.js 폰트 최적화. Google Fonts·Local 자동 최적화.
Oxc👁 145
Rust JavaScript 컴파일러 스위트. Parser·Linter·Minifier·Transformer.
clsx / tailwind-merge👁 144
Tailwind 클래스 조합·중복 제거.
CSS light-dark()👁 144
다크모드를 간편 처리하는 CSS 함수. color-scheme 기반.
ky👁 144
fetch 기반 미니 HTTP 클라이언트. axios보다 훨씬 작고 현대적.
Next.js Edge Runtime👁 144
Cloudflare Workers와 유사한 제한된 Node 런타임.
Next.js Route Handlers👁 144
App Router의 API 엔드포인트. Web Request/Response 기반.
RedwoodJS👁 144
React·GraphQL·Prisma 풀스택. 강한 규약.
SolidJS Reactivity👁 144
Fine-grained 반응성. createSignal·createEffect.
Conform👁 143
React 폼 라이브러리. progressive enhancement·Remix 친화·Zod 통합.
Conform (React)👁 143
Remix·React의 progressive enhancement 폼 라이브러리.
Next.js 16 주요 기능👁 143
Turbopack 기본·Partial Prerendering 안정·React 19 통합.
oxlint (React)👁 143
Oxc 기반 빠른 린터. ESLint React 규칙 이식.
Progressive Enhancement👁 143
기본 기능은 HTML·CSS만으로 동작하고, JS는 향상만 제공하는 원칙.
React 19 ref as prop👁 143
forwardRef 필요 없이 ref를 일반 prop처럼 전달.
Svelte 5 Runes👁 143
$state·$derived·$effect. Svelte의 차세대 반응성 API.
E2E Test👁 142
End-to-End
실제 사용자 흐름을 브라우저에서 자동화해 검증하는 테스트. 가장 현실적, 가장 느림.
Error Boundary👁 142
React의 에러 경계 컴포넌트. 하위 트리 에러를 잡아 fallback UI.
Font 최적화👁 142
Variable Font·subset·font-display·preload. FOIT·FOUT 제어.
OffscreenCanvas👁 142
Canvas를 Web Worker에서 렌더. 메인 스레드 블록 없음.
Paint / Composite👁 142
브라우저 렌더링의 마지막 단계. Paint는 픽셀 그리기, Composite는 레이어 합성.
Playwright Component Testing👁 142
React·Vue·Svelte 컴포넌트를 Playwright에서.
prefers-reduced-motion👁 142
사용자 모션 감소 선호 미디어 쿼리. 접근성 기본.
Remix Action👁 142
Remix의 라우트별 mutation 함수. 폼 제출 처리.
SVG 최적화👁 142
SVGO로 불필요 속성 제거. 인라인 SVG·Sprite·React 컴포넌트 변환.
TanStack Virtual👁 142
수만 행도 부드럽게 렌더링하는 가상 스크롤 라이브러리.
Grid 고급👁 141
grid-template-areas·minmax·auto-fit·auto-fill·subgrid.
Lottie👁 141
Airbnb의 After Effects 애니메이션을 웹·모바일에 JSON으로 렌더링.
Middleware Matcher👁 141
matcher 옵션으로 미들웨어 대상 경로 제한.
Next.js Dynamic IO👁 141
정적·동적 렌더링 경계를 데이터 fetch로 자동 판별.
Oxc👁 141
Rust 기반 JS 컴파일러 생태계. oxlint·oxc-resolver·oxc-transformer.
Payload CMS👁 141
TypeScript Next.js 기반 오픈소스 CMS. 2024 v3.
Astro DB·Content Layer👁 140
Astro의 데이터·콘텐츠 통합 API. libSQL 기반 DB.