keenresume
  1. 홈
  2. 이력서 예시
  3. 개발·IT
  4. 프론트엔드 개발자

프론트엔드 개발자 이력서 예시

경력 4년 프론트엔드 개발자가 서비스 회사로 이직할 때 쓰는 이력서예요. 채용 담당자는 화면의 규모와 사용자 수, 성능과 사용성 지표, 디자이너와의 협업을 봐요.

프론트엔드 개발자 이력서 예시, 1페이지 중 1페이지오하늘프론트엔드 개발자 · 4년 차요약React와 Next.js로 사용자 200만 명 금융 웹 서비스를 만들어 온 4년 차프론트엔드 개발자입니다. 첫 화면 로딩 시간을 45% 줄였고, 5개 팀이 함께 쓰는디자인 시스템을 만들었습니다. 웹 접근성과 성능을 중요하게 여깁니다.경력프론트엔드 개발자2023.03 – 현재(주)머니라인 · 서울•Next.js 전환과 이미지 최적화로 첫 화면 로딩(LCP) 3.8초에서 2.1초로 단축•디자인팀과 컴포넌트 70개 디자인 시스템 구축, 5개 팀 사용, 화면 개발 기간30% 단축•송금 화면 개편으로 이탈률 18%에서 11%로 감소•웹 접근성 점검으로 스크린 리더 사용자 문의 건수 60% 감소웹 개발자2021.09 – 2023.02(주)스튜디오한 · 서울•고객사 웹사이트와 관리자 화면 14건을 React와 Vue로 개발•E2E 테스트 도입으로 운영 배포 후 긴급 수정 건수 절반으로 감소학력산업디자인학과 학사2015.03 – 2020.02국민대학교 · 서울연락처haneul.oh@example.com010-5555-0163서울 성동구blog.example.com/haneulgithub.com/example-haneul보유 기술TypeScriptReactNext.js상태 관리(React Query, Zustand)웹 성능 최적화웹 접근성StorybookPlaywright
프론트엔드 개발자이 예시 사용

채용 담당자가 보는 것

  • 서비스 규모: 사용자 수와 서비스 종류.
  • 성능 지표: LCP, 번들 크기, 로딩 시간.
  • 사용성 성과: 전환율, 이탈률.
  • 디자인 시스템과 협업: 컴포넌트, 디자이너·기획자와의 작업 방식.
  • 품질: 테스트, 접근성, 브라우저 호환.

요약 쓰는 법

경력, 주력 기술, 서비스 규모, 대표 성과(성능이나 전환) 하나를 쓰세요.

이 예시의 요약

React와 Next.js로 사용자 200만 명 금융 웹 서비스를 만들어 온 4년 차 프론트엔드 개발자입니다. 첫 화면 로딩 시간을 45% 줄였고, 5개 팀이 함께 쓰는 디자인 시스템을 만들었습니다. 웹 접근성과 성능을 중요하게 여깁니다.

디자이너 출신 프론트엔드

UI 디자이너로 3년 일한 뒤 프론트엔드 개발자로 전환한 2년 차입니다. 디자인과 코드를 함께 이해해 디자인 시스템 구축에 강점이 있고, React와 Storybook으로 컴포넌트 50개를 만들었습니다.

퍼블리셔에서 프론트엔드로

웹 퍼블리셔로 4년 동안 반응형 사이트 40여 개를 만들었고, 최근 2년은 React와 TypeScript로 관리자 화면을 개발했습니다. 접근성 인증 마크 획득 프로젝트를 3건 맡았습니다.

효과적인 성과 문장

예시에 없는, 이 직무에 맞는 강한 문장이에요. 형식을 빌리고 숫자는 내 것으로 바꾸세요.

  • 번들 분할로 자바스크립트 크기 40% 감소
  • 회원가입 단계를 5단계에서 3단계로 줄여 가입 완료율 22% 향상
  • Storybook 기반 컴포넌트 문서화로 디자이너와의 검수 회의 절반으로 감소
  • 공통 에러 처리와 로깅을 도입해 프론트엔드 오류 원인 파악 시간 70% 단축
  • 모바일 웹 성능 개선으로 Core Web Vitals 통과 페이지 비율 40%에서 92%로 향상
  • 사내 프론트엔드 스터디 운영, 12주 동안 8명 참여
  • A/B 테스트 15건 구현과 분석, 3건 정식 반영
  • 레거시 jQuery 화면 30개를 React로 점진 전환하며 장애 0건

적어야 할 기술

직무 기술

  • TypeScript
  • React·Next.js
  • 상태 관리와 데이터 페칭
  • 웹 성능 최적화
  • 웹 접근성(KWCAG, WCAG)
  • 테스트(Jest, Playwright)
  • 디자인 시스템과 Storybook
  • CI/CD

소프트 스킬

  • 디자이너·기획자와의 협업
  • 사용자 관점
  • 꼼꼼한 검수
  • 문서화

적을 만한 자격증과 면허

  • 웹 접근성 관련 교육: 공공·금융 서비스에서 도움이 돼요.
  • 정보처리기사: 국내 기업 공고에서 우대하는 경우가 있어요.
  • 포트폴리오와 기술 블로그: 자격증보다 설득력이 큰 경우가 많아요.

분량과 형식

한 장(경력 5년 이하). 순서: 요약, 경력, 학력, 보유 기술. 포트폴리오와 GitHub 링크는 인적 사항에 넣으세요.

흔한 실수

  • “UI 개발”만 쓰고 성능이나 사용성 숫자가 없는 것.
  • 라이브러리 이름을 끝없이 나열하는 것.
  • 포트폴리오 링크가 깨져 있거나 오래된 것.
  • 디자이너와의 협업을 전혀 언급하지 않는 것.

자주 묻는 질문

포트폴리오 사이트가 꼭 필요한가요?

필수는 아니지만 프론트엔드에서는 실제 화면을 보여 줄 수 있어 도움이 커요. 회사 서비스는 공개된 화면만 링크하세요.

비전공자라는 걸 밝혀야 하나요?

학력에 그대로 드러나니 숨길 필요 없어요. 전공이 디자인처럼 직무와 이어진다면 장점으로 써 보세요.

성능 지표는 어떻게 측정하나요?

Lighthouse, Web Vitals 리포트, 모니터링 도구의 개선 전후 값을 쓰면 돼요.

관련 예시

개발·IT 예시 전체

이력서 예시 전체