F-Lab
로그인
이미지 배경이미지 배경
코스 이미지

프론트엔드
딥다이브 멘토링

상위 1% 개발자의 멘토링을 통해 언어와 프레임워크, 브라우저에 대한 탄탄한 이해도를 갖추게 되고, 깊이있게 학습하는 방법을 익혀 사수가 없어도 혼자 성장할 수 있는 개발자로 성장합니다.

단순 취업이 아닌
더 멀리 보는 교육

개발자는 기술 사용법만 익히면 쉽게 취업할 수 있습니다.
하지만 좋은 개발 환경을 제공하는 회사를 선택하기는 힘듭니다.
F-Lab은 단순 취업률보다는 개발자로서 제대로 성장할 수 있는
개발 환경 또는 처우를 성과 지표로 삼고 있습니다.

수료생 평균 연봉4,700만 원
대기업, 유니콘 기업 평균 입사율52%
경력직 수료생 평균 연봉 상승률27%
2023년 1월 기준*

F-Lab 멘토링 수료생
합격 기업

멘토링 종료 후 6개월 이내에
취업/이직한 회사만 성과로 산정합니다*
F-lab 수료생 합격 기업들

F-Lab 멘토링 후기

취업을 넘어 깊이있는 개발자로 성장한 사람들의 이야기

F-Lab 멘토링 영상 후기

네이버, 카카오 동시 합격 수료생 정O 님의 후기 영상

상위 1% 멘토들,
까다롭게 검증합니다


네카라쿠배 출신 개발자 400명이 멘토로 지원했지만 그중 100명만이 멘토로 합류했습니다.

2023년 1월 기준*
  • 모집 공고

    네임밸류 있는 회사 출신의 개발자만 지원받습니다.
  • 이력 검증

    서류 심사를 통해 역량을 평가합니다.
  • 실력 검증

    면접을 통해 기술뿐만 아니라 인성까지 검증합니다.
  • 멘토 합류

    실력 검증이 끝난 후, F-Lab 멘토로 합류합니다.
  • 멘토 온보딩

    F-Lab 커리큘럼을 바탕으로 온보딩을 진행합니다.

F-Lab 멘토 출신 기업

네이버 카카오 당근 개발자

F-Lab 상위 1% 멘토 소개


F-Lab 멘토님들은 구글, 마이크로소포트, 네카라쿠배 등 IT 빅 테크 기업에서도 엄격한 검증을 추가적으로 통과하신 분들, 혹은 컨퍼런스 연사, 유명 개발 서적 집필자 등 업계 상위 1% 개발자들로 구성되어 있습니다.

Kevin인터뷰 보러 가기
  • 카카오스타일 개발자
  • 야놀자 개발자
  • 구글 개발자 그룹 DevFest 발표자
  • webpack 공식문서 번역
Red
  • 페이스북 개발자
  • 마이크로소프트 개발자
  • 실리콘밸리 스타트업 CTO
  • 다양한 오픈소스 컨트리뷰터 경험
  • 페이스북, 인스타그램, 오큘러스 개발 참여
Jayden
  • 토스 개발자
  • 유명 프론트엔드 컨퍼런스 다수 발표
  • 유명 개발 블로그 운영
Promm
  • 당근마켓 개발자
  • 라인 개발자
  • 다수의 멘토링 및 교육 경험 有
Noah
  • 카카오스타일 개발자
  • 직방 개발자
  • 다수의 멘토링 및 교육 경험 有
Zero
  • 당근마켓 개발자
  • 라인 개발자
  • BDD 실무 적용 경험
  • 유닛테스트 커버리지 100% 달성 경험
전체 멘토 보러 가기

1:1 멘토링, 초격차 성장하는 최적의 방법

사람마다 경험과 배경이 모두 다르기에 같은 속도와 방향을 가질 수 없습니다.F-Lab에서는 플립러닝 멘토링을 진행합니다.

✔️ 주 1회 화상 멘토링 진행

✔️ 메신저(Slack)로 멘토와 상시 커뮤니케이션

✔️ Github을 이용해 현업과 동일하게 진행되는 코드 리뷰

mentoring-example

멘토링에 몰입할 수 있는 환경을 제공합니다

✔️ 멘토링 음성 스크립트 제공

멘토링 다음 날 녹음본과 텍스트 변환 스크립트를 제공할 뿐만 아니라, 수료 후에도 반복 조회하며 학습할 수 있습니다. 나의 상황에 맞춰 전달되는 업계 최고 개발자의 인사이트를 소장하고 되새기며 성장하세요.
support-item-example
support-item-example

네이버 클라우드 100만 원 크레딧 제공

프로젝트 진행 시 성능 테스트 후 성능을 개선해보실 수 있도록 현업과 최대한 비슷한 환경인 네이버 클라우드크레딧을 제공합니다.
support-item-example

IntelliJ IDEA 6개월 이용 쿠폰 제공

프로젝트 진행 시 효율적인 개발 환경 제공을 위해 JetBranins 통합 개발 환경 소프트웨어(IDE) 6개월 쿠폰을 제공합니다.

600명 이상의 F-Lab 개발자 커뮤니티 멤버십을 제공합니다

F-Lab 온라인 커뮤니티에서는 스터디, 모각코, 기술 컨퍼런스 등 600명 이상의 개발자 동료들과 실시간으로 교류하며 성장할 수 있습니다.
community_membership

F-Lab 멘토링 시스템, 따라올 수 있는 ‘경쟁사는 없습니다’

F-Lab은 아무나 할 수 없는 것에 집중합니다. 이론을 바탕으로 비즈니스 요구사항을 경험하고 대규모 환경에서 생기는 문제를 해결해 논리적으로 의사결정할 수 있도록 도와드립니다.
💡 수료 후에도 스스로 무엇이 필요한지 인지하고 그에 맞게 공부할 수 있도록 훈련합니다.
comparison_table

F-Lab 교육 철학


F-Lab 커리큘럼은 단순히 완주하는 것을 목표로 하지 않습니다. ‘특정 기술을 경험해 본 적이 있다’는 것만으로는 커리어를 향상시키기 어렵기 때문에 기술을 제대로 이해하고 사용하는 것에 중점을 둡니다. 깊은 학습은 개발 실력 자체를 향상시켜주며, 이는 본질적인 개발 역량의 향상을 의미합니다. 사용하는 기술에 대해 깊이 있게 학습하면 면접에서도 깊이 있는 대답을 할 수 있습니다. 이를 위해서는 개인의 학습 수준과 방식에 맞춰 꾸준하고 깊이 있는 학습 습관을 기르는 것이 중요합니다. 따라서 F-Lab에서는 멘토와 멘티가 1:1로 맞춤형 학습을 진행합니다.

F-Lab 교육 철학

프론트엔드
멘토링 로드맵


💡 F-Lab 멘토링은 1:1 맞춤 교육으로
원하는 학습 방향을 멘토님과 조율할 수 있습니다.

기본 코스
1-4주5-8주9-12주13-17주
이론 학습이론 학습
동작 원리 이해프레임워크 없이
SPA 직접 제작
프로젝트프로젝트 진행
성능 테스트성능 테스트
& 튜닝
취업 컨설팅이력서 & 포트폴리오 피드백
좌우 스크롤로
F-Lab 멘토링 기본 코스를 살펴보세요!
연장 심화 코스
  • 디자인 시스템
  • 모노레포
  • CI/CD
  • 인프라
    (Docker 등)
  • BFF
  • APM 활용한
    서비스 모니터링
*기본 코스 수료생만 진행 가능

프론트엔드
멘토링 커리큘럼

01이론 학습

JavaScript, 브라우저 환경, HTTP와 네트워크 등 프론트엔드 개발자가 자주 사용하는 기술들과 동작하는 환경에 대해 깊이 있게 학습하고 이해합니다

6주HTML/CSS
  • 웹 접근성에 대한 이해
  • BEM 등 CSS 방법론 학습 및 이해
자바스크립트
  • 자바스크립트 학습 및 이해
  • 자바스크립트의 내부 동작원리 학습 및 이해
  • 동시성 컨트롤 학습 및 이해
  • 함수와 클로저 학습 및 이해
브라우저 동작 원리
  • 브라우저 환경 학습 및 이해
  • 화면 렌더링 과정 학습 및 이해
  • 브라우저 이벤트루프 학습 및 이해
HTTP
  • 네트워크, HTTP 관련 학습 및 이해
  • HTTP 스펙 및 적절한 사용 방법 학습 및 이해
  • 서버 통신 과정에 대한 학습 및 이해
02프레임워크 없이 SPA 만들어보기

React, Vue 등 모던 프레임워크 내부 동작원리를 깊이 학습하기 위해 SPA를 직접 개발합니다

3주

모던 프레임워크들에 공통적으로 들어가는 SPA 기능을 직접 만들어보며 내부 동작원리를 이해합니다. 이 단계에서는 React의 내부 동작원리를 깊게 이해하기 위해 SPA를 직접 개발해보는 단계를 거칩니다. 프로젝트를 진행 할 때에도 이론 학습은 계속 병행합니다.

진행 내용
  • 블로그 기능을 SPA로 만들어보며 라우터를 직접 구현해보고, 구현한 내용을 TypeScript로 교체
  • Github를 활용하여 진행하며, 브랜치와 커밋을 나누는 기준을 익히며, 작성한 코드에 대해 코드 리뷰 경험
  • 라우터를 구현하며 관심사를 나누는 기준을 학습
  • 불필요하게 DOM 이벤트를 발생시키지 않도록 학습
  • 코딩 컨벤션에 대해 고민해보며, 컨벤션이 필요한 이유에 대해 깊이 학습
  • 상태관리가 잘 이루어지고 있는지 점검 및 경험
기대 효과
  • React, Vue 등 모던 프레임워크의 내부 동작 원리에 대해 인지 및 이해
  • Github를 이용한 프로젝트 진행 방식에 대한 이해도 상승
  • 코드를 나누는 기준에 대해 고민하는 논리력 구축 및 습관 형성
03프로젝트

TypeScript와 React를 활용하여 자유 주제로 프로젝트를 진행합니다. 해당 프로젝트는 목표는 포트폴리오 완성이 아닌 하나의 기능을 만들더라도 수준 높은 기능을 구현하는게 목표 입니다

6주

TypeScript와 React를 활용하여 높은 퀄리티의 프로젝트를 진행하는 방법에 대해 학습합니다.깊은 고민 후 작성한 코드와 이로 구성된 프로젝트란 어떤 것인지 인지하고 경험합니다. 차별성을 위해 프로젝트 주제는 멘티가 정합니다. 멘토는 멘티가 해당 주제에 대해 깊이있게 고민할 수 있도록 가이드합니다. 기능을 1개만 만들더라도 더 많은 트래픽을 받을 수 있는 구조와 더 높은 유지 보수성을 가질 수 있도록 만드는 것을 지향합니다.

진행 내용
  • TypeScript와 React, Next.js를 활용하여 프로젝트 진행
  • 코드리뷰를 통해 이론을 코드에 적용하는 법과 더 좋은 코드를 작성하는 법 학습
  • 비동기 상황을 컨트롤 하는 방법, Memoization과 같은 캐싱 전략에 대한 고민
  • 모듈 번들링에 대한 깊이있는 학습
  • 테스트 코드 작성으로 동작을 보장하는 방법 학습
  • Storybook을 활용한 컴포넌트 문서화
기대 효과
  • 지속적인 성장 습관 형성
  • 차별성 있는 포트폴리오 제작
  • 문제 해결 능력 상승 및 개발 역량 상승
  • 무작정 작성한 코드가 아닌, 이유가 있는 코드를 작성
  • CS, 언어, 프레임워크 등 학습한 이론을 코드에 적용하는 원리 학습
  • 다양한 기술 트레이드 오프 고려 및 타당한 논리 기술 기반으로 한 기술 도입 경험
04성능 테스트 및 튜닝

LightHouse를 활용하여 내가 개발한 어플리케이션 성능 지표 확인 및 성능을 튜닝합니다

2주

프론트엔드 개발자는 주어진 환경 내에서 최대한의 성능을 이끌어내어 유저에게 더 빠른 반응속도를 제공할 수 있는 능력을 갖추고 있어야합니다. 이 역량을 갖추기 위해 LightHouse를 활용하여 내가 개발한 어플리케이션이 얼마나 성능 최적화가 되어있는지 여러 성능 지표를 확인하고, 이를 기반으로 성능을 튜닝해나갑니다.

진행 내용
  • LightHouse가 제공하는 성능 지표들에 대한 학습
  • LightHouse로 성능 지표 확인 및 튜닝
  • 실제 성능 최적화 과정에서 이론들이 어떻게 활용되고 있는지 확인 및 경험
기대 효과
  • 성능 테스트를 통해 멘토링 종료 후에도 스스로 지속적인 성장 가능
  • 학습했던 이론이 실제로 어떻게 활용되는지 체감하고 적용하여 개발역량 향상
05연장 심화 코스 진행

디자인 시스템, 모노레포, BFF 등 현업에서도 쉽게 배울 수 없는 주제들을 학습하고 이해합니다

연장 종료 시까지

5단계까지 진행하셨다면 깊이있게 개발하는 방법을 익혀 스스로 성장할 수 있는 상태가 되셨을겁니다. 하지만 더 수준 높은 개발자로 성장하고 싶다면 연장 심화코스(월 99만원)를 진행 할 수 있습니다. 더 배우고 싶은 주제를 멘토님과 이야기하여 해당 주제에 대해 학습하고 프로젝트에 적용합니다.

진행 내용
  • 디자인 시스템
  • 모노레포
  • CI/CD
  • 인프라 (Docker 등)
  • BFF
  • APM 활용한 서비스 모니터링
기대 효과
  • 정말 넓고 빠르게 변하는 프론트엔드 세상에 대한 이해도를 높여가며 트렌드가 바뀌더라도 적은 러닝커브로 학습할 수 있는 기반 구축

멘토링 신청 프로세스

멘토링은 아래의 프로세스로 신청이 가능합니다.

Step 01

신청서 작성

Step 02

결제

Step 03

팀빌딩 & 시작

Step 01

신청서 작성

  • “신청하기” 버튼을 통해 멘토링 신청서를 작성할 수 있습니다. 멘토링 신청서를 작성하면 F-Lab 내부에서 멘토링에 적합하신 분인지 판단하여 결과를 알려드립니다.
멘토링 프로세스 STEP1 이미지

F-Lab 멘토링 모집 중

상위 1% 개발자가 전하는 깊이 있는 개발자로 성장하는 길

멘토 배정 후 시작

2주 이내 시작

✔️ 4개월 멘토링
✔️ 결제 후 2주 이내 시작
마감 D-9

11월 시작

✔️ 4개월 멘토링
✔️ 212만 원 할인
마감 D-40

12월 시작

✔️ 4개월 멘토링
✔️ 222만 원 할인

F-Lab 멘토링 비용 안내

개발자 취업은 끝이 아닌 시작, 수료 후에도 F-Lab 커뮤니티는 당신과 함께합니다

2주 이내 시작
시작결제 후 2주 이내 시작
기간4개월
212만 원 할인
정가 700만 원488만 원
*12개월 할부 시 40만 원
11월 시작얼리버드
시작11월 초
기간4개월
212만 원 할인
정가 700만 원488만 원
*12개월 할부 시 40만 원
12월 시작얼리버드
시작12월 초
기간4개월
222만 원 할인
정가 700만 원478만 원
*12개월 할부 시 39만 원
자주 묻는 질문

F-Lab
소개채용멘토 지원
facebook
linkedIn
youtube
instagram
logo
(주)에프랩앤컴퍼니 | 사업자등록번호 : 534-85-01979 | 대표자명 : 박중수 | 전화번호 : 0507-1315-4710 | 제휴 문의 : info@f-lab.kr | 주소 : 서울특별시 강남구 테헤란로 113, 705호 | copyright © F-Lab & Company 2020