🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
Astro Islands👁 133
Astro의 Island Architecture. client:load·client:visible directive.
Conform👁 133
React 폼 라이브러리. progressive enhancement·Remix 친화·Zod 통합.
CSS 단위👁 133
px·%·rem·em·vw·vh·vmin·vmax·ch·ex 등. 상황별 선택 기준.
Payload CMS👁 133
TypeScript Next.js 기반 오픈소스 CMS. 2024 v3.
Prefetch / Preload👁 133
rel=preload (즉시·중요), rel=prefetch (다음 페이지용).
rem vs em👁 133
rem은 루트(html) 기준, em은 부모 기준의 상대 단위. rem이 예측 가능해 주로 사용.
taintObjectReference / taintUniqueValue👁 133
React 19 taint API. 서버 전용 객체가 클라이언트로 새는 것을 차단.
Astro DB·Content Layer👁 132
Astro의 데이터·콘텐츠 통합 API. libSQL 기반 DB.
Docusaurus 3👁 132
Meta의 정적 문서 사이트. v3는 MDX 3·React 18.
not-found.tsx👁 132
404 페이지. notFound() 함수와 조합.
Oxc👁 132
Rust 기반 JS 컴파일러 생태계. oxlint·oxc-resolver·oxc-transformer.
React 19 `use` Hook👁 132
Promise·Context를 조건부로 읽는 훅. Suspense와 조합.
React Compiler 자동 메모👁 132
useMemo·useCallback·memo 자동 삽입. 수동 최적화 제거.
React Portal👁 132
컴포넌트를 DOM 트리의 다른 곳에 렌더. 모달·툴팁 구현.
Rspack / Rsbuild👁 132
ByteDance의 Rust Webpack 호환 번들러·상위 도구.
Astro DB👁 131
Astro 통합 DB 레이어. Drizzle + libSQL.
clamp()👁 131
값을 최소·선호·최대로 조합하는 CSS 함수. 반응형 타이포에 필수.
CLS 최적화👁 131
width/height 속성·aspect-ratio·font-display·skeleton.
CSS 현대 색상👁 131
color-mix()·oklch()·color-contrast(). 2024 모던 CSS.
File System Access API👁 131
브라우저가 로컬 파일을 읽고 쓰는 API. VS Code Web·Figma.
inert Attribute👁 131
하위 트리 전체를 상호작용·접근성에서 제외. 모달 외부 비활성.
Next.js Middleware👁 131
모든 요청 전에 실행되는 Edge 런타임 함수. 인증·리다이렉트.
NPM Package👁 131
npm 레지스트리에 배포되는 자바스크립트 패키지. package.json·main·exports.
Parallel Routes👁 131
Next.js의 동시 여러 페이지 렌더. Slot 패턴.
React Compiler👁 131
자동 메모화 컴파일러. useMemo·useCallback 불필요.
React Router v7 (Remix 통합)👁 131
Remix v3 = React Router v7. 브랜드 통합.
Zustand Slices 패턴👁 131
큰 store를 여러 slice로 분할해 관리하는 Zustand 조직화 패턴.
Declarative Shadow DOM👁 130
SSR에서 Shadow DOM을 HTML 속성으로 선언. 하이드레이션 불필요.
Import Maps👁 130
브라우저 네이티브 모듈 별칭·버전 관리. 번들러 없이도 동작.
MutationObserver👁 130
DOM 변경을 비동기로 관찰하는 API. 서드파티 스크립트·동적 UI 감시.
Next.js Turbopack👁 130
Next.js 16 기본 번들러. Webpack 대체. Rust 기반 초고속.
Open Props👁 130
디자인 토큰을 CSS 커스텀 속성으로 제공하는 라이브러리.
PostCSS👁 130
CSS를 AST로 변환하는 플러그인 기반 도구. Autoprefixer가 대표.
Qwik Resumability👁 130
하이드레이션 제거. 서버가 멈춘 지점부터 이어받기.
Remix SPA Mode👁 130
Remix를 서버 없이 SPA로 배포. 정적 호스팅.
BEM👁 129
Block Element Modifier
CSS 네이밍 컨벤션. block__element--modifier 형식으로 격리.
Biome👁 129
Rome 후속 Rust 기반 JS 툴체인. ESLint + Prettier 통합.
Cross-Origin Isolation👁 129
COOP·COEP로 보안 강화. SharedArrayBuffer·고정밀 타이머 활성.
Intercepting Routes👁 129
Next.js 라우트 인터셉트. Instagram 스타일 모달 라우팅.
Lockfile👁 129
의존성의 정확한 버전을 고정하는 파일. package-lock.json·pnpm-lock.yaml.
<dialog> Element👁 129
네이티브 모달. showModal()·::backdrop·포커스 트랩.
OKLCH Color👁 129
지각 균일 색공간. 밝기·채도 직관적, 디자인 토큰에 최적.
React 19 Form Actions👁 129
form 태그에 action 함수 직접 연결. 서버·클라이언트 공용.
React Compiler Auto-Memo👁 129
useMemo·useCallback·React.memo를 컴파일러가 자동 삽입.
Browser DevTools👁 128
브라우저 내장 개발 도구. Element·Console·Network·Performance.
Design Token👁 128
디자인 값(색·간격·폰트)을 추상화·공유하는 단위. Figma·코드·문서 간 동기화.
Logical Properties👁 128
margin-block·padding-inline 등 방향 독립 CSS 속성. RTL·세로쓰기 지원.
Priority Hints👁 128
fetchpriority 속성으로 리소스 우선순위 지정.
Qwik Resumability👁 128
Qwik의 핵심. 서버 상태를 이어받아 Hydration 없이 즉시 상호작용.
React 19 Stable👁 128
2024.12 출시. Actions·use·Compiler·ref as prop 안정.