🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
useRef👁 102
DOM 참조나 렌더와 무관한 가변값을 담는 React 훅.
CSS light-dark()👁 101
다크모드를 간편 처리하는 CSS 함수. color-scheme 기반.
Lighthouse👁 101
Google의 웹 성능·접근성·SEO·PWA 감사 도구. Chrome 내장.
localStorage vs sessionStorage👁 101
브라우저 키-값 저장소. 영속 vs 탭 한정.
React DevTools👁 101
React 컴포넌트 트리·props·state·profiler 브라우저 확장.
Svelte 5 Runes👁 101
Svelte 5의 새 반응성 시스템. $state·$derived·$effect.
SvelteKit Adapters👁 101
Node·Cloudflare·Vercel·Netlify·Static 배포 추상화.
TanStack Start👁 101
Next·Remix 대안 풀스택 프레임워크. TanStack Router 기반.
Virtual DOM👁 101
실제 DOM의 JS 객체 복제본. 변경을 복제본에서 계산한 뒤 차이(diff)만 실제 DOM에 반영해 성능을 끌어올린다.
Vite 환경변수👁 101
import.meta.env. VITE_ 접두사 클라이언트 노출.
Zustand Slices 패턴👁 101
큰 store를 여러 slice로 분할해 관리하는 Zustand 조직화 패턴.
CSS 새 단위👁 100
dvh·svh·lvh·dvw — 동적 뷰포트 단위. 모바일 주소창 변화 대응.
CSS Modules👁 100
컴포넌트별로 클래스명을 격리하는 CSS 시스템. 빌드 타임에 해시 접미.
Loading UI👁 100
Next.js의 loading.tsx. 자동 Suspense.
nuqs👁 100
Next.js 검색 파라미터를 타입 안전 상태로 관리하는 훅.
React Forget👁 100
React Compiler의 프로젝트명. Facebook 내부 코드네임.
Solid.js👁 100
Fine-grained 반응성 JSX 프레임워크. React와 문법 유사하되 VDOM 없이 극단적 성능.
TBT👁 100
Total Blocking Time
Long Task로 메인 스레드가 블록된 총 시간. 실험실 지표.
TC39 Signals Proposal👁 100
JavaScript 표준 Signals. Angular·Preact·Solid·Vue 합작.
web-vitals 라이브러리👁 100
Google의 Core Web Vitals 측정 JS 라이브러리.
Prettier👁 99
고집 있는 코드 포매터. 논쟁을 제거. JS·TS·CSS·Markdown.
Rolldown👁 99
Rollup 호환 Rust 기반 번들러. Vite 미래 엔진.
TanStack Query Devtools👁 99
서버 상태 캐시·쿼리를 시각화하는 브라우저 확장·컴포넌트.
Transferable Objects👁 99
Web Worker 간 데이터를 복사 없이 소유권 이전. ArrayBuffer·MessagePort 등.
Turbopack Production👁 99
Next 16 Turbopack이 production build 기본.
VoidZero👁 99
Evan You가 설립한 Vite·Rolldown 개발사. 통합 JS 툴체인 지향.
Waku👁 99
RSC 학습용·제품용 미니멀 프레임워크. Daishi Kato.
Custom Elements👁 98
커스텀 HTML 태그 정의. 프레임워크 독립적 컴포넌트.
E2E Test👁 98
End-to-End
실제 사용자 흐름을 브라우저에서 자동화해 검증하는 테스트. 가장 현실적, 가장 느림.
Error Boundary👁 98
React의 에러 경계 컴포넌트. 하위 트리 에러를 잡아 fallback UI.
Lit👁 98
Google의 경량 Web Components 라이브러리.
Qwik City👁 98
Qwik의 메타프레임워크. Next·Remix 대응.
RUM👁 98
Real User Monitoring
실사용자 브라우저에서 성능·에러 측정. Sentry·Datadog·Vercel Speed Insights.
SameSite 쿠키👁 98
Cross-site 요청 시 쿠키 전송 제어. CSRF 방어 핵심.
Storybook👁 98
UI 컴포넌트 개발·문서화·시각 테스트 도구. 디자인시스템 구축 필수.
Svelte 5 Runes👁 98
$state·$derived·$effect. Svelte의 차세대 반응성 API.
tailwindcss-animate👁 98
shadcn/ui가 사용하는 Tailwind 애니메이션 플러그인.
Tailwind CSS v4👁 98
Rust 기반 Oxide 엔진. 100배 빠름. CSS-first 설정.
Transpile👁 98
한 언어·버전을 다른 언어·버전으로 변환. TS→JS, ES2022→ES5 등.
Unit Test👁 98
함수·모듈 단위의 작은 테스트. 빠르고 많이 작성. 개발 피드백의 기반.
Conform (React)👁 97
Remix·React의 progressive enhancement 폼 라이브러리.
CSS Nesting👁 97
네이티브 CSS 중첩 문법. Sass 없이도 중첩 가능. 2023년 주요 브라우저 지원.
Grid 고급👁 97
grid-template-areas·minmax·auto-fit·auto-fill·subgrid.
Intercepting Routes👁 97
Next.js 라우트 인터셉트. Instagram 스타일 모달 라우팅.
ky👁 97
fetch 기반 미니 HTTP 클라이언트. axios보다 훨씬 작고 현대적.
next/font👁 97
Next.js 폰트 최적화. Google Fonts·Local 자동 최적화.
React 19 ref as prop👁 97
forwardRef 필요 없이 ref를 일반 prop처럼 전달.
RedwoodJS👁 97
React·GraphQL·Prisma 풀스택. 강한 규약.
useEffect👁 97
컴포넌트 라이프사이클·부수효과를 다루는 React 훅. 렌더 후 실행.
Vite SSR👁 97
Vite의 SSR API. 프레임워크 제작에 사용.