FE Lab

프론트엔드 면접 대비 인터랙티브 학습 플랫폼

10개 카테고리, 41개 토픽의 인터랙티브 데모와 면접 질문으로프론트엔드 핵심 개념을 깊이 있게 학습하세요.

학습 시작하기

카테고리

JS

JavaScript

10개 토픽
  • 이벤트 버블링 / 캡쳐링
  • 클로저
  • 프로토타입 체인
  • 이벤트 루프
  • 스코프와 실행 컨텍스트
  • Promise
  • 깊은 복사 / 얕은 복사
  • 메모리 관리
  • 디바운스 / 쓰로틀
  • 커링과 함수 합성
BR

Browser

5개 토픽
  • 렌더링 파이프라인
  • 리플로우 / 리페인트
  • 크리티컬 렌더링 패스
  • CSR / SSR / ISR / SSG
  • 웹 워커
RE

React

9개 토픽
  • Virtual DOM
  • 재조정 (Reconciliation)
  • Hooks 라이프사이클
  • React 메모이제이션
  • useRef
  • 모듈 번들링과 최적화
  • 상태 관리 패턴
  • Suspense / Error Boundary
  • React Server Components
NW

Network

6개 토픽
  • CORS
  • HTTP 캐시 전략
  • WebSocket vs SSE
  • HTTP 프로토콜
  • 쿠키와 세션
  • GraphQL vs REST
PF

Performance

2개 토픽
  • CDN
  • 네트워크 디버깅
TS

TypeScript

2개 토픽
  • 제네릭과 유틸리티 타입
  • 타입 가드와 타입 좁히기
CS

CSS

2개 토픽
  • Flexbox vs Grid
  • 반응형 디자인
SC

Security

2개 토픽
  • XSS / CSRF 방지
  • 인증/인가 전략
WA

Web API

2개 토픽
  • Intersection Observer
  • Web Storage
A11

Accessibility

1개 토픽
  • 웹 접근성 (a11y)