🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
Valtio👁 56
Proxy 기반 React 상태. 그냥 객체처럼 쓰되 변경 시 자동 리렌더.
Vitest Browser Mode👁 56
Vitest가 실제 브라우저에서 실행. JSDOM 대신 Playwright.
Intercepting Routes👁 55
Next.js 라우트 인터셉트. Instagram 스타일 모달 라우팅.
Open Props👁 55
디자인 토큰을 CSS 커스텀 속성으로 제공하는 라이브러리.
VoidZero👁 55
Evan You(Vue 창시자)의 회사. Vite·Oxc 통합 도구 개발.
Web Worker👁 55
별도 스레드에서 JS를 실행하는 API. 메인 스레드 블록 없이 무거운 연산.
Web Worker 호환성👁 55
Service Worker·Worker·SharedWorker·AudioWorklet. 용도별 선택.
Client Boundary👁 54
RSC에서 Server와 Client 컴포넌트 경계. 직렬화 가능한 값만 전달.
Conform (React)👁 54
Remix·React의 progressive enhancement 폼 라이브러리.
CSS 새 단위👁 54
dvh·svh·lvh·dvw — 동적 뷰포트 단위. 모바일 주소창 변화 대응.
E2E Test👁 54
End-to-End
실제 사용자 흐름을 브라우저에서 자동화해 검증하는 테스트. 가장 현실적, 가장 느림.
error.tsx👁 54
Next.js 라우트 에러 처리 컴포넌트.
File System Access API👁 54
브라우저가 로컬 파일을 읽고 쓰는 API. VS Code Web·Figma.
Grid 고급👁 54
grid-template-areas·minmax·auto-fit·auto-fill·subgrid.
Lighthouse👁 54
Google의 웹 성능·접근성·SEO·PWA 감사 도구. Chrome 내장.
Logical Properties👁 54
margin-block·padding-inline 등 방향 독립 CSS 속성. RTL·세로쓰기 지원.
Mantine v7👁 54
React UI 라이브러리. CSS Modules 기반으로 재작성.
Next.js Dynamic IO👁 54
정적·동적 렌더링 경계를 데이터 fetch로 자동 판별.
Next.js Turbopack👁 54
Next.js 16 기본 번들러. Webpack 대체. Rust 기반 초고속.
Next Middleware Node Runtime👁 54
Next 16+ 미들웨어가 Node.js 런타임 선택 가능.
nuqs👁 54
Next.js 검색 파라미터를 타입 안전 상태로 관리하는 훅.
OpenGraph Image👁 54
Next.js의 동적 OG 이미지 생성. edge에서 이미지 렌더.
Paint / Composite👁 54
브라우저 렌더링의 마지막 단계. Paint는 픽셀 그리기, Composite는 레이어 합성.
React Aria👁 54
Adobe의 접근성 훅 모음. 자체 UI 만들 때 접근성 보장.
React DevTools👁 54
React 컴포넌트 트리·props·state·profiler 브라우저 확장.
Redux Toolkit👁 54
RTK
Redux 공식 유틸. createSlice·createAsyncThunk·RTK Query로 보일러플레이트 제거.
Svelte👁 54
Rich Harris가 만든 컴파일러 프레임워크. 런타임 VDOM 없이 순수 JS로 컴파일.
tailwindcss-animate👁 54
shadcn/ui가 사용하는 Tailwind 애니메이션 플러그인.
TanStack Router👁 54
타입 안전 React 라우터. Search param·loader 타입 추론 강력.
TBT👁 54
Total Blocking Time
Long Task로 메인 스레드가 블록된 총 시간. 실험실 지표.
TC39 Signals Proposal👁 54
JavaScript 표준 Signals. Angular·Preact·Solid·Vue 합작.
Vanilla Extract👁 54
TypeScript 기반 zero-runtime CSS-in-JS. 타입 안전 CSS.
Vitest👁 54
Vite 기반 고속 테스트 러너. Jest 호환 API, ESM 네이티브.
VoidZero👁 54
Evan You가 설립한 Vite·Rolldown 개발사. 통합 JS 툴체인 지향.
Astro Islands👁 53
Astro의 Island Architecture. client:load·client:visible directive.
Custom Elements👁 53
커스텀 HTML 태그 정의. 프레임워크 독립적 컴포넌트.
Docusaurus 3👁 53
Meta의 정적 문서 사이트. v3는 MDX 3·React 18.
@layer (CSS Cascade Layers)👁 53
CSS 우선순위를 명시적 레이어로 관리하는 기능. !important 남발 예방.
Next.js App Router👁 53
Next.js 13+의 RSC 기반 라우팅. Pages Router 대체.
Nextra👁 53
Next.js 기반 문서 사이트 생성기. MDX·검색.
Parallel Routes👁 53
Next.js의 동시 여러 페이지 렌더. Slot 패턴.
Parcel👁 53
Zero-config 번들러. Webpack 대안. V2에 Rust 기반 최적화.
Pinia👁 53
Vue 3의 공식 상태 관리 라이브러리. Vuex의 후속. TypeScript 친화.
Playwright Component Testing👁 53
React·Vue·Svelte 컴포넌트를 Playwright에서.
Popover API👁 53
HTML popover 속성. JS 없이 접근성 친화 팝오버·메뉴.
Prettier👁 53
고집 있는 코드 포매터. 논쟁을 제거. JS·TS·CSS·Markdown.
Progressive Enhancement👁 53
기본 기능은 HTML·CSS만으로 동작하고, JS는 향상만 제공하는 원칙.
React 19 ref as prop👁 53
forwardRef 필요 없이 ref를 일반 prop처럼 전달.
Remix Loader👁 53
Remix의 라우트별 데이터 페칭 함수. 서버에서 실행.
Rolldown👁 53
Rollup 호환 Rust 기반 번들러. Vite 미래 엔진.