Frontend — 335개 용어

HttpOnly·Secure·SameSite·Domain·Path·Max-Age. 보안·동작 제어.

웹 접근성. 장애인·모든 사용자가 쓸 수 있게 하는 실천. WCAG 표준.

Google의 엔터프라이즈 프런트엔드 프레임워크. TypeScript 1급. RxJS·DI 기반.

서버에서 HTML을 완성해 클라이언트에 보내는 렌더링. SEO·초기 로딩 속도에 유리.

Next.js Image·WebP·AVIF·srcset·lazy·blur placeholder.

Angular 17+의 반응성 API. Zone.js 의존 탈피.

Angular용 메타프레임워크. Vite·파일 라우팅·SSR.

비동기 렌더링(데이터 로딩, 코드 스플릿)을 선언적으로 처리하는 React 기능. fallback으로 로딩 UI 지정.

Radix UI + Tailwind로 만든 copy-paste 컴포넌트 모음. 라이브러리 아님.

빌드 타임에 HTML을 미리 생성하는 방식. CDN에서 즉시 서빙되어 가장 빠르다.

요소 크기 변경을 감지하는 API. window resize가 아닌 개별 요소 단위.

JavaScript 스키마 검증 라이브러리. Zod 이전 주류. Formik과 자주 조합.

서버가 보낸 정적 HTML에 JS를 부착해 인터랙티브하게 만드는 과정.

Remix와 통합된 React 라우터. 라이브러리·프레임워크 모드 둘 다 지원.

Evan You가 만든 프로그레시브 JS 프레임워크. 한국·중국에서 특히 인기.

단방향 서버→클라이언트 스트림. LLM 응답 스트리밍의 표준.

React에서 함수 컴포넌트의 상태를 선언하는 가장 기본 훅.

페이지 로드 후 가장 큰 콘텐츠 요소가 보이기까지의 시간. Core Web Vitals 핵심, 2.5초 이하 권장.

JS/TS 트랜스파일러 선택.

사용자 입력(클릭·탭)에서 다음 페인트까지 걸리는 시간. 2024년 FID를 대체. 200ms 이하 권장.

Webpack 5 기능으로, 서로 다른 빌드의 모듈을 런타임에 공유하는 방식. 마이크로프런트엔드의 기반.

HTML 네이티브로 표현 어려운 의미를 속성으로 보강하는 W3C 표준.

Grid의 반응형 컬럼 생성. auto-fit은 빈 영역 수축, auto-fill은 유지.

1차원 CSS 레이아웃 시스템. 행 또는 열 단일 방향 유연 배치.

Tailwind v4·CSS 변수 기반 테마. 다크모드·브랜드 토큰.

Rust로 작성된 올인원 JS/TS 툴체인. ESLint·Prettier를 100배 빠르게 대체.

여러 프로젝트·패키지를 하나의 저장소에서 관리하는 방식. Turborepo·Nx·pnpm workspace가 대표 도구.

Meta가 만든 React 상태 관리. Atom·Selector 모델. 2024년 이후 업데이트 둔화.

브라우저 리페인트 직전에 콜백을 실행하는 API. setTimeout보다 부드러운 애니메이션.

서버에서만 실행되어 번들에 포함되지 않는 React 컴포넌트. Next.js App Router의 기본.

페이지 전체 새로고침 없이 JS로 화면을 갱신하는 웹앱 구조. React·Vue·Angular의 기본 형태.

타임라인 기반 고성능 JS 애니메이션 라이브러리. 15년 이상 표준.

Facebook의 JavaScript 테스트 프레임워크. 한때 사실상 표준. 현재는 Vitest에 밀림.

웹 기술로 만든 앱을 네이티브 앱처럼 설치·오프라인 동작하게 하는 표준.

검색엔진에서 상위 노출되도록 사이트를 최적화하는 기술·전략.

PWA 설치 메타데이터. 이름·아이콘·theme·화면 방향.

Google이 정의한 웹 성능 핵심 지표 3가지. LCP·CLS·INP. SEO 순위에 직접 영향.

React의 선언적 애니메이션 라이브러리. 사실상 표준.

브라우저의 구조화 저장소. localStorage보다 강력. 대용량·트랜잭션.

정적 HTML 바다에 필요한 인터랙티브 컴포넌트("섬")만 부분 hydration하는 렌더 모델. Astro가 대표.

정적 페이지를 백그라운드에서 주기적 재생성. Next.js 대표 기능.

유틸리티 클래스 기반 CSS 프레임워크. <code>flex p-4 text-lg</code>처럼 클래스 조합만으로 스타일링.

콘텐츠 중심 사이트에 최적화된 프레임워크. "Islands Architecture"로 기본 0 JS, 필요한 곳만 hydration.

하나의 거대 번들을 여러 청크로 쪼개 필요할 때만 로드하는 기법. 초기 로딩 속도 크게 개선.

Node.js의 전통 모듈 시스템. require/module.exports. 동적.

뷰포트가 아닌 부모 컨테이너 크기에 따라 스타일을 바꾸는 CSS 기능. 진정한 컴포넌트 단위 반응형.

자식 요소 조건에 따라 부모를 선택하는 CSS 셀렉터. 오랫동안 불가능했던 "부모 선택"이 드디어 가능.

JavaScript 안에 CSS를 작성하는 접근법. styled-components, Emotion, Linaria 등이 대표적.

표준 JavaScript 모듈 시스템. import/export. 브라우저·Node 모두 지원.

TypeScript 런타임 스키마 검증 라이브러리. 타입 자동 추론.