프론트엔드

실제로 하는 일

• 디자인 시안(Figma 등)을 보고 컴포넌트 단위로 화면을 구현한다
• 백엔드 API 명세를 확인하고 데이터를 화면에 연결한다
• 화면 상태(로딩, 에러, 빈 화면 등)를 하나하나 처리한다
• 여러 브라우저·기기에서 레이아웃이 깨지지 않는지 확인한다
• 동료가 작성한 코드를 리뷰하고 본인 코드도 리뷰받는다
• 페이지 로딩 속도나 렌더링 성능 문제를 찾아 개선한다
• 기획 변경이나 QA에서 올라온 버그를 수정하고 재배포한다

필요한 역량

• TypeScript
• React
• Next.js
• Vue
• Git/GitHub
• Webpack/Vite
• Figma
• 크롬 개발자 도구

들어가는 경로

• 컴퓨터공학 등 관련 전공 후 신입 공채·상시채용 지원
• 비전공자가 독학이나 국비 과정으로 포트폴리오를 만들어 지원
• 퍼블리셔·디자이너로 일하다 코드 역량을 키워 전환
• 백엔드나 QA 등 인접 직무에서 사내 이동으로 전환
• 개인 프로젝트나 오픈소스 기여 실적으로 서류를 통과

성장 단계

1. 주니어1~3년주어진 화면을 정해진 일정 안에 버그 없이 구현하는지, 코드 리뷰 피드백을 얼마나 빠르게 반영하는지로 평가받는다
2. 미드레벨3~6년기능 단위를 혼자 설계하고, 성능·구조 문제를 스스로 찾아 개선하는지로 평가받는다
3. 시니어6년 이상팀 전체의 아키텍처·컨벤션을 결정하고, 후배를 리뷰하며 프로젝트 리스크를 사전에 줄이는지로 평가받는다

오해와 실제

• “프론트엔드는 디자인을 코드로 옮기기만 하면 된다”

  실제 업무 시간의 상당 부분은 상태 관리, 예외 처리, API 연동 버그 해결에 쓰입니다. 디자인 구현은 전체 작업의 일부일 뿐입니다.

• “백엔드보다 배우기 쉽고 진입 장벽이 낮다”

  초기 진입은 상대적으로 쉬울 수 있지만, 프레임워크·빌드 도구·상태 관리 생태계가 빠르게 바뀌어 계속 학습하지 않으면 금방 뒤처집니다. 시니어로 갈수록 요구되는 설계 역량은 백엔드 못지않게 깊습니다.

• “TypeScript는 선택 사항이라 나중에 배워도 된다”

  최근 공고 다수가 TypeScript를 기본값으로 요구합니다. 채용 이후가 아니라 지원 시점부터 사실상 필수 역량으로 취급됩니다.

보상은 무엇으로 갈리는가

같은 연차라도 서비스 규모와 트래픽 수준, 회사가 프론트엔드를 얼마나 핵심 기능으로 보는지에 따라 처우 격차가 큽니다. 특정 프레임워크나 성능 최적화처럼 대체하기 어려운 전문성을 쌓았는지, 그리고 이직 시장에서 포트폴리오로 실력을 증명할 수 있는지가 보상 수준을 가르는 주요 변수입니다. 같은 회사 안에서는 연차보다 실제로 맡는 프로젝트의 규모와 책임 범위가 더 크게 작용하는 경우가 많습니다.

여기서 갈 수 있는 직무

• 백엔드2~5년차

  준비 기간이 짧다

  사내 BFF(Backend for Frontend)나 Node.js API 작업을 자원해서 서버 로직 경험을 쌓고, 이를 발판으로 풀스택 포지션이나 백엔드 이직을 시도하는 경로가 흔하다. 팀 규모가 작은 스타트업일수록 프론트-백엔드 겸업 기회가 많아 전환이 자연스럽게 일어난다.

  그대로 쓰는 것 · API 연동 경험, JS/TS 기반 Node.js 백엔드 적응력, 협업 및 배포 프로세스 이해, 디버깅·문제해결 습관

  새로 채울 것 · 서버/DB 설계 역량, 동시성·트래픽 처리 이해, 인프라 배포 지식, 백엔드 언어(예: Java, Go, Python) 숙련

• 디자인·UX2~5년차

  1~2년 준비가 필요하다

  디자인 시스템 구축이나 컴포넌트 라이브러리 작업에 참여하며 디자이너와 밀접하게 협업한 경험이 전환의 발판이 된다. 사이드 프로젝트로 직접 UI를 디자인해 포트폴리오를 만들고 UX/UI 디자이너로 지원하는 경로가 나타난다.

  그대로 쓰는 것 · UI 컴포넌트와 디자인 시스템에 대한 이해, 픽셀 단위 구현 경험으로 인한 디테일 감각, 사용자 인터랙션에 대한 감각, 디자이너와의 협업 경험

  새로 채울 것 · Figma 등 디자인 툴 숙련도, UX 리서치·사용성 테스트 방법론, 비주얼 디자인·타이포그래피 기초, 디자인 씽킹 프로세스

• 기획·PM4~8년차

  1~2년 준비가 필요하다

  기능 기획 단계부터 적극적으로 의견을 내고 작은 기능의 오너십을 맡아 기획-개발을 함께 리드해본 경험을 쌓는 것이 핵심이다. 이런 경험을 포트폴리오화해 사내 PM 전환이나 스타트업의 PO 포지션으로 넘어가는 경우가 많다.

  그대로 쓰는 것 · 사용자 화면·플로우에 대한 이해, 기획자와의 협업 경험, 제품 요구사항을 코드로 구현해본 경험, 커뮤니케이션 능력

  새로 채울 것 · 비즈니스 지표·데이터 기반 의사결정, 기획서/PRD 작성 역량, 이해관계자 조율 및 우선순위 결정 경험, 시장·경쟁사 분석 능력