ㄴ(요약) FE개발자 자격요건 및 기술스택 정리

Guide

해결하려는 문제 : FE기술들의 특징들을 분석해서 현재 트랜드에 어떤 기술 스택을 준비해야하는지 모니터링 하고자 함.

---

FE 지원자격 및 우대사항 정리

• 회사가 언급한 자격 요건 정리
• 많이 언급될수록 상단,좌측에 위치
• 주관적인 견해를 섞어 필수 / 선택(중요도 상/중/하) 분류

언어

• Javascript (필수)
• Typescript (중요-상)

Web

퍼블리싱 : HTML, CSS (필수)

SPA 라이브러리/프레임워크

• React (필수) : SPA 중 가장 많이 언급 됨
• Vue (선택) : React 대신 사용하는 기업 다수 있음

SSR 프레임워크

• NextJS (중요-상) : 다수 기업의 우대사항, 기술스택에 보임

Client State Management (필수 - 아래 중 택1)

• Redux (선택) : 유지 보수되는 Redux 기반 프로젝트가 많을것으로 보아 학습 권장
• Zustand (선택) : 장기적으로 Redux 대체할 라이브러리 중 하나로 판단
• Recoil (선택) : 장기적으로 Redux 대체할 라이브러리 중 하나로 판단

Fetching

• Fetch, Axios, REST API (필수)
• Graphql (중요-중)

Server State Management

• React-query : Stale While Revalidate 과 같은 개념
• swr (선택)

Style

• Styled-Component (선택) : React에서 사용하는 CSS-in-JS emotion 중 택 1
• Emotion (선택) : 위 동일
• Storybook 통한 디자인 시스템 구현 (중요-중)

Build

• Webpack
• Babel
• ESBuild
• SWC

패키지 매니저

• Yarn Berry
• PNPM

Test :

• 단위 테스트
• UI 테스트 및 배포 자동화 경험

Backend

• Node.js 서버 개발
• 본인만의 NPM 패키지를 출판해보신 분
• ES Module, CommonJS 등 모듈 시스템에 대한 이해가 깊으신 분
• Kotlin/Java로 Spring Framework 기반의 CRUD서비스 개발

DevOps

• (우대) GitHub Actions, CircleCI
• (우대) Docker, K8S

CS지식

• 웹서비스에 대한 이해 - http

기타

• Git
• SaaS 창업과 오픈소스, Full-stack Engineering에 관심있으신 분
• (우대)대규모 트래픽을 다뤄보신 경험.
• (우대)어려운 과제를 극복한 경험
• (우대)성장을 위해 어떤 노력하는 경험.
• (우대)프로덕트 개선을 위해 고민해보신 경험.

---