🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
React Portal👁 52
컴포넌트를 DOM 트리의 다른 곳에 렌더. 모달·툴팁 구현.
Waku👁 52
RSC 학습용·제품용 미니멀 프레임워크. Daishi Kato.
Cross-Origin Isolation👁 51
COOP·COEP로 보안 강화. SharedArrayBuffer·고정밀 타이머 활성.
CSP (Frontend)👁 51
script-src·style-src·img-src 등으로 리소스 로드 출처 제한. XSS 방어.
CSS Variable👁 51
CSS custom properties. --name으로 선언, var()로 참조. 동적 테마의 핵심.
dynamic import👁 51
Next.js 동적 임포트. 컴포넌트 지연 로딩.
forwardRef👁 51
ref를 하위 컴포넌트로 전달. React 19에서는 ref prop 자동.
htmx👁 51
HTML 속성만으로 SPA 수준 UX. 서버 렌더링 + 부분 스왑.
Import Maps👁 51
브라우저 네이티브 모듈 별칭·버전 관리. 번들러 없이도 동작.
Lit👁 51
Google의 경량 Web Components 라이브러리.
next/image👁 51
Next.js 이미지 컴포넌트. 자동 최적화·lazy·responsive.
Next.js Metadata API👁 51
Next.js 13+ SEO 메타데이터 API. 정적·동적 metadata export.
Nuxt 4 기본값👁 51
app 디렉터리·TypeScript 강화·빌드 속도.
OKLCH Color👁 51
지각 균일 색공간. 밝기·채도 직관적, 디자인 토큰에 최적.
Oxc👁 51
Rust JavaScript 컴파일러 스위트. Parser·Linter·Minifier·Transformer.
Remix Action👁 51
Remix의 라우트별 mutation 함수. 폼 제출 처리.
Rolldown👁 51
Rust로 재작성한 Rollup. Vite의 차세대 번들러.
Rspack / Rsbuild👁 51
ByteDance의 Rust Webpack 호환 번들러·상위 도구.
Stencil👁 51
Ionic 팀의 Web Components 컴파일러. TSX·반응성.
TanStack Start👁 51
Next·Remix 대안 풀스택 프레임워크. TanStack Router 기반.
Transferable Objects👁 51
Web Worker 간 데이터를 복사 없이 소유권 이전. ArrayBuffer·MessagePort 등.
Transpile👁 51
한 언어·버전을 다른 언어·버전으로 변환. TS→JS, ES2022→ES5 등.
Unit Test👁 51
함수·모듈 단위의 작은 테스트. 빠르고 많이 작성. 개발 피드백의 기반.
useFormStatus👁 51
React 19 폼 상태 훅. pending·method·data를 자식 컴포넌트에서 조회.
Vite👁 51
Evan You(Vue 창시자)가 만든 차세대 프런트엔드 빌드 도구. Dev 서버는 esbuild + 브라우저 ESM으로 즉시 시작.
Zustand👁 51
미니멀 React 상태 관리 라이브러리. Redux의 복잡함 없이 훅 하나로.
BEM👁 50
Block Element Modifier
CSS 네이밍 컨벤션. block__element--modifier 형식으로 격리.
Composition API👁 50
Vue 3의 로직 조합 API. setup() + ref/reactive로 React Hooks 스타일.
CSS Anchor Positioning👁 50
요소를 다른 요소 기준으로 배치. 툴팁·팝오버 JS 없이.
CVA👁 50
Class Variance Authority
Tailwind 변형(variant) 관리 라이브러리. shadcn/ui 기본.
Ionic + Vite👁 50
Ionic 8+ Vite 기본. 웹·모바일 공유 UI.
LCP 최적화👁 50
Hero 이미지 preload·priority·fetchpriority high·서버 TTFB 개선.
Next.js 캐싱 계층👁 50
Request Memoization·Data Cache·Full Route Cache·Router Cache.
oxlint (React)👁 50
Oxc 기반 빠른 린터. ESLint React 규칙 이식.
Payload CMS👁 50
TypeScript Next.js 기반 오픈소스 CMS. 2024 v3.
Playwright👁 50
Microsoft의 브라우저 자동화·E2E 테스트. Chromium·Firefox·WebKit 모두 지원.
Qwik Resumability👁 50
하이드레이션 제거. 서버가 멈춘 지점부터 이어받기.
React Compiler 자동 메모👁 50
useMemo·useCallback·memo 자동 삽입. 수동 최적화 제거.
rem vs em👁 50
rem은 루트(html) 기준, em은 부모 기준의 상대 단위. rem이 예측 가능해 주로 사용.
taintObjectReference / taintUniqueValue👁 50
React 19 taint API. 서버 전용 객체가 클라이언트로 새는 것을 차단.
TTI optimization👁 50
JS 번들 축소·defer·dynamic import로 Time to Interactive 개선.
Vaul👁 50
iOS 스타일 드로어 컴포넌트. shadcn/ui 저자 Emil Kowalski 작품.
WCAG👁 50
Web Content Accessibility Guidelines
W3C의 웹 접근성 가이드라인. AA·AAA 레벨. 공공·기업 의무 사항인 나라 많음.
web-vitals 라이브러리👁 50
Google의 Core Web Vitals 측정 JS 라이브러리.
Browser DevTools👁 49
브라우저 내장 개발 도구. Element·Console·Network·Performance.
Canvas API👁 49
픽셀 단위 그리기 브라우저 API. 2D 그래픽·게임·차트에 사용.
clsx / tailwind-merge👁 49
Tailwind 클래스 조합·중복 제거.
Conform👁 49
React 폼 라이브러리. progressive enhancement·Remix 친화·Zod 통합.
CSS contain👁 49
브라우저 렌더 최적화 힌트. 레이아웃·페인트 범위 제한.
fetchpriority👁 49
리소스 우선순위 힌트. LCP 이미지·중요 스크립트 high.