🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
Remix SPA Mode👁 47
Remix를 서버 없이 SPA로 배포. 정적 호스팅.
rem vs em👁 47
rem은 루트(html) 기준, em은 부모 기준의 상대 단위. rem이 예측 가능해 주로 사용.
Stencil👁 47
Ionic 팀의 Web Components 컴파일러. TSX·반응성.
Storybook👁 47
UI 컴포넌트 개발·문서화·시각 테스트 도구. 디자인시스템 구축 필수.
SvelteKit Adapters👁 47
Node·Cloudflare·Vercel·Netlify·Static 배포 추상화.
TanStack Start👁 47
Next·Remix 대안 풀스택 프레임워크. TanStack Router 기반.
TC39 Signals Proposal👁 47
JavaScript 표준 Signals. Angular·Preact·Solid·Vue 합작.
Testing Library👁 47
사용자 관점 중심의 테스트 라이브러리. React·Vue·Angular 모두 버전 제공.
Transferable Objects👁 47
Web Worker 간 데이터를 복사 없이 소유권 이전. ArrayBuffer·MessagePort 등.
Transpile👁 47
한 언어·버전을 다른 언어·버전으로 변환. TS→JS, ES2022→ES5 등.
Valibot👁 47
Zod 경쟁 경량 스키마. tree-shake 친화, 번들 1/10.
Vite SSR👁 47
Vite의 SSR API. 프레임워크 제작에 사용.
WCAG👁 47
Web Content Accessibility Guidelines
W3C의 웹 접근성 가이드라인. AA·AAA 레벨. 공공·기업 의무 사항인 나라 많음.
web-vitals 라이브러리👁 47
Google의 Core Web Vitals 측정 JS 라이브러리.
Astro Actions👁 46
Astro 4.15+ 서버 함수. type-safe 폼 처리.
BEM👁 46
Block Element Modifier
CSS 네이밍 컨벤션. block__element--modifier 형식으로 격리.
Biome👁 46
Rome 후속 Rust 기반 JS 툴체인. ESLint + Prettier 통합.
Canvas API👁 46
픽셀 단위 그리기 브라우저 API. 2D 그래픽·게임·차트에 사용.
Composition API👁 46
Vue 3의 로직 조합 API. setup() + ref/reactive로 React Hooks 스타일.
Cross-Origin Isolation👁 46
COOP·COEP로 보안 강화. SharedArrayBuffer·고정밀 타이머 활성.
CSS 현대 색상👁 46
color-mix()·oklch()·color-contrast(). 2024 모던 CSS.
CSS Variable👁 46
CSS custom properties. --name으로 선언, var()로 참조. 동적 테마의 핵심.
dynamic import👁 46
Next.js 동적 임포트. 컴포넌트 지연 로딩.
forwardRef👁 46
ref를 하위 컴포넌트로 전달. React 19에서는 ref prop 자동.
Import Maps👁 46
브라우저 네이티브 모듈 별칭·버전 관리. 번들러 없이도 동작.
INP 최적화👁 46
Long Task 쪼개기·Transition·Debounce·Web Worker.
LCP 최적화👁 46
Hero 이미지 preload·priority·fetchpriority high·서버 TTFB 개선.
Lit👁 46
Google의 경량 Web Components 라이브러리.
next/image👁 46
Next.js 이미지 컴포넌트. 자동 최적화·lazy·responsive.
Next.js Cache Tags👁 46
fetch + next: { tags }·revalidateTag로 세밀한 캐시 무효화.
Next.js Middleware👁 46
모든 요청 전에 실행되는 Edge 런타임 함수. 인증·리다이렉트.
Next.js Server Actions👁 46
Next.js의 서버 함수 직접 호출. API 라우트 불필요.
Nuxt 4 기본값👁 46
app 디렉터리·TypeScript 강화·빌드 속도.
OKLCH Color👁 46
지각 균일 색공간. 밝기·채도 직관적, 디자인 토큰에 최적.
oxlint (React)👁 46
Oxc 기반 빠른 린터. ESLint React 규칙 이식.
Qwik Resumability👁 46
하이드레이션 제거. 서버가 멈춘 지점부터 이어받기.
React Compiler👁 46
자동 메모화 컴파일러. useMemo·useCallback 불필요.
React Compiler 자동 메모👁 46
useMemo·useCallback·memo 자동 삽입. 수동 최적화 제거.
Remix Action👁 46
Remix의 라우트별 mutation 함수. 폼 제출 처리.
Rolldown👁 46
Rust로 재작성한 Rollup. Vite의 차세대 번들러.
Satori👁 46
Vercel의 HTML·CSS를 SVG로 변환. Edge에서 이미지 생성.
SolidJS Reactivity👁 46
Fine-grained 반응성. createSignal·createEffect.
Storyblok Visual Editor👁 46
마케터 친화 헤드리스 CMS. 실시간 프론트 미리보기.
SVG 최적화👁 46
SVGO로 불필요 속성 제거. 인라인 SVG·Sprite·React 컴포넌트 변환.
taintObjectReference / taintUniqueValue👁 46
React 19 taint API. 서버 전용 객체가 클라이언트로 새는 것을 차단.
Vaul👁 46
iOS 스타일 드로어 컴포넌트. shadcn/ui 저자 Emil Kowalski 작품.
ArkType👁 45
TypeScript 문법으로 런타임 검증. 런타임·타입 동시 정의.
Browser DevTools👁 45
브라우저 내장 개발 도구. Element·Console·Network·Performance.
clsx / tailwind-merge👁 45
Tailwind 클래스 조합·중복 제거.
Conform👁 45
React 폼 라이브러리. progressive enhancement·Remix 친화·Zod 통합.