🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
Lottie👁 196
Airbnb의 After Effects 애니메이션을 웹·모바일에 JSON으로 렌더링.
Parcel👁 196
Zero-config 번들러. Webpack 대안. V2에 Rust 기반 최적화.
Loading UI👁 195
Next.js의 loading.tsx. 자동 Suspense.
Remix Loader👁 195
Remix의 라우트별 데이터 페칭 함수. 서버에서 실행.
Qwik City👁 194
Qwik의 메타프레임워크. Next·Remix 대응.
React Fragment👁 194
여러 요소를 추가 DOM 노드 없이 묶는 React 기능. <>...</>.
CSS 단위👁 193
px·%·rem·em·vw·vh·vmin·vmax·ch·ex 등. 상황별 선택 기준.
Microfrontend👁 193
백엔드 마이크로서비스의 프런트엔드 버전. 독립 배포·기술 자유.
SvelteKit Form Actions👁 193
SvelteKit의 서버 폼 처리. Progressive Enhancement.
Vue 3.5 Reactivity👁 193
반응성 시스템 대규모 리팩터. 메모리·속도 개선.
Conform (React)👁 192
Remix·React의 progressive enhancement 폼 라이브러리.
Oxc👁 192
Rust JavaScript 컴파일러 스위트. Parser·Linter·Minifier·Transformer.
React 19 ref as prop👁 192
forwardRef 필요 없이 ref를 일반 prop처럼 전달.
Payload CMS👁 191
TypeScript Next.js 기반 오픈소스 CMS. 2024 v3.
Playwright Component Testing👁 191
React·Vue·Svelte 컴포넌트를 Playwright에서.
Vaul👁 191
iOS 스타일 드로어 컴포넌트. shadcn/ui 저자 Emil Kowalski 작품.
CSS light-dark()👁 190
다크모드를 간편 처리하는 CSS 함수. color-scheme 기반.
Next.js Edge Runtime👁 190
Cloudflare Workers와 유사한 제한된 Node 런타임.
Grid 고급👁 189
grid-template-areas·minmax·auto-fit·auto-fill·subgrid.
@layer (CSS Cascade Layers)👁 189
CSS 우선순위를 명시적 레이어로 관리하는 기능. !important 남발 예방.
Prefetch / Preload👁 189
rel=preload (즉시·중요), rel=prefetch (다음 페이지용).
Rolldown👁 189
Rust로 재작성한 Rollup. Vite의 차세대 번들러.
SvelteKit Adapters👁 189
Node·Cloudflare·Vercel·Netlify·Static 배포 추상화.
CSS 새 단위👁 188
dvh·svh·lvh·dvw — 동적 뷰포트 단위. 모바일 주소창 변화 대응.
ky👁 188
fetch 기반 미니 HTTP 클라이언트. axios보다 훨씬 작고 현대적.
next/font👁 188
Next.js 폰트 최적화. Google Fonts·Local 자동 최적화.
Next.js 16 주요 기능👁 188
Turbopack 기본·Partial Prerendering 안정·React 19 통합.
Progressive Enhancement👁 188
기본 기능은 HTML·CSS만으로 동작하고, JS는 향상만 제공하는 원칙.
SVG 최적화👁 188
SVGO로 불필요 속성 제거. 인라인 SVG·Sprite·React 컴포넌트 변환.
Astro Islands👁 187
Astro의 Island Architecture. client:load·client:visible directive.
Canvas API👁 187
픽셀 단위 그리기 브라우저 API. 2D 그래픽·게임·차트에 사용.
clsx / tailwind-merge👁 187
Tailwind 클래스 조합·중복 제거.
CSP (Frontend)👁 187
script-src·style-src·img-src 등으로 리소스 로드 출처 제한. XSS 방어.
Error Boundary👁 187
React의 에러 경계 컴포넌트. 하위 트리 에러를 잡아 fallback UI.
Mantine v7👁 187
React UI 라이브러리. CSS Modules 기반으로 재작성.
mdsvex👁 187
Svelte용 MDX. Svelte 컴포넌트를 Markdown에서.
Next.js Route Handlers👁 187
App Router의 API 엔드포인트. Web Request/Response 기반.
OffscreenCanvas👁 187
Canvas를 Web Worker에서 렌더. 메인 스레드 블록 없음.
Source Map👁 187
컴파일·번들된 코드와 원본 간 매핑. 브라우저 DevTools 디버깅에 필수.
TBT👁 187
Total Blocking Time
Long Task로 메인 스레드가 블록된 총 시간. 실험실 지표.
E2E Test👁 186
End-to-End
실제 사용자 흐름을 브라우저에서 자동화해 검증하는 테스트. 가장 현실적, 가장 느림.
Middleware Matcher👁 186
matcher 옵션으로 미들웨어 대상 경로 제한.
Paint / Composite👁 186
브라우저 렌더링의 마지막 단계. Paint는 픽셀 그리기, Composite는 레이어 합성.
RedwoodJS👁 186
React·GraphQL·Prisma 풀스택. 강한 규약.
Satori👁 186
Vercel의 HTML·CSS를 SVG로 변환. Edge에서 이미지 생성.
Conform👁 185
React 폼 라이브러리. progressive enhancement·Remix 친화·Zod 통합.
Headless CMS 옵션👁 185
Sanity·Contentful·Strapi·Payload·Directus·TinaCMS 비교.
PostCSS👁 185
CSS를 AST로 변환하는 플러그인 기반 도구. Autoprefixer가 대표.
Oxc👁 184
Rust 기반 JS 컴파일러 생태계. oxlint·oxc-resolver·oxc-transformer.
DaisyUI v5👁 183
Tailwind 기반 컴포넌트 라이브러리. 클래스 이름만으로.