🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
Conform👁 92
React 폼 라이브러리. progressive enhancement·Remix 친화·Zod 통합.
File System Access API👁 92
브라우저가 로컬 파일을 읽고 쓰는 API. VS Code Web·Figma.
Lockfile👁 92
의존성의 정확한 버전을 고정하는 파일. package-lock.json·pnpm-lock.yaml.
Next.js Dynamic IO👁 92
정적·동적 렌더링 경계를 데이터 fetch로 자동 판별.
Nextra👁 92
Next.js 기반 문서 사이트 생성기. MDX·검색.
Open Props👁 92
디자인 토큰을 CSS 커스텀 속성으로 제공하는 라이브러리.
Pinia👁 92
Vue 3의 공식 상태 관리 라이브러리. Vuex의 후속. TypeScript 친화.
PPR👁 92
Partial Prerendering
Next.js가 도입한 렌더링 전략. 정적 shell을 먼저 보내고 동적 부분을 스트리밍으로 채움. SSG와 SSR의 장점 결합.
Redux Toolkit👁 92
RTK
Redux 공식 유틸. createSlice·createAsyncThunk·RTK Query로 보일러플레이트 제거.
Rolldown👁 92
Rust로 재작성한 Rollup. Vite의 차세대 번들러.
MutationObserver👁 91
DOM 변경을 비동기로 관찰하는 API. 서드파티 스크립트·동적 UI 감시.
Next.js App Router👁 91
Next.js 13+의 RSC 기반 라우팅. Pages Router 대체.
Prefetch / Preload👁 91
rel=preload (즉시·중요), rel=prefetch (다음 페이지용).
Qwik Resumability👁 91
하이드레이션 제거. 서버가 멈춘 지점부터 이어받기.
React Compiler 자동 메모👁 91
useMemo·useCallback·memo 자동 삽입. 수동 최적화 제거.
React Compiler Auto-Memo👁 91
useMemo·useCallback·React.memo를 컴파일러가 자동 삽입.
rem vs em👁 91
rem은 루트(html) 기준, em은 부모 기준의 상대 단위. rem이 예측 가능해 주로 사용.
use() 훅👁 91
React 19의 Promise·Context 언래핑. Suspense와 통합.
Astro DB👁 90
Astro 통합 DB 레이어. Drizzle + libSQL.
CSS 현대 색상👁 90
color-mix()·oklch()·color-contrast(). 2024 모던 CSS.
fetchpriority👁 90
리소스 우선순위 힌트. LCP 이미지·중요 스크립트 high.
forwardRef👁 90
ref를 하위 컴포넌트로 전달. React 19에서는 ref prop 자동.
@layer (CSS Cascade Layers)👁 90
CSS 우선순위를 명시적 레이어로 관리하는 기능. !important 남발 예방.
mdsvex👁 90
Svelte용 MDX. Svelte 컴포넌트를 Markdown에서.
Next.js Turbopack👁 90
Next.js 16 기본 번들러. Webpack 대체. Rust 기반 초고속.
Nuxt 4 기본값👁 90
app 디렉터리·TypeScript 강화·빌드 속도.
Payload CMS👁 90
TypeScript Next.js 기반 오픈소스 CMS. 2024 v3.
Playwright👁 90
Microsoft의 브라우저 자동화·E2E 테스트. Chromium·Firefox·WebKit 모두 지원.
React.memo👁 90
컴포넌트 리렌더 최적화. props 변경 시에만 재렌더.
React Router v7 (Remix 통합)👁 90
Remix v3 = React Router v7. 브랜드 통합.
Rspack / Rsbuild👁 90
ByteDance의 Rust Webpack 호환 번들러·상위 도구.
Scroll-Driven Animations👁 90
scroll·view-timeline으로 스크롤 기반 애니메이션을 CSS만으로.
clsx / tailwind-merge👁 89
Tailwind 클래스 조합·중복 제거.
Cross-Origin Isolation👁 89
COOP·COEP로 보안 강화. SharedArrayBuffer·고정밀 타이머 활성.
HTTP/2 Server Push👁 89
서버가 요청 전에 리소스 푸시. 실효성 부족으로 deprecated.
inert Attribute👁 89
하위 트리 전체를 상호작용·접근성에서 제외. 모달 외부 비활성.
LCP 최적화👁 89
Hero 이미지 preload·priority·fetchpriority high·서버 TTFB 개선.
<dialog> Element👁 89
네이티브 모달. showModal()·::backdrop·포커스 트랩.
Next.js Cache Tags👁 89
fetch + next: { tags }·revalidateTag로 세밀한 캐시 무효화.
Next.js Server Actions👁 89
Next.js의 서버 함수 직접 호출. API 라우트 불필요.
NPM Package👁 89
npm 레지스트리에 배포되는 자바스크립트 패키지. package.json·main·exports.
Oxc👁 89
Rust 기반 JS 컴파일러 생태계. oxlint·oxc-resolver·oxc-transformer.
Oxc👁 89
Rust JavaScript 컴파일러 스위트. Parser·Linter·Minifier·Transformer.
PostCSS👁 89
CSS를 AST로 변환하는 플러그인 기반 도구. Autoprefixer가 대표.
React 19 Document Metadata👁 89
title·meta·link을 컴포넌트 어디서나 렌더. Next·Remix 없이도.
React 19 `use` Hook👁 89
Promise·Context를 조건부로 읽는 훅. Suspense와 조합.
React Compiler👁 89
자동 메모화 컴파일러. useMemo·useCallback 불필요.
ArkType👁 88
TypeScript 문법으로 런타임 검증. 런타임·타입 동시 정의.
Biome👁 88
Rome 후속 Rust 기반 JS 툴체인. ESLint + Prettier 통합.
clamp()👁 88
값을 최소·선호·최대로 조합하는 CSS 함수. 반응형 타이포에 필수.