🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
Vue Vapor Mode👁 97
Vue 3.6+의 VDOM-less 모드. SolidJS 스타일 컴파일 타임 반응성.
Cross-Document View Transitions👁 96
MPA 페이지 전환을 같은 앱처럼. Chrome 126+.
CSP (Frontend)👁 96
script-src·style-src·img-src 등으로 리소스 로드 출처 제한. XSS 방어.
Cypress👁 96
개발자 친화 E2E 테스트. 브라우저 내부에서 실행. Playwright에 점유율 내주는 중.
DaisyUI v5👁 96
Tailwind 기반 컴포넌트 라이브러리. 클래스 이름만으로.
Font 최적화👁 96
Variable Font·subset·font-display·preload. FOIT·FOUT 제어.
MobX👁 96
반응형 프록시 기반 상태 관리. 자동 의존성 추적. 객체 지향 스타일.
OffscreenCanvas👁 96
Canvas를 Web Worker에서 렌더. 메인 스레드 블록 없음.
Paint / Composite👁 96
브라우저 렌더링의 마지막 단계. Paint는 픽셀 그리기, Composite는 레이어 합성.
Parcel👁 96
Zero-config 번들러. Webpack 대안. V2에 Rust 기반 최적화.
Satori👁 96
Vercel의 HTML·CSS를 SVG로 변환. Edge에서 이미지 생성.
SolidJS Reactivity👁 96
Fine-grained 반응성. createSignal·createEffect.
Storyblok Visual Editor👁 96
마케터 친화 헤드리스 CMS. 실시간 프론트 미리보기.
SVG 최적화👁 96
SVGO로 불필요 속성 제거. 인라인 SVG·Sprite·React 컴포넌트 변환.
TanStack Virtual👁 96
수만 행도 부드럽게 렌더링하는 가상 스크롤 라이브러리.
Canvas API👁 95
픽셀 단위 그리기 브라우저 API. 2D 그래픽·게임·차트에 사용.
Docusaurus 3👁 95
Meta의 정적 문서 사이트. v3는 MDX 3·React 18.
error.tsx👁 95
Next.js 라우트 에러 처리 컴포넌트.
Mantine v7👁 95
React UI 라이브러리. CSS Modules 기반으로 재작성.
Next.js Edge Runtime👁 95
Cloudflare Workers와 유사한 제한된 Node 런타임.
not-found.tsx👁 95
404 페이지. notFound() 함수와 조합.
Parallel Routes👁 95
Next.js의 동시 여러 페이지 렌더. Slot 패턴.
Playwright Component Testing👁 95
React·Vue·Svelte 컴포넌트를 Playwright에서.
Progressive Enhancement👁 95
기본 기능은 HTML·CSS만으로 동작하고, JS는 향상만 제공하는 원칙.
Qwik👁 95
Resumability 기반 프레임워크. Hydration 대신 서버 상태를 그대로 이어받음.
React Aria👁 95
Adobe의 접근성 훅 모음. 자체 UI 만들 때 접근성 보장.
React Portal👁 95
컴포넌트를 DOM 트리의 다른 곳에 렌더. 모달·툴팁 구현.
Semantic HTML👁 95
의미를 가진 태그를 사용하는 HTML 작성. header·nav·main·article·section·footer.
subgrid👁 95
자식 그리드가 부모 그리드의 트랙을 상속하는 Grid 고급 기능.
Vaul👁 95
iOS 스타일 드로어 컴포넌트. shadcn/ui 저자 Emil Kowalski 작품.
Vue 3.5 Reactivity👁 95
반응성 시스템 대규모 리팩터. 메모리·속도 개선.
CSS 단위👁 94
px·%·rem·em·vw·vh·vmin·vmax·ch·ex 등. 상황별 선택 기준.
Logical Properties👁 94
margin-block·padding-inline 등 방향 독립 CSS 속성. RTL·세로쓰기 지원.
Middleware Matcher👁 94
matcher 옵션으로 미들웨어 대상 경로 제한.
Next.js 16 주요 기능👁 94
Turbopack 기본·Partial Prerendering 안정·React 19 통합.
Next.js Route Handlers👁 94
App Router의 API 엔드포인트. Web Request/Response 기반.
oxlint (React)👁 94
Oxc 기반 빠른 린터. ESLint React 규칙 이식.
Popover API👁 94
HTML popover 속성. JS 없이 접근성 친화 팝오버·메뉴.
Remix Action👁 94
Remix의 라우트별 mutation 함수. 폼 제출 처리.
Remix Loader👁 94
Remix의 라우트별 데이터 페칭 함수. 서버에서 실행.
Astro DB·Content Layer👁 93
Astro의 데이터·콘텐츠 통합 API. libSQL 기반 DB.
Astro Islands👁 93
Astro의 Island Architecture. client:load·client:visible directive.
CVA👁 93
Class Variance Authority
Tailwind 변형(variant) 관리 라이브러리. shadcn/ui 기본.
next/image👁 93
Next.js 이미지 컴포넌트. 자동 최적화·lazy·responsive.
prefers-reduced-motion👁 93
사용자 모션 감소 선호 미디어 쿼리. 접근성 기본.
Remix SPA Mode👁 93
Remix를 서버 없이 SPA로 배포. 정적 호스팅.
taintObjectReference / taintUniqueValue👁 93
React 19 taint API. 서버 전용 객체가 클라이언트로 새는 것을 차단.
TTI optimization👁 93
JS 번들 축소·defer·dynamic import로 Time to Interactive 개선.
CLS 최적화👁 92
width/height 속성·aspect-ratio·font-display·skeleton.
Composition API👁 92
Vue 3의 로직 조합 API. setup() + ref/reactive로 React Hooks 스타일.