🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
MSW👁 168
Mock Service Worker
네트워크 레벨 API 모킹. Service Worker로 브라우저·Node 양쪽에서 동일 모의.
PPR👁 168
Partial Prerendering
Next.js가 도입한 렌더링 전략. 정적 shell을 먼저 보내고 동적 부분을 스트리밍으로 채움. SSG와 SSR의 장점 결합.
useOptimistic👁 168
React 19의 낙관적 업데이트 훅. 서버 응답 전 즉시 UI 반영.
Vanilla Extract👁 168
TypeScript 기반 zero-runtime CSS-in-JS. 타입 안전 CSS.
Headless UI👁 166
Tailwind 팀의 headless 컴포넌트 라이브러리. React·Vue 지원.
Shadow DOM 스타일링👁 166
:host·::part·::slotted·CSS 변수로 Shadow DOM 경계 관통 스타일링.
useRef👁 166
DOM 참조나 렌더와 무관한 가변값을 담는 React 훅.
View Transitions API👁 166
페이지·상태 전환 시 부드러운 애니메이션을 CSS로 구현하는 웹 표준. 브라우저가 이전/이후 상태를 자동 크로스페이드.
Web Worker 호환성👁 166
Service Worker·Worker·SharedWorker·AudioWorklet. 용도별 선택.
Lit👁 165
Google의 경량 Web Components 라이브러리.
Panda CSS👁 165
Zero-runtime CSS-in-JS. 디자인 토큰·타입 안전. Chakra UI 팀.
SharedArrayBuffer👁 165
Worker 간 공유 메모리. Cross-Origin Isolation 필요.
Valtio👁 165
Proxy 기반 React 상태. 그냥 객체처럼 쓰되 변경 시 자동 리렌더.
web-vitals 라이브러리👁 165
Google의 Core Web Vitals 측정 JS 라이브러리.
Zod👁 165
TypeScript 최초 우선 스키마 검증. React Hook Form·tRPC 파트너.
Lighthouse👁 164
Google의 웹 성능·접근성·SEO·PWA 감사 도구. Chrome 내장.
reactive (Vue)👁 164
Vue 3 반응형 객체 생성. Proxy 기반.
Sass / SCSS👁 163
CSS 전처리기. 변수·중첩·믹스인·함수 제공. 대형 스타일시트 유지보수 향상.
useReducer👁 163
복잡한 상태 전이를 reducer 패턴으로 다루는 React 훅. useState의 강화판.
Visual Regression Testing👁 163
UI 변경을 스크린샷 비교로 검출하는 테스트. Chromatic·Percy·Playwright.
Vite Plugin👁 163
Vite 플러그인 시스템. Rollup 플러그인과 호환.
Vite + Rolldown👁 163
Vite 6+는 Rolldown을 번들러로 전환 중.
Vitest Browser Mode👁 163
Vitest가 실제 브라우저에서 실행. JSDOM 대신 Playwright.
WebCodecs API👁 163
비디오·오디오 저수준 인코딩·디코딩. WebRTC·ML 전처리.
Prettier👁 162
고집 있는 코드 포매터. 논쟁을 제거. JS·TS·CSS·Markdown.
Shadow DOM👁 162
DOM을 캡슐화하는 브라우저 표준. Web Components의 스타일·마크업 격리.
SWR👁 162
Stale-While-Revalidate
Vercel의 가벼운 React 데이터 페칭 훅. 캐시 반환 후 백그라운드 갱신.
TanStack Form👁 162
타입 안전 프레임워크 중립 폼 라이브러리.
Tauri v2👁 162
Rust 기반 데스크톱·모바일 앱 프레임워크. Electron 대안.
Container Style Queries👁 161
부모 컨테이너의 속성 값에 따라 자식 스타일 분기.
CSS Modules👁 161
컴포넌트별로 클래스명을 격리하는 CSS 시스템. 빌드 타임에 해시 접미.
Custom Elements👁 161
커스텀 HTML 태그 정의. 프레임워크 독립적 컴포넌트.
Rspack👁 161
ByteDance가 만든 Rust 기반 Webpack 호환 번들러. Webpack 설정 그대로 쓰며 10배+ 빠른 빌드.
TanStack Router👁 161
타입 안전 React 라우터. Search param·loader 타입 추론 강력.
Vite 환경변수👁 161
import.meta.env. VITE_ 접두사 클라이언트 노출.
Waku👁 161
RSC 학습용·제품용 미니멀 프레임워크. Daishi Kato.
Client Boundary👁 160
RSC에서 Server와 Client 컴포넌트 경계. 직렬화 가능한 값만 전달.
fetch API👁 160
브라우저 네이티브 HTTP 클라이언트. XMLHttpRequest의 현대 대체.
Sonner👁 160
세련된 React 토스트 라이브러리. shadcn/ui 기본 채택.
Svelte 5 Runes👁 160
Svelte 5의 새 반응성 시스템. $state·$derived·$effect.
TanStack Start👁 160
Next·Remix 대안 풀스택 프레임워크. TanStack Router 기반.
CSS Nesting👁 159
네이티브 CSS 중첩 문법. Sass 없이도 중첩 가능. 2023년 주요 브라우저 지원.
Long Task👁 159
메인 스레드를 50ms 이상 점유한 작업. 반응성 저해의 원인.
Radix UI👁 159
접근성 완벽 headless 컴포넌트. 스타일 자유, 동작만 제공.
Vite SSR👁 159
Vite의 SSR API. 프레임워크 제작에 사용.
React DevTools👁 158
React 컴포넌트 트리·props·state·profiler 브라우저 확장.
Render Tree👁 158
브라우저가 DOM과 CSSOM을 결합해 만드는 실제 렌더링용 트리.
Rolldown👁 158
Rollup 호환 Rust 기반 번들러. Vite 미래 엔진.
Service Worker👁 158
브라우저 백그라운드에서 실행되는 JS. 네트워크 요청 가로채기, 오프라인 캐싱, 푸시 알림을 처리.
Speculation Rules👁 158
차세대 prerender API. 링크를 브라우저가 선제 렌더.