🎨
Frontend — 175개 용어
React·Next.js·CSS·성능 지표·빌드 도구
Unit Test👁 2
함수·모듈 단위의 작은 테스트. 빠르고 많이 작성. 개발 피드백의 기반.
useCallback👁 2
함수 참조를 메모이제이션하는 훅. 자식 컴포넌트 리렌더 방지에 활용.
useContext👁 2
Context API로 prop drilling 없이 값을 전달받는 훅. 테마·Auth에 주로 사용.
useEffect👁 2
컴포넌트 라이프사이클·부수효과를 다루는 React 훅. 렌더 후 실행.
useFormStatus👁 2
React 19 폼 상태 훅. pending·method·data를 자식 컴포넌트에서 조회.
useMemo👁 2
비싼 계산 결과를 캐시하는 React 훅. deps 변경 시에만 재계산.
useOptimistic👁 2
React 19의 낙관적 업데이트 훅. 서버 응답 전 즉시 UI 반영.
useReducer👁 2
복잡한 상태 전이를 reducer 패턴으로 다루는 React 훅. useState의 강화판.
useRef👁 2
DOM 참조나 렌더와 무관한 가변값을 담는 React 훅.
useTransition👁 2
React 18+의 동시성 훅. 무거운 상태 업데이트를 낮은 우선순위로 처리.
Valtio👁 2
Proxy 기반 React 상태. 그냥 객체처럼 쓰되 변경 시 자동 리렌더.
Vanilla Extract👁 2
TypeScript 기반 zero-runtime CSS-in-JS. 타입 안전 CSS.
Vaul👁 2
iOS 스타일 드로어 컴포넌트. shadcn/ui 저자 Emil Kowalski 작품.
View Transitions API👁 2
페이지·상태 전환 시 부드러운 애니메이션을 CSS로 구현하는 웹 표준. 브라우저가 이전/이후 상태를 자동 크로스페이드.
Visual Regression Testing👁 2
UI 변경을 스크린샷 비교로 검출하는 테스트. Chromatic·Percy·Playwright.
Vitest👁 2
Vite 기반 고속 테스트 러너. Jest 호환 API, ESM 네이티브.
WCAG👁 2
Web Content Accessibility Guidelines
W3C의 웹 접근성 가이드라인. AA·AAA 레벨. 공공·기업 의무 사항인 나라 많음.
WebGL👁 2
브라우저에서 GPU 가속 3D 그래픽을 렌더링하는 API. Three.js가 대표.
Web Worker👁 2
별도 스레드에서 JS를 실행하는 API. 메인 스레드 블록 없이 무거운 연산.
Web Worker 호환성👁 2
Service Worker·Worker·SharedWorker·AudioWorklet. 용도별 선택.
will-change👁 2
애니메이션 전 브라우저에 GPU 레이어 준비를 알리는 CSS 속성.
Yup👁 2
JavaScript 스키마 검증 라이브러리. Zod 이전 주류. Formik과 자주 조합.
Zod👁 2
TypeScript 런타임 스키마 검증 라이브러리. 타입 자동 추론.
Zustand👁 2
미니멀 React 상태 관리 라이브러리. Redux의 복잡함 없이 훅 하나로.
Zustand Slices 패턴👁 2
큰 store를 여러 slice로 분할해 관리하는 Zustand 조직화 패턴.
← 이전4 / 4