Frontend — 335개 용어

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

사용자가 페이지에서 첫 콘텐츠를 본 시점. LCP의 보조 지표.

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

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

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

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

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

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

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

브라우저 네이티브 HTTP 클라이언트. XMLHttpRequest의 현대 대체.

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

요소의 가로/세로 비율을 CSS로 직접 지정하는 속성. 이미지·영상 로드 전 공간 예약.

백엔드 마이크로서비스의 프런트엔드 버전. 독립 배포·기술 자유.

React가 두 Virtual DOM 트리를 비교해 변경점을 찾아내는 알고리즘. key prop이 이 과정의 힌트.

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