Frontend Performance Lab

성능으로 말하는
FRONTEND ENGINEER

Web Vitals 최적화부터 디자인 시스템 구축까지 — 수치로 증명하는 FE 역량을 AI가 극대화해 드립니다.

AI TRANSFORMATION

자소서 Before & After
11번가 프론트엔드 개발 직무

평범한 기술 나열을 수치로 말하는 FE 전문가 서사로 변환합니다.

AI 튜닝 전

"HTML/CSS/JS로 웹 페이지를 만들었습니다. 반응형 웹을 구현해 모바일에서도 잘 보이게 했습니다. 11번가의 웹 사이트를 사용자가 쓰기 편하게 만들겠습니다."

11st Pick
✦ AI Generated Insight

"모바일 웹 성능 최적화(Web Vitals) 프로젝트를 통해 LCP(Largest Contentful Paint)를 1.2초로 개선하고, 11번가 홈 화면의 초기 로딩 속도를 30% 단축했습니다. React 기반의 디자인 시스템 컴포넌트를 구축하여 개발 생산성을 높이고, 코드 스플리팅으로 번들 사이즈를 줄여 유저 이탈률을 방어한 프론트엔드 전문성을 강조했습니다."

합격 전략

11st FE PERFORMANCE

11번가 FE 직무 합격을 위한 3가지 핵심 포지셔닝 전략

01

Web Vitals 최적화

LCP, FID, CLS 등 Core Web Vitals 지표를 실측하고 Lighthouse 점수를 개선한 구체적 경험을 수치와 함께 제시하세요. 이커머스에서 성능은 곧 매출과 직결됩니다.

02

React 컴포넌트 시스템

재사용 가능한 UI 컴포넌트 라이브러리 구축, Storybook 활용, 디자인-개발 협업 효율화 경험을 강조하세요. 팀 생산성을 높이는 FE 역량이 핵심입니다.

03

번들 최적화 및 로딩 개선

코드 스플리팅, Lazy Loading, Tree Shaking으로 번들 사이즈를 정량적으로 줄인 성과를 서술하세요. 구체적 수치가 없는 최적화 경험은 설득력이 없습니다.

APPLICANT ANALYSIS

합격 지원자 스코어카드

지원자: L.J.  ·  프론트엔드 개발
기업/연도: 11번가 2023
배경: 컴퓨터공학과 / FE 인턴 1년
21/25
전체 상위 13%  ·  프론트엔드 트랙 상위 9%

합격 핵심 패턴

성능 3축 정량화(LCP/번들크기/로딩속도) UX = 비즈니스 self-definition Web Vitals 도메인 어휘 코드 스플리팅 정량 성과

KEY INSIGHTS

합격자가 실천한 5가지 원칙

11번가 FE 합격 자소서에서 공통적으로 발견되는 패턴입니다.

COMMON MISTAKES

절대 하면 안 되는 5가지 표현

탈락 자소서와 합격 자소서를 가르는 표현의 차이입니다.

FAQ

자주 묻는 질문 6가지

11번가 FE 지원자가 가장 많이 묻는 질문을 모았습니다.

이커머스 환경에서 대용량 상품 목록과 이미지를 빠르게 렌더링하는 성능 최적화 역량이 가장 중요합니다. Core Web Vitals 기준으로 LCP 2.5초 이하, CLS 0.1 이하를 달성하는 경험과, 십일절 같은 피크 트래픽에서도 안정적인 UI를 제공하는 견고한 컴포넌트 설계 역량이 핵심입니다.
TypeScript는 필수적이며, 상태관리 라이브러리(Redux Toolkit, Recoil, Zustand 중 하나), 빌드 도구(Webpack/Vite), 테스팅(Jest, RTL), 그리고 Storybook을 활용한 컴포넌트 문서화 경험이 있으면 크게 유리합니다. Next.js SSR 경험도 SEO가 중요한 이커머스 특성상 플러스 요인입니다.
"성능을 개선했습니다"가 아닌 "Lighthouse 분석으로 LCP 병목 원인(이미지 최적화 누락)을 파악, WebP 전환 및 Lazy Loading 적용으로 LCP 3.8초→1.2초 개선, 이탈률 12% 감소"처럼 측정→원인파악→해결책→결과 4단계를 명확하게 서술하세요.
React 기반의 SPA 아키텍처와 TypeScript를 사용하며, 모노레포 구조로 여러 서비스를 관리합니다. 디자인 시스템 구축과 성능 최적화에 지속적으로 투자하고 있으며, A/B 테스트를 통한 데이터 기반 의사결정을 중시합니다. 코드 리뷰 문화가 강하므로 PR 작성 및 리뷰 경험도 강조하면 좋습니다.
대용량 상품 목록의 가상화(Virtualization), 실시간 재고 상태 업데이트, 결제 플로우의 안정성, 쿠폰·할인 로직의 복잡한 상태관리, 그리고 AB 테스트를 위한 피처 플래그 시스템 등이 이커머스 FE의 특수한 도전 과제입니다. 이런 경험이 있다면 자소서에 반드시 포함하세요.
브라우저 렌더링 과정, 이벤트 루프와 비동기 처리, React의 재조정(Reconciliation) 알고리즘, 메모이제이션 전략(React.memo/useMemo/useCallback), CSR vs SSR 트레이드오프 등이 자주 나옵니다. 특히 "성능 병목을 어떻게 발견하고 해결했나요?"라는 실전 경험 질문에 구체적인 사례로 답할 수 있도록 준비하세요.
CareerDawn AI

당신의 경험을
FE 성과로 변환하세요

11번가 FE 합격 로직을 학습한 AI가 당신의 프로젝트를 Web Vitals·번들 최적화·컴포넌트 설계 언어로 완벽하게 재서술합니다.

무료로 AI 자소서 생성하기
11번가 프론트엔드 개발 합격 자소서 Before & After 상세 분석 | CareerDawn AI
11번가 프론트엔드 개발 Web Vitals 최적화 전략 가이드 | CareerDawn AI