🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
Vue Vapor Mode👁 150
Vue 3.6+의 VDOM-less 모드. SolidJS 스타일 컴파일 타임 반응성.
Waku👁 150
RSC 학습용·제품용 미니멀 프레임워크. Daishi Kato.
Rolldown👁 149
Rollup 호환 Rust 기반 번들러. Vite 미래 엔진.
Solid.js👁 149
Fine-grained 반응성 JSX 프레임워크. React와 문법 유사하되 VDOM 없이 극단적 성능.
Tailwind CSS v4👁 149
Rust 기반 Oxide 엔진. 100배 빠름. CSS-first 설정.
Tailwind vs CSS Modules👁 149
utility-first vs component-scoped CSS. 트레이드오프.
useContext👁 149
Context API로 prop drilling 없이 값을 전달받는 훅. 테마·Auth에 주로 사용.
fetchpriority👁 148
리소스 우선순위 힌트. LCP 이미지·중요 스크립트 high.
nuqs👁 148
Next.js 검색 파라미터를 타입 안전 상태로 관리하는 훅.
React DevTools👁 148
React 컴포넌트 트리·props·state·profiler 브라우저 확장.
React Forget👁 148
React Compiler의 프로젝트명. Facebook 내부 코드네임.
React Fragment👁 148
여러 요소를 추가 DOM 노드 없이 묶는 React 기능. <>...</>.
SameSite 쿠키👁 148
Cross-site 요청 시 쿠키 전송 제어. CSRF 방어 핵심.
SvelteKit Form Actions👁 148
SvelteKit의 서버 폼 처리. Progressive Enhancement.
Transpile👁 148
한 언어·버전을 다른 언어·버전으로 변환. TS→JS, ES2022→ES5 등.
Semantic HTML👁 147
의미를 가진 태그를 사용하는 HTML 작성. header·nav·main·article·section·footer.
IntersectionObserver👁 146
요소의 뷰포트 진입 여부를 효율적으로 감지하는 브라우저 API. 지연 로딩·무한 스크롤.
next/script👁 146
Next.js 스크립트 최적화. strategy로 로딩 타이밍 제어.
Remix / React Router v7👁 146
웹 표준 중심 React 프레임워크. 2024년 React Router와 통합.
SolidJS 1.x👁 146
세밀 반응성 프레임워크. VDOM 없이 컴파일러 반응성.
Starlight (Astro)👁 146
Astro 팀의 정적 문서 테마. 최소 설정으로 시작.
Stitches👁 146
디자인 토큰 중심 CSS-in-JS. Radix와 함께 인기였으나 2023년 중단.
SvelteKit Load👁 146
서버·클라이언트 데이터 로딩 함수.
Transferable Objects👁 146
Web Worker 간 데이터를 복사 없이 소유권 이전. ArrayBuffer·MessagePort 등.
VoidZero👁 146
Evan You가 설립한 Vite·Rolldown 개발사. 통합 JS 툴체인 지향.
axios👁 145
Node·브라우저용 HTTP 클라이언트. fetch 이전 표준. 인터셉터·변환 기능 풍부.
CSS Grid👁 145
2차원 CSS 레이아웃 시스템. 행·열 동시 제어로 복잡한 레이아웃 표현.
CVA👁 145
Class Variance Authority
Tailwind 변형(variant) 관리 라이브러리. shadcn/ui 기본.
error.tsx👁 145
Next.js 라우트 에러 처리 컴포넌트.
Lighthouse👁 145
Google의 웹 성능·접근성·SEO·PWA 감사 도구. Chrome 내장.
Polyfill👁 145
구버전 브라우저에 최신 API를 구현해 채워 넣는 코드.
RSC 패턴👁 145
Server Component에서 Client로 props 전달·children prop 패턴.
Composition API👁 144
Vue 3의 로직 조합 API. setup() + ref/reactive로 React Hooks 스타일.
Popover API👁 144
HTML popover 속성. JS 없이 접근성 친화 팝오버·메뉴.
React Actions👁 144
React 19의 비동기 작업 처리. form action·useActionState·useFormStatus.
React Aria👁 143
Adobe의 접근성 훅 모음. 자체 UI 만들 때 접근성 보장.
Redux Toolkit👁 143
RTK
Redux 공식 유틸. createSlice·createAsyncThunk·RTK Query로 보일러플레이트 제거.
Satori👁 143
Vercel의 HTML·CSS를 SVG로 변환. Edge에서 이미지 생성.
SvelteKit Adapters👁 143
Node·Cloudflare·Vercel·Netlify·Static 배포 추상화.
TC39 Signals Proposal👁 143
JavaScript 표준 Signals. Angular·Preact·Solid·Vue 합작.
Turbopack Production👁 143
Next 16 Turbopack이 production build 기본.
Cypress👁 142
개발자 친화 E2E 테스트. 브라우저 내부에서 실행. Playwright에 점유율 내주는 중.
forwardRef👁 142
ref를 하위 컴포넌트로 전달. React 19에서는 ref prop 자동.
localStorage vs sessionStorage👁 142
브라우저 키-값 저장소. 영속 vs 탭 한정.
Parcel👁 142
Zero-config 번들러. Webpack 대안. V2에 Rust 기반 최적화.
Source Map👁 142
컴파일·번들된 코드와 원본 간 매핑. 브라우저 DevTools 디버깅에 필수.
subgrid👁 142
자식 그리드가 부모 그리드의 트랙을 상속하는 Grid 고급 기능.
TTI optimization👁 142
JS 번들 축소·defer·dynamic import로 Time to Interactive 개선.
Unit Test👁 142
함수·모듈 단위의 작은 테스트. 빠르고 많이 작성. 개발 피드백의 기반.
Cross-Document View Transitions👁 141
MPA 페이지 전환을 같은 앱처럼. Chrome 126+.