[멋쟁이사자처럼] 프론트엔드 스쿨 7기 - 2차 이력서 특강

 

---

목차

1. 복습

2. 이력서 피드백

3. S/W 회사와 서비스 List Up

4. 3회차 사전 과제

---

 

1. 복습

---

1-1. 이력의 나열 순서

- 읽는 사람이 가장 궁금해 하는 것 : 지원자가 '한 것'이 아니라 '잘 하는 것'

- '연대기 순'이 아니라 '역량순'으로 이력서를 작성하는게 중요하다.

보통의 이력서

역량순 이력서

●  자기소개 저는 ~하는 프론트엔드 개발자입니다. ●  skills      ○  html, css, js, react ●  A 프로젝트      ○  a 기술 사용하여 b 기능 구현, 저장소 링크나           간단한 요약 내용      ○  웹소켓 기능을 이용해서 채팅 기능 구현 ●  B 프로젝트      ○  a 기술 사용하여 d 기능 구현 ●  C 회사 인턴, 아르바이트      ○  e 기능 개선 ●  D 교육 참여      ○  멋사 프론트엔드 교육 과정      ○  OO 애플리케이션 구현/학습 ●  OO 전공 졸업

●  리팩터링을 통한 브라우저 렌더링 성능 개선 역량     ○  wix, 웹에디터, 동영상     ○  A 프로젝트: OO 개선을 통해 30% 성능 속도를 향상                                 (git pr link)     ○  B 프로젝트: OO 개선을 통해 ~ 성능 속도 향상 ●  실제 유저 테스트를 대상으로 유저 액션 depth를 줄인 UX 개선 역량     ○  B 프로젝트: 회원가입 하는 과정의 depth 4였는데 2로 줄였다     ○  버튼의 위치를 데이터 기반으로, 사용자의 클릭률 기반으로            ~부분을 개선했다. ●  커뮤니케이션을 위한 ‘문서화 역량’     ○  팀플을 할 때 동료들과의 커뮤니케이션 과정을 더 효율적으로 하기           위해 기능 명세부터 회의 기록을 템플릿화하여 기록을 어디에 함.

 

1-2. 미리 써보는 이력서 초안 예시

- HTML, CSS, JavaScript 활용 역량

   > 관련된 경험1, 경험2

- React 활용 역량

   > 관련된 경험1, 경험2

- REST API 활용 역량

   > 관련된 경험1, 경험2

 

1-3. 2회차 사전 과제

이력서 특강 2회차 사전 과제

- 가고 싶은 회사의 JD 3개 이상을 분석하여 아래 내용을 정리해 봅시니다.

- 3개 이상의 회사에서 내가 지원하고자 하는 직무의 JD를 보고 요구하는 역량을 분석해주세요

- 특히 JD에서 반복되거나 중요하다고 생각되는 키워드를 3가지 이상 작성해주세요.
   그 이유도 작성해주시면 더 좋습니다!

- 가능하면 같은 직군을 준비하는 2~3명의 사람들과 그룹으로 같이 JD를 분석하고 키워드를 뽑는 방법을 추천드립니다.

 

1-4. 나의 사전 과제 결과물

Keyword	NAVER Glace CIC - PLACE	캐치테이블(와드) FE	카카오 FE플랫폼팀 (지도서비스)
ALL	HTML/CSS Vanilla JavaScript Node.js TypeScript React	React.js (UX/UI 개발 경험) TypeScript 상태관리 라이브러리 (TanStack Query, Recoil, Redux) GitHub (코드리뷰 PR, Action) CS 기본 지식 유관 경력 5년 이상 또는 그에 준한 경험 원활한 커뮤니케이션	PC/모바일 웹  지도 서비스 (장소 상세, 지도 정보 수정, 매장관리 서비스) Vanilla JavaScript (ES2015+, ES5, ES3, 래거시, Polyfill) HTML/CSS TypeScript 성장 협업 경험 (코드리뷰, Git)
Often	플레이스 (오프라인을 온라인과 연결하는 모든 서비스, 검색, 예약, 주문) 코드 리뷰 (github, 질문, 성장, 커뮤니케이션) Node.js Apollo Next.js Fullstack(Node.js 기반)	웹뷰 개발 경험 캐치테이블 비즈니스 (예약관리, 식당 예약, O2O 서비스) 레거시 개선 성능 최적화 (vanilla-extract) Webpack Vite Nx Storybook	최신 framework 활용 경험 (React, Vue.js, Angular) SPA (Single Page Application) SSR (Server Side Rendering) 인앱브라우저 환경 개발 경험 개발 지식을 공유하는 활동 (문서 작성, 발표(강의)) 형상 관리 도구 및 CI 도구 활용 경험 (Git)
그 밖의 키워드	WebAssembly 웹호환 GraphQL 코딩 역량 성장욕구 쉬운 장소 검색 리뷰 작성/탐색	Slack Redmine Jira Confluence ESLint Prettier 빠른 성장/실행력 끈기, 도전정신, 혁신	지도와 연동되는 새로운 서비스 Front-end 개발 경력 3년 이상 플러스맵 라이브러리 낮은 사양의 유저 최신 기술 새로운 아이디어
분석결과 인재상	코드 리뷰를 통해 조직과 함께 빠르게 성장할 수 있는 탄탄한 기본기를 갖춘 프론트엔드 개발자	캐치테이블 비즈니스에 관심 있으며 성능 최적화를 포함한 React 기반의 FE 설계 및 개발에 능숙한 개발자	래거시 코드를 다룰 정도로 ES3, ES5, ES6 등의 Vanilla JS를 잘 활용하면서 코드 리뷰를 통해 소통하고 협업하면서 성장하는 인재
반복 키워드	HTML/CSS : 전담 마크업 부서가 분리되어 있더라도 기본 소양이라 판단 Vanilla JavaScript (래거시 코드) : 대규모 서비스이므로 최신기술 보다는 래거시 코드 작업이 필요한 직무 TypeScript : 코드 안정성을 위한 신규 프로젝트 추세 React.js : 최신 framework, SPA 활용 경험 코드리뷰 : FE 직군 문화로 자리 잡음 웹뷰 (인앱브라우저 환경) 개발 경험 : 지도와 연동된 서비스에서 주로 사용됨

 

1-5. 2회차 사전 과제를 진행하면서 궁금한 점과 질문

- JD를 대충 쓴 회사들이 있던데 이런 회사들의 JD를 어떻게 분석해야 좋을지 모르겠어요.

- 어떤 회사의 JD를 봐야할지조차 막연하다.

- 가고 싶은 회사들 JD를 살펴봤지만, 잘 모르겠다.

2. 이력서 피드백

---

2-1. 이력서(1) - 협업이 잘 이루어지려면 뭘하면 될까?

- 테크리딩, 협업 경험

 

2-2. 이력서(2)

- 협업은 대화다.

- 계획을 세우고, 그 계획에 대한걸 팀원과 나누는 것이 될 수도 있다.

- 잘 안되었을 때 서로에게 피드백을 하면서 조율

- 사람이랑 일하는 거기 때문에 말 잘 통하는 사람들이랑 일하고 싶어 한다.

- 새로운 걸 배워서 어려워하는 점을 공유할 수 있으며,

- 스터디카페에서 네이버나 구글 한페이지의 구역을 나눠서 같이 만들어보자고 제안할 수 있다.

 

2-3. 협업을 잘하는 사람의 특징

- 좋은 아이디어를 내려고 연습

- 기록해서 공유를 잘함

- 주도적으로 이야기를 잘 하려고 함

- 동료들에게 잘 상기시켜준다.

- 코드리뷰를 한다면, 코드리뷰를 잘하기 위해 고민

 

2-4. 협업을 잘하기 위한 내일의 To Do List

- 스터디 계획을 세우고 공유하기

 

2-5. 질문과 고민들

Q. 이력서를 웹페이지로 따로 만들면 좋을까요?
     A. 이력서는 가독성이라는 핵심을 지키면 지면이든 웹페이지든 상관없다.

Q. 비전공이라 아예 백지면 무엇을 목표로 시작하는게 좋을까요..?
  비전공자거나 직무전환으로 인해 개발에 관련된 역량과 경험이 없는 부분을 백지라고 말씀드렸던 것이구요.. 멋사를 통해 얻어가려고 노력은 하지만 주제를 모르니 가고싶은 회사도 감이 잡히지 않고, 이런 상황에서 어떤것을 먼저 목표로 하는 것이 좋을지.. 를 질문드리고 싶었습니다.

    A. 지금 내 수준에서 갈 수 있는 회사가 여기여기다 보다는 내가 가고 싶은 분야의 회사가 어디인지 찾는 것이 중요함

 

 

3. S/W 회사와 서비스 List up

---

3-1. 패션

- 무신사, 29cm, 마플, 지그재그

3-2. 성형/뷰티

- 화해, 이니스프리, 강남언니, 여신티켓, 바비톡

3-3. 금융(핀테크)

- 카카오뱅크, 토스, 두나무

3-4. 게임

- 넥슨, 블리자드, 엔시소프트, 넷마블, opgg, 스마일게이트, 크래프톤, 스팀, 펄어비스, 베이글코드, 라이엇, 에픽게임즈

3-5. 쇼핑몰/커머스

- 마켓컬리, 쿠팡, 인터파크, 티몬, 지마켓

3-6. 공간

- 오늘의집, 메이사, 집꾸미기, 다방, 직방, 피터팬

3-7. 미디어/OTT

- 리디북스, 넷플릭스, 유튜브, 밀리의서재, 왓챠, 티빙, 웨이브, 플로

3-8. 엔터에이먼트/콘텐츠

- 아프리카TV, 하이브, 버블, YG

3-9. 여행/숙박

- 에어비엔비, 야놀자, 여기어때, 아고다, 호텔스컴바인, 트리닷컴, 데이트립

3-10. 교육

- 멋사, 웅진, 인프런, 테드, 유데미, 클래스101, 대교

3-11. 스포츠

- 핏투게더, 스포티비, 인바디, 러너블, 스트라바, 런데이, 나이키

3-12. 커뮤니티

- 블라인드, 인스타그램, 애브리타임, 페이스북, 커리어리, X, 디시인사이드

 

3-13. 미디어/OTT 항목에 대해 FE 개발자에게 중요한 부분을 함께 고민해보기

- 위 회사에서 프론트엔드 개발자에게 중요하다고 생각하는 포인트 2~3문장으로 정리해서 디스코드에 공유하기

- 리액트가 자격 요건인 곳이 많은 것 같아요

- 밀리의서재 : figma 등을 활용하여 디자이너와의 협업,  github등으로 협업에 대한 경험, 동료와의 커뮤니케이션을 중심으로 하는 문화가 있습니다. spa의 경우 react를 사용하며, 애니메이션 구현을 요구하므로 인터랙티브 웹 개발 스킬이 필요해 보입니다.

- 웨이브: Web 플레이어 개발 경험/도메인에 관한 지식, UI와 웹표준에 대한 깊은 이해

- 티빙 : 다양한 N 스크린 기술과 쾌적한 사용자 경험을 위해 크로스 브라우징, 성능 최적화 경험이 필요해 보입니다. 또한 영상을 다루는 플랫폼이나 보니 UX에서도 강조하고 있습니다.

- 데브시스터스 : Node.js 등을 활용한 백엔드 개발 경험과 함수형 프로그래밍에 관심이 있고 게임에 대한 흥미와 열의가 있는 사람

 

4. 3회차 사전 과제 (3/4) : 이력서 초안 작성해보기

---

이력서 특강 3회차 사전 과제

4-1. 이력서 초안 윗 부분에 분석한 회사와 JD 에서 중요하다고 생각한 키워드를 먼저 정리합니다.

4-2. JD에서 뽑은 키워드를 중심으로 이력서에 나의 경험을 정리해봅니다.

4-3. 현재 상태를 표시하세요. 진행중인 내용이라면, 진행 중으로 표시해주세요.

4-4. 근거 자료로 확인할 수 있는 링크가 있다면 첨부해주세요.

4-5 자원자를 받아 이력서 역량으로 어떻게 더 잘 정리할 수 있는지 피드백 드릴게요 ~ !