1. 기업별 JD
토스
IT 금융
주요업무
-네이티브 앱처럼 토스 서비스를 파트너 사와 협업하여 수시로 업데이트를 진행
-최고의 사용감을 위해 프론트엔드 개발 환경을 개선
자격
-React, Vue, Angular 등 SPA 프레임워크 사용에 능숙하다.
-단순히 주어진 개발을 해내는 것보다, 주도적으로 문제를 발견하고 분석해 솔루션을 제안할 수 있다.
-TypeScript, Flow를 이용한 JavaScript 정적 타입 분석을 경험해보신 분
우대사항
-TypeScript, Flow를 이용한 JavaScript 정적 타입 분석을 경험해보신 분
-서버 사이드 렌더링(SSR) 및 모바일 앱 내 웹앱 개발 경험
기술
-코어: React, TypeScript, Next.js
-상태 관리: React-Query, Recoil
-스타일링: Emotion
-패키지 매니저: Yarn Berry, PNPM
-빌드: Webpack, ESBuild, SWC, Babel
-CI/CD: GitHub Actions, CircleCI
기타
-그동안의 경험을 단순 나열하는 것이 아닌, 경험 속에서의 임팩트 및 러닝 포인트를 기술
-고객의 보이스를 기반으로 빠르게 제품의 완성도를 높여가기 때문에, 주어진 문제를 스스로 해결해보려고 시도하는지
-서버 사이드 렌더링(SSR) 및 모바일 앱 내 웹앱 개발 경험이 있으면 기술해주세요.
-기존 소스 코드를 새로운 코드 베이스로 점진적으로 이관한 경험
배민 푸드서비스실(3년)
소프트웨어
주요업무
-배민 앱 내 다양한 웹뷰 개발
-신춘문예, 배민리뷰챔피언십 등 브랜딩 프로모션 마이크로사이트 개발
-배달의민족의 모바일 웹 서비스 개발/운영
-디자인시스템 등 사내 웹프론트 공통 프로덕트 개발 기여
자격
-HTML(5), CSS, JavaScript(ES6) 에 대해 잘 이해하고 경험
-상태 관리 라이브러리를 이용한 개발 경험
-TypeScript 및 React 에 대한 이해와 경험
-모듈 번들러에 대한 경험
-동료와 페어 코딩 및 코드 리뷰를 즐기는 분
-UI/UX에 대한 관심과 이해가 있으신 분
기술
-주요언어 : TypeScript, JavaScript
-주요기술 : React, Next.js, Recoil, React Query, MobX, styled-components, SCSS
-업무 도구 : Gitlab, Jira, Confluence, Figma
-빌드, 자동화 : webpack, Gitlab Runner, Jenkins, AWS
-테스트 : jest, RTL, cypress
-컨벤션 : ESLint, Prettier
우대사항
-CSS-in-JS 와 SCSS 사용 경험
-CloudFront, S3, EC2 등 AWS 사용 경험
-CSR 및 SSG, SSR, ISR 등 다양한 렌더링 환경 경험
-BFF & Node.js 서버 운영 경험
-반응형 디자인, 웹 접근성, 웹 표준을 고려한 개발 경험
-트래픽이 많은 웹 서비스 개발 경험
-웹뷰 개발 경험
인터파크(트리플)
소셜커머스
주요업무
-항공/호텔/투어 등 상세하게 분할된 형태로 운영하는 도메인 서비스를 개발
-보다 의미 있고 접근성 좋은 UI를 만들기 위해 디자인 시스템 개발에 참여
-npm에 릴리즈하는 프론트엔드 라이브러리들을 Monorepo로 관리
-Cross-domain 코드 리뷰 및 매주 진행하는 프론트엔드 기술 공유 시간에 참여
자격
-React를 이용한 프론트엔드 페이지 개발에 익숙하신 분
-TypeScript에 친숙하신 분
-Semantic Markup에 익숙하신 분
-기술적인 맥락을 명확한 글로 풀어내는 작문이 가능하신 분
-가독성 좋고 안전한 코드 작성에 관심이 많으신 분
기술
-TypeScript, React, Next.js, styled-components
-Apollo, React Query
-Turborepo
-Storybook
-Chromatic, Cypress
-GitHub, GitHub Actions
우대사항
-Server-Side Rendering을 이용하는 SPA 서비스를 실무에서 개발한 경험이 있으신 분
-여러 개의 공용 라이브러리를 Monorepo로 관리한 경험이 있으신 분
-디자인 시스템을 구축한 경험이 있으신 분
-이상적인 엔지니어링 팀 문화를 만들어가는 데 적극적이신 분
-우수한 웹 접근성을 제공하고 효과적인 Semantic Markup을 가진 서비스 개발에 관심 많으신 분
-좋은 코드와 시스템을 관리하기 위한 소프트웨어 공학 지식이 풍부하신 분
JD분석:
-HTML,CSS,JS(ES6)의 기본적인 지식과 이해
: UI/UX와 밀접한 연관을 가진 세 가지의 능력들을 필수로 요구
-주도적인 문제 발견/해결하려는 자세
-뛰어난 가독성과 안전성을 지닌 코드 작성
:기존 코드를 이해하고 해석하는 시간이 많이 들기 때문
-웹 접근성, 웹 표준에 대한 높은 이해도 요구
:웹사이트의 접근에 어려움을 겪는 사람들을 포함한 다양한 사용자들을 위한 표준과 접근성의 이해
-React, TypeScript 대한 경험과 능숙함
-지속적 통합 및 배포(CI/CD)로 GitHub, GitHub Actions 사용
-Next.js, Recoil, React Query, styled-components 등을 주요 기술로 사용
-SSR(server side rendering)을 비롯한 다양한(CSR,SSG등) 성능 최적화의 경험
*TypeScript의 필수적인 역량 요구
대부분의 회사들이 TypeScript의 우대를 넘어 필수적으로 요구하고있다. 타입스크립트의 강력한 특징들에 그 이유가 있다.
•
높은 수준의 코드 탐색과 디버깅
자바스크립트는 선언할 때 타입을 지정해주지 않기 때문에 동작하면서 언제 나도 모르게 형변환이 되어 있을 수도 있고, 그런 부분으로 인해 예기치 않은 버그가 발생할 수도 있다. 모든 버그를 완전히 막을 수 있는 것은 아니지만 적어도 컴파일단계에서 타입관련 에러는 막을 수 있다.
•
자바스크립트 호환
타입스크립트는 자바스크립트와 100% 호환된다. 따라서 프론트엔드 또는 백엔드 어디든 자바스크립트를 사용할 수 있는 곳이라면 타입스크립트도 쓸 수 있다.
•
강력한 생태계
타입스크립트는 그리 오래되지 않은 언어임에도 불구하고 강력한 생태계를 가지고 있다. 대부분의 라이브러리들이 타입스크립트를 지원하며 VScode를 비롯해 각종 에디터가 타입스크립트 관련 기능과 플러그인을 지원한다.
•
대표적 프레임워크와 타입스크립트
React, Vue.js, Angular등 FE의 대표적인 프레임워크들이 타입스크립트를 사용할 수 있도록 가이드 및 타입스크립트 도구화 지원을하고 있다.
•
크로스브라우징(브라우저 호환성) 문제해결
타입스크립트는 컴파일 과정에서 ES6+ 문법들을 ES5(또는 ES3)로 바꿔주기 때문에 Babel의 도움 없이 크로스브라우징 문제를 해결할 수 있다.
2. JD 키워드 분석
Always•
HTML,CSS,JavaScript
•
TypeScript
•
React
•
Reaact Query
•
Next.js
Often•
SSR
•
Recoil
•
styled-components
•
웹 접근성 / 웹 표준
•
디자인 시스템 개발
•
GitHub, GitHub Actions
