강의

멘토링

커뮤니티

[프론트 프로젝트] 현직 멘토 코드리뷰 받으면서 개인 프로젝트 완성하기

현직자 코드리뷰와 멘토링을 받으며 타이머 앱을 만들어 봅니다. 실무 수준의 클라이언트 프로젝트를 끝까지 성공적으로 완성할 수 있도록 자료 제공(기획, 디자인, API), 커뮤니티 활동이 함께 진행돼요. 프로젝트 학습과 양질의 현직자 피드백으로 즐겁게 성장해 보세요!

18회 미션 수행

라이브 9 회

추가 자료를 통해 학습을 이어나가요.

같은 기수와 교류하고 함께 성장해요.

지식공유자와 멘토링 혜택!

질문하고 즉시 답을 얻어요.

닙스(NYBS)님과 함께해요!

135

수강생

3

수강평

1

답변

5.0

강의 평점

2

강의

재밌게 성장할 수 있는 콘텐츠를 고민하고 제작합니다.

열정이 있는 누군가에게 해결해야 하는 좋은 문제(과제)를 제시한다면 성장할 수 있다고 믿고 있고,

어떻게 하면 학습에 더 도움이 되는 실무와 같은 문제와 미션을 제시할 수 있을지 주로 고민합니다.

 

Not Yet, But Soon

아직은 아닌 것 같지만, 곧 이루어 갈 모든 분들과 함께합니다.

 

nybs.contact@gmail.com

프로젝트가 필요하신 분 🙋‍♂️🙋🏼‍♀️

혹시, 지금 이런 고민이 있지 않으신가요? 🤔

프론트엔드 강의 어느 정도 들었는데, 이제 뭘 더 어떻게 공부해야 할지 모르겠다!

전공생이지만 프론트엔드를 해본 적이 없어서 프로젝트만 딱 해보고 싶다!

프로젝트 하나 정도만 딱 돌려보고 싶은데 부트캠프 교육은 너무 길어서 부담스럽다!

부트캠프를 수료했는데 학습이 부족해서 프로젝트를 더 진행하고 싶다

주니어로 현업을 하고 있지만, 사수나 조언을 구할 사람이 없어 답답하다!


그런 분들을 위해, [현직자와 함께하는 프론트엔드 프로젝트 챌린지]를 준비했습니다.

부트캠프를 가지 않아도 의미있는 프로젝트 학습과 현직 멘토의 피드백을 받을 수 있어요.

프로젝트를 만들면서 성장하고 싶은 분이라면 누구라도 좋습니다!

만들고, 공유하고, 참여하면서 즐겁게 성장해요 🚀


멘토와 함께하는 프론트엔드 프로젝트 🏃🏻

프로젝트 소개 🔨

이번 챌린지에선 정해진 주제의 프로젝트를 진행합니다.

DevTime이라는 타이머 애플리케이션을 처음부터 끝까지 만들어 볼 거예요.

프론트엔드 기능 구현에만 집중할 수 있도록 기획, 디자인, 서버를 미리 준비해 뒀어요.

준비된 요구 사항과 자료에 따라 기능을 구현해 주세요.

로그인

회원가입

타이머

할 일 관리

대시보드

랭킹

이외에도 프로필 설정, 마이페이지 등 프론트엔드 필수 구현 과제를 반영한 다양한 기능이 포함되어 있어요.

각자 학습해 온 내용을 바탕으로 개인 프로젝트를 진행하고, 진행 과정을 함께 공유하면서 즐겁게 성장해요.


챌린지 진행 방식

챌린지는 총 4주 동안 진행돼요.

매주 1회의 코드리뷰, 2회의 멘토링 세션으로 프로젝트 진행 상황을 점검받을 수 있어요.

프로젝트를 함께 진행하면서 현직자는 어떤 관점으로 프로젝트를 설계하고, 진행하고, 문제 상황을 극복해 나가는지 확인해 보세요.

챌린지 시작, OT

함께 챌린지에 참여하는 참가자와 멘토분과 함께 인사합니다. 앞으로 진행할 프로젝트 주제와 진행 방식, 코드리뷰와 멘토링 진행 흐름에 대해 소개해요.

프로젝트 기능 구현(개인 진행)

매 주 배정된 권장 프로젝트 진행 흐름을 참고하여 프로젝트의 주요 기능을 각자 구현해요. 진행 과정에서 막히는 부분은 학습 커뮤니티를 통해 질문하고 함께 고민해 볼 수 있어요.

라이브 멘토링

주 2회 현직 프론트엔드 엔지니어 멘토님과의 라이브 멘토링이 진행돼요. 프로젝트 진행 상황에 대해 점검받고, 현업 관점에서의 프로젝트 진행에 대한 다양한 관점을 공유받아요.

코드 리뷰

주에 한 번 현직 멘토님에게 진행되고 있는 프로젝트의 코드 리뷰를 받을 수 있어요. 코드 리뷰는 Github으로 진행되고, PR 후 현직 멘토님을 리뷰어로 지정하면 코드 리뷰가 진행됩니다.

학습 커뮤니티

현직 멘토님, 함께 학습하는 참여자 분들이 서로 대화하고 자유롭게 네트워킹 할 수 있는 학습 커뮤니티를 운영해요. 혼자 하면 외롭고 힘들지만, 함께 하면 끝까지 할 수 있어요

이외에도, 프로젝트를 통해 성공적인 학습을 할 수 있도록 다양한 동기부여 이벤트들이 계획되어 있어요.

체계적으로 잘 관리되는 학습 환경에서 즐겁게 성장해 보세요 🚀


멘토 소개 👩🏼‍🏫

현업 실무 경험의 멘토 분이 챌린지에 함께합니다.

프로젝트 구조 설계, 문제 해결 방법에 대해 실무 관점의 피드백과 조언을 제공해요.

최나실 멘토님

7년차 프론트엔드 엔지니어

  • 식스샵 Frontend Engineer

  • 퍼플네스트 Web Developer

  • 코드잇 스프린트 프론트엔드 멘토

  • 바닐라코딩 부트캠프 오피스 멘토

  • 링크드인

혼자 학습할 땐 불필요한 시행착오를 겪게 돼요.

성장을 위해 필요한 과정이지만, 때로는 좀 더 효율적인 학습의 방향성을 잡아줄 누군가가 필요하기도 해요.

이번 챌린지에는 참여자 분들의 성장 과정에 함께해 줄 7년차 엔지니어 분이 멘토로 참여합니다.

현업에서 여러 경험을 쌓기 전엔 알기 어려운 여러 관점과 고민을 소개해 주실 거예요.

현직 멘토분의 양질의 피드백과 함께 프로젝트 학습을 성공적으로 진행해 보세요 🔥

PROKIT 자료집 제공 📚

이번 챌린지는 [프론트엔드 프로젝트 키트: 타이머 앱 만들기] 자료집을 사용해 진행됩니다.

4주 동안 프론트엔드 기능 구현에만 집중해서 연습용 프로젝트를 해볼 수 있도록 기획, 디자인, API 엔드포인트를 제공해요.

PRD(Product Requirements Document)

API 엔드포인트(Swagger UI)

Figma 시안

프로젝트용 디자인 시스템


챌린지에 참여하신 모든 분들게 Devtime 프로젝트 구현을 위해 필요한 자료집 전부를 무료로 제공해 드립니다.

* 혹시 인프런 클립에서 먼저 자료집을 따로 구매한 분들은 nybs.contact@gmail.com으로 문의 남겨주세요. 콘텐츠 구매 비용만큼 할인된 가격으로 신청하실 수 있게 안내해 드릴게요.

챌린지 참여 주의 사항

챌린지 참여 전, 아래 주의 사항을 꼭 미리 확인해 주세요.

충분한 선수 학습이 된 분들이 프로젝트 중심을 실무적인 역량을 향상해 가는 Skill Up 챌린지입니다.

DOM 조작 및 클라이언트 이벤트 처리, 비동기 처리Promise, async/await 등)에 대한 이해, API 통신(fetch API, axios 라이브러리 등 활용), 토큰 기반 인증/인가 등 프로젝트 진행을 위한 필수 지식은 충분히 사전 학습을 한 상태로 챌린지에 참여해 주세요.

(필수) 멘토님이 양질의 피드백을 제공해 드릴 수 있도록 프로젝트는 React.js 또는 Next.js 둘 중 하나를 선택해서 진행해 주세요.

(권장) TypeScript 사용은 권장되지만 필수는 아닙니다.

이외의 기술 스택은 참여하시는 분이 자유롭게 선택해 볼 수 있습니다. 초기 프로젝트 진행 시 기술 스택에 대한 고민 또한 학습의 일부이기 때문에, 과정 시작 후 멘토님과 함께 상의하여 기술을 선정해 보실 수 있습니다.

현직 멘토님의 리뷰와 멘토링은 현업 관점의 프로젝트 설계와 구조적인 부분에 조금 더 집중돼요. Line by line 레벨에서의 디테일한 코드 리뷰(문법, 변수명, 함수명 등)는 함께 챌린지에 참여하는 분들끼리 서로 주고받도록 권장됩니다.

PROKIT: Devtime 프로젝트 주제와 요구 사항에 최적화된 코드 리뷰 AI를 학습시키는 중입니다. AI를 활용해 진행 중인 프로젝트의 디테일한 코드 리뷰를 받아보세요.


기타, 상세한 문의는 nybs.contact@gmail.com으로 남겨주세요!

12

2

챌린지 시작일

2025년 12월 2일 오전 12:00

챌린지 종료일

2025년 12월 29일 오후 11:59

챌린지 커리큘럼

전체

27개

해당 강의에서 제공:

수업자료
라이브

챌린지에서 배워요

  • 프론트엔드 프레임워크를 사용해 하나의 완성된 웹 서비스를 만들어 볼 수 있어요

  • 주어진 기획 요구사항에 따라 구현하고, 하나의 동작 가능한 서비스를 만들 수 있어요

  • 실무 개발과 유사한 다양한 문제 상황을 겪고 해결해가는 과정을 경험할 수 있어요

  • 프로젝트를 진행하는 마음 가짐과, 효과적으로 프로젝트를 관리하는 방법을 학습해요

  • 비슷한 수준의 다른 학습자 분들과 상호작용 하면서 동기부여되고, 즐겁게 학습해요

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 현직 멘토의 실무적 관점의 리뷰와 피드백을 받고 성장하고 싶은 분

  • 프론트엔드 혼자 학습하다 이제 슬슬 프로젝트를 해봐야겠다고 생각했던 분

  • 그런데 막상 프로젝트를 시작하려니 뭐부터 어떻게 해야할지 모르겠어 막막했던 분

  • 부트캠프를 들었지만 추가 프로젝트 학습이 필요하다고 느끼는 분

  • 괜찮은 프로젝트 경험으로 포트폴리오를 강화하고 싶은 분

  • 전공생이라 부트캠프 수강할 시간은 아깝고, 괜찮은 프로젝트 경험 정도가 필요한 분

선수 지식,
필요할까요?

  • React.js 또는 Next.js 사용 가능자(둘 중 하나의 프레임워크 선택이 필요합니다)

  • 상태 관리 도구(Tanstack Query, Justand, Redux 등) 활용 전역 상태 관리

  • TypeScript 활용 타입 지정 및 정적 프로그래밍(필수는 아니지만 권장합니다)

  • 인증-인가에 대한 개념 및 토큰 기반 인증 방식 구현

  • Git/Github을 활용한 버전 및 프로젝트 관리 방법

  • 기타, 프론트엔드 프로젝트 과업 수행을 위한 기초 지식

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!

문의 이메일

nybs.contact@gmail.com

자주 묻는 질문