🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
useReducer👁 107
복잡한 상태 전이를 reducer 패턴으로 다루는 React 훅. useState의 강화판.
Valibot👁 107
Zod 경쟁 경량 스키마. tree-shake 친화, 번들 1/10.
Valtio👁 107
Proxy 기반 React 상태. 그냥 객체처럼 쓰되 변경 시 자동 리렌더.
Vite + Rolldown👁 107
Vite 6+는 Rolldown을 번들러로 전환 중.
WebCodecs API👁 107
비디오·오디오 저수준 인코딩·디코딩. WebRTC·ML 전처리.
WebGL👁 107
브라우저에서 GPU 가속 3D 그래픽을 렌더링하는 API. Three.js가 대표.
will-change👁 107
애니메이션 전 브라우저에 GPU 레이어 준비를 알리는 CSS 속성.
MSW👁 106
Mock Service Worker
네트워크 레벨 API 모킹. Service Worker로 브라우저·Node 양쪽에서 동일 모의.
SolidJS 1.x👁 106
세밀 반응성 프레임워크. VDOM 없이 컴파일러 반응성.
SvelteKit👁 106
Svelte 공식 풀스택 프레임워크. Next.js의 Svelte 버전.
SWR👁 106
Stale-While-Revalidate
Vercel의 가벼운 React 데이터 페칭 훅. 캐시 반환 후 백그라운드 갱신.
TanStack Router👁 106
타입 안전 React 라우터. Search param·loader 타입 추론 강력.
Vite👁 106
Evan You(Vue 창시자)가 만든 차세대 프런트엔드 빌드 도구. Dev 서버는 esbuild + 브라우저 ESM으로 즉시 시작.
Web Worker 호환성👁 106
Service Worker·Worker·SharedWorker·AudioWorklet. 용도별 선택.
Zustand👁 106
미니멀 React 상태 관리 라이브러리. Redux의 복잡함 없이 훅 하나로.
axios👁 105
Node·브라우저용 HTTP 클라이언트. fetch 이전 표준. 인터셉터·변환 기능 풍부.
React Compiler👁 105
수동 memoization 없이도 React 컴포넌트를 자동 최적화하는 컴파일러. useMemo·useCallback·memo가 필요 없어진다.
RSC 패턴👁 105
Server Component에서 Client로 props 전달·children prop 패턴.
tRPC + Next👁 105
Next.js App Router에서 tRPC 사용 패턴.
Vanilla Extract👁 105
TypeScript 기반 zero-runtime CSS-in-JS. 타입 안전 CSS.
Visual Regression Testing👁 105
UI 변경을 스크린샷 비교로 검출하는 테스트. Chromatic·Percy·Playwright.
Web Worker👁 105
별도 스레드에서 JS를 실행하는 API. 메인 스레드 블록 없이 무거운 연산.
Client Boundary👁 104
RSC에서 Server와 Client 컴포넌트 경계. 직렬화 가능한 값만 전달.
Long Task👁 104
메인 스레드를 50ms 이상 점유한 작업. 반응성 저해의 원인.
next/script👁 104
Next.js 스크립트 최적화. strategy로 로딩 타이밍 제어.
Redux👁 104
예측 가능한 상태 관리 라이브러리. Flux 패턴. 대규모 React 앱의 고전.
Rollup👁 104
ES Module 기반 번들러. 라이브러리 빌드에 우수. Vite 프로덕션 기반.
Sass / SCSS👁 104
CSS 전처리기. 변수·중첩·믹스인·함수 제공. 대형 스타일시트 유지보수 향상.
SvelteKit Form Actions👁 104
SvelteKit의 서버 폼 처리. Progressive Enhancement.
SvelteKit Load👁 104
서버·클라이언트 데이터 로딩 함수.
useFormStatus👁 104
React 19 폼 상태 훅. pending·method·data를 자식 컴포넌트에서 조회.
Vitest👁 104
Vite 기반 고속 테스트 러너. Jest 호환 API, ESM 네이티브.
Nuxt👁 103
Vue 기반 풀스택 프레임워크. SSR·SSG·라우팅·모듈 생태계. Vue의 Next.js.
Polyfill👁 103
구버전 브라우저에 최신 API를 구현해 채워 넣는 코드.
React 19👁 103
2024년 정식 출시. Actions·use()·Compiler·Document Metadata.
React Actions👁 103
React 19의 비동기 작업 처리. form action·useActionState·useFormStatus.
Rspack👁 103
ByteDance가 만든 Rust 기반 Webpack 호환 번들러. Webpack 설정 그대로 쓰며 10배+ 빠른 빌드.
SharedArrayBuffer👁 103
Worker 간 공유 메모리. Cross-Origin Isolation 필요.
Source Map👁 103
컴파일·번들된 코드와 원본 간 매핑. 브라우저 DevTools 디버깅에 필수.
Starlight (Astro)👁 103
Astro 팀의 정적 문서 테마. 최소 설정으로 시작.
Testing Library👁 103
사용자 관점 중심의 테스트 라이브러리. React·Vue·Angular 모두 버전 제공.
useContext👁 103
Context API로 prop drilling 없이 값을 전달받는 훅. 테마·Auth에 주로 사용.
WCAG👁 103
Web Content Accessibility Guidelines
W3C의 웹 접근성 가이드라인. AA·AAA 레벨. 공공·기업 의무 사항인 나라 많음.
WebGPU👁 103
저수준 GPU API. WebGL 후속, compute shader 지원.
CSS Grid👁 102
2차원 CSS 레이아웃 시스템. 행·열 동시 제어로 복잡한 레이아웃 표현.
esbuild👁 102
Go로 작성된 극고속 JS 번들러. Vite dev pre-bundling·TS 컴파일에 쓰임. 100배 빠른 속도로 유명.
Service Worker👁 102
브라우저 백그라운드에서 실행되는 JS. 네트워크 요청 가로채기, 오프라인 캐싱, 푸시 알림을 처리.
Speculation Rules👁 102
차세대 prerender API. 링크를 브라우저가 선제 렌더.
Stencil👁 102
Ionic 팀의 Web Components 컴파일러. TSX·반응성.
Stitches👁 102
디자인 토큰 중심 CSS-in-JS. Radix와 함께 인기였으나 2023년 중단.