💻

AI⁺ Frontend

멘토링 기간
기본 4개월 (17주) *월 단위 연장 가능
멘토링 방식
1. 주 1회 1시간 화상 멘토링 (Slack으로 멘토님과 상시 소통) 2. 시니어 개발자의 꼬리질문 멘토링 방식 3. 프로젝트 가이드 및 Github로 상시 코드 리뷰 4. 멘토링 녹음본 및 스크립트 제공 5. 이력서, 기술 면접, 포트폴리오 등 커리어 코칭
멘토링 커리큘럼은 멘티의 현재 실력과 경험에 맞춰 맞춤형으로 진행됩니다. 선정된 멘토님과의 멘토링 과정에서 개인별 커스터마이징되며, 이미 실무 경험이나 기본 내용을 숙지하고 계신 분들은 심화 과정에 안내된 내용 중심으로 바로 진행할 수 있습니다.

Step 00. 숙지사항

F-Lab은 기술을 제대로 알고 쓰는 것에 중점을 두고 있습니다. 단순하게 “기업의 채용 우대 사항에 있는 특정 기술을 경험해 봤다” 정도만으로는 커리어를 향상시키기 어렵기 때문입니다.
F-Lab의 커리큘럼은 단순히 완주하는 것이 목표가 아닙니다. 많은 분들이 끊임없이 공부에 몰두하더라도, 좋은 회사에 입사하지 못하는 주된 이유는 진도를 나가는 데에만 급급하여 필요한 지식을 제대로 습득하지 못하고 넘어가게 되어, 면접에서 깊이 있는 답변을 하지 못하기 때문입니다. 분명히 공부했음에도 불구하고 면접에 가면 말이 나오지 않는 이유 또한 이 때문입니다.
사용하는 기술에 대해 깊게 학습하면, 면접에서도 깊이 있는 답변을 할 수 있습니다. 이는 좋은 인상을 줄 뿐 아니라, 개발자로서 학습한 지식을 코드에 적용하는 능력도 향상시킵니다. 깊은 학습은 개발 실력 자체를 향상시켜주며, 이는 본질적인 개발 역량의 향상을 의미합니다.
따라서 F-Lab에서는 멘토와 멘티가 1:1로 맞춤형 학습을 진행합니다. 멘티 개개인의 학습 수준과 방식에 맞춰진 커리큘럼을 통해, 꾸준하고 깊이 있는 학습 습관을 기르는 것이 중요합니다. 이를 통해 멘티님은 상위권 개발자로 성장할 수 있습니다.

Step 01. 기본기 심화학습(4주)

프론트엔드 개발자는 많지만, 사용하는 기술과 코드가 동작하는 환경을 깊이 이해하며 효율적으로 코드를 작성하는 개발자는 드뭅니다.
다수의 사용자를 보유한 서비스 기업에서는 뛰어난 사용자 경험(UX) 제공이 굉장히 중요한 요소입니다. 만약 코드가 동작하는 환경을 제대로 이해하지 못한다면, 예상치 못한 사용자 경험의 저하를 초래할 수 있습니다. 또한, 좋은 코드를 작성하는 방법을 모르면 미래의 나를 포함한 다른 동료 개발자들이 서비스를 유지 보수하는데에 어려움을 겪을 수 있어 서비스의 유지보수성이 저하될 수 있습니다.
따라서, 사용하는 기술과 동작 환경에 대해 충분히 이해하고, 작성한 코드의 각 줄을 설명할 수 있는 개발자로 성장하기 위해 기본기를 다지는 이론 학습 시간을 가집니다.

Step 02. 프레임워크 없이 SPA 만들어보기(4주)

모던 프레임워크들에 공통적으로 들어가는 SPA 기능을 직접 만들어보며 내부 동작원리를 이해합니다.
개발자는 효율적인 프로그램을 작성하기 위해 자신이 사용하는 기술과 동작 환경에 대해 잘 알고 개발해야 하며, 이를 “기본기”라고 부릅니다. 이 단계에서는 React의 내부 동작원리를 깊게 이해하기 위해 SPA를 직접 개발해보는 단계를 거칩니다. 물론 개발자는 평생 공부해야 하기에 이론 학습도 병행합니다.
진행 내용
블로그 기능을 SPA로 만들어보며 라우터를 직접 구현해보고, 구현한 내용을 타입스크립트로 바꿔봅니다.
Github를 활용하여 진행하며, 브랜치와 커밋을 나누는 기준을 익히며, 작성한 코드에 대해 코드 리뷰를 받습니다.
라우터를 구현하며 관심사를 나누는 기준을 고민해봅니다.
불필요하게 DOM 이벤트를 발생시키지 않도록 고민합니다.
코딩 컨벤션에 대해 고민해보며, 컨벤션이 필요한 이유에 대해 깊히 고민합니다.
상태 관리가 잘 이루어지고 있는지 점검합니다.

Step 03. 프로젝트(7주)

타입스크립트와 리액트를 활용하여 높은 퀄리티의 프로젝트를 진행하는 방법에 대해 학습합니다.
소스 코드의 겉모습은 비슷하지만 누구는 빅테크 기업에 입사하고, 누구는 아닌 이유는 프로젝트에서 한 고민의 깊이가 크게 차이나기 때문입니다. F-Lab 멘토링의 포트폴리오는 모두를 위해 공개되어 있지만, 그 소스 코드를 유사하게 따라하더라도 같은 성과를 내지 못하는 이유는 직접 창조한 코드가 아니기에 면접에서 코드의 의도를 깊이있게 말할 수 없기 때문입니다.
정말 깊이있게 고민하고 코드를 작성한 프로젝트란 어떤 것인지, 어떻게 할 수 있는지 익히기 위한 프로젝트를 진행합니다.
진행 원칙
흔한 포트폴리오를 만들지 않게 하기위해 프로젝트 주제는 멘티가 정합니다. 멘토님은 그 주제에 대해 깊이있게 고민할 수 있도록 본인의 경험을 전달하며 가이드를 드립니다.
프로젝트는 기능을 1개만 만들더라도 수준 높게 만드는 것을 목표로 합니다.
진행 내용
타입스크립트와 리액트, NextJS를 활용하여 프로젝트 진행
멘토님의 코드 리뷰를 통해 이론을 코드에 적용하는 법과 더 좋은 코드를 작성하는 법 학습
비동기 상황을 컨트롤 하는 방법, Memoization과 같은 캐싱 전략에 대한 고민
모듈 번들링에 대한 깊이있는 학습
테스트 코드 작성으로 동작을 보장하는 방법 학습
Storybook을 활용한 컴포넌트 문서화
이제는 AI 시대이기에 프로젝트를 할 때 반드시 AI를 접목한 기능을 하나 이상 만듭니다.
LLM을 활용한 서비스 만들기
1.
LLM API 연동하기
2.
API 교체가 용이하도록 LLM 연동 모듈 추상화시키기
3.
구현하고자 하는 기능에 LLM을 활용하기 위한 프롬프트 엔지니어링과 관리 방법 익히기
4.
LLM을 활용할 때 기술/UX 부분에서 고려해야할 점
a.
응답속도가 느린 API 사용 시 동기/비동기 처리 전략
b.
사용자 체감 속도 개선 방안의 실습
5.
챗봇을 만들 때 기술/UX 부분에서 고려해야할 점

Step 04. 성능 테스트 및 튜닝(2주)

프론트엔드 개발자는 주어진 환경 내에서 최대한의 성능을 이끌어내 유저에게 더 빠른 반응 속도를 제공할 수 있는 능력을 갖추고 있어야 합니다.
이 역량을 갖추기 위해 LightHouse를 활용하여 내가 개발한 어플리케이션이 얼마나 성능 최적화가 되어있는지 여러 성능 지표를 확인하고, 이를 기반으로 성능을 튜닝해 나갑니다.
이 과정을 바탕으로 멘토링이 종료되고 나서도 지속적으로 성능테스트와 튜닝을 진행할 능력을 갖추게 됩니다.
진행 내용
LightHouse가 제공하는 성능 지표들에 대한 학습
이론으로만 학습했던 것들이 실제로 성능 최적화 과정에 어떻게 활용되고 있는지 직접 경험
LightHouse로 성능 지표 확인 및 튜닝

(연장시) 심화코스 진행

4단계까지 진행했다면 깊이있게 개발하는 방법을 익혀 스스로 성장할 수 있는 상태가 되셨을 겁니다. 하지만 더 많은 것들을 해보고 싶으시다면 연장 멘토링을 통해 심화코스를 계속 진행하실 수 있습니다.
진행 내용
디자인 시스템
모노레포 적용
CI/CD 적용
인프라 (Docker 등)
BFF 적용
APM을 활용한 서비스 모니터링

공통 커리큘럼

F-Lab 멘토링은 단순히 정해진 요구사항을 따라 구현하는 프로젝트 멘토링이 아닙니다. 모든 과정에서 이론을 기반으로, 스스로 생각하게 만들어 이유를 고민할 수 있도록 훈련합니다. 이를 통해 “왜 이렇게 설계했는지”, “왜 이 기술을 선택했는지”를 명확히 설명할 수 있는 개발자로 성장하게 됩니다. 이러한 접근 방식이 F-Lab 멘티들의 포트폴리오와 면접 결과가 좋은 이유입니다.
상위권 개발자로 성장하기 위한 커리큘럼의 큰 틀은 정해져 있으나, 멘티의 상황 분석과 현재 수준·목표에 맞추어 유연하게 조정하며 진행됩니다. 멘티의 학습 속도와 상황에 따라 커리큘럼 진행 기간은 달라질 수 있습니다.
멘토링 기간 내에 정규 커리큘럼 외에도, 필요한 시점에 멘토님께 이력서 피드백, 모의 면접을 요청할 수 있으며, 합격 이후의 회사 선택 기준, 처우 협상 방법, 커리어 방향성에 대해서도 조언을 받을 수 있습니다. 멘토님은 단순한 강사가 아닌, 멘티의 상황에 맞춰 함께 고민하는 ‘멘토님’의 역할을 수행합니다.
멘토링 수료 이후에는 F-Lab 커뮤니티를 통해 지속적인 성장과 커리어 지원을 받을 수 있습니다. 커뮤니티에서는 성장과 효과적인 구직을 주제로 한 세미나를 지속적으로 운영하며, 수료생 간 스터디, 네트워킹, 모각코, 알고리즘 스터디 등이 활발히 이루어집니다. 또한 멘토님들도 커뮤니티에 함께 참여하고 있어, 멘토링 종료 이후에도 높은 수준의 피드백과 자극을 지속적으로 받을 수 있습니다.