스타트업 프론트엔드 개발자로 실무 체험하기

6차 앵콜

복습 VOD 제공

현직자와 함께하는 웹개발직무 5주 인턴

직접 경험하는 것보다 잘 이해할 수 있는 방법은 없습니다.

'직무부트캠프: 5주 인턴’에 참여하면 어려운 인턴 지원 프로세스 없이 5주간 현직자와 제대로 웹개발 직무 경험을 만들 수 있습니다.

멘티님도 할 수 있어요.

현직자의 진짜 실무를 멘토의 도움을 받아 수행합니다.
업무에 대한 1:1 피드백과 코칭이 매주 제공됩니다.
5주간 3회의 세션을 가지게 되며, 학업/현업과 병행 가능합니다.

웹개발 5~7년차 경력자 Jeongkoo 멘토입니다.

저와 함께 5주 동안 웹개발 실무를 체험하시겠어요?

안녕하세요. 저는 스타트업에서 풀 스택 개발자로 일하고 있는 멘토입니다.

최근 좋은 점수로 채용이 되었던 신입 프론트엔드 개발자분께서 3달을 채우지 못하고 퇴사하신 일이 있습니다. 맡은 업무를 일정 내에 끝나지 못하고 계속 딜레이 되는 상황이 발생했고, 책임감으로 인한 스트레스를 너무 많이 받으셔서, 결국 건강상의 이유로 회사를 떠나겠다고 하셨습니다. 충분한 잠재력을 보고 채용했었기 때문에 아쉬움 반, 미안함 반으로 보내드렸던 기억이 납니다. 사수 개발자였던 분께서 처음부터 친절하게 알려주며 업무를 진행했다면 좋았겠다…는 아쉬운 마음이 들었습니다. 하지만 항상 사람도 시간도 부족한 스타트업 입장에서는, 신입사원도 독자적으로 맡은 업무를 끝낼 수 있길 기대하는 것도 사실입니다. 비단 저희 회사에서만 발생하는 특이한 일이 아닙니다. 저와 주변분들의 경험을 돌이켜볼 때, 나를 키워주는 친절한 사수를 만나는 것은 슬프게도 천운에 가깝습니다. 좋은 사수를 만나길 기대하는 것보다, 스스로 성장할 수 있는 역량을 기르는 것이 더 안전하고 확실한 방법입니다. 저는 3년 전부터 후배 개발자분들의 취업 코칭을 꾸준히 해왔습니다. 주로 포트폴리오와 자소서 코칭으로 '어떻게 취업을 잘할까'에 대한 내용이었습니다. 하지만 앞선 경험을 통해 입사가 끝이 아니라는 것을 다시 한번 깨닫게 되었습니다. 이번 캠프에서는 '현업'과 '실제 입사 후를 위한 준비'에 더 집중해서 캠프를 구성하였습니다. 물론 취업에도 도움이 되실 수 있도록 결과물을 가져가실 수 있도록 하였습니다. 이번 5주짜리 직무부트캠프를 통해, 실무에 강한 프론트엔드 개발자가 되는 방법에 대해 알려드릴 거에요. 무엇을 알아야하고 어떤 내용이 중요한지 쏙쏙 짚어드리겠습니다. 이 캠프를 통해 입사 후 자기주도적으로 일 할 수 있는 든든한 개발자가 되시길 바랍니다.

이런 고민을 가진 분들에게
직무부트캠프를 추천합니다.

인턴 경험을 쌓고 싶은데
직무경험이 없어요.

면접에서 대답할
직무경험이 없어요.

자소서에 작성할
직무경험이 없어요.

직무부트캠프는
실제 취업에 도움이 됩니다.

직무부트캠프에서 했던 경험과 배웠던 직무 전문 단어를 면접에서 활용하였더니 면접관들이 흥미를 보였고, 결국 최종 합격했어요.

직부캠 수료생

남00님

수료증을 토대로 이력서에 직무 관련 경험으로 작성했고 임원 면접시 경험에 대한 질문에 직무 관련한 관심이 많다는 것으로 어필 했고, 좋은 평가를 받을 수 있었어요.

직부캠 수료생

강00님

5~7년차 경력자

Jeongkoo

인증멘토

현 스타트업 풀스택 개발

- 동남아 여행 예약 플랫폼 개발

- 온라인 운동 코칭 서비스 개발 리드

- Typescript, Python, Django, AWS, React 개발

현 프리랜서 & 1인 기업

- 디자인 프리랜서 구인구직 플랫폼 개발

- 맞춤형 인테리어 주문 웹서비스 개발

- 게임 소개 서비스 퍼블리싱

- 온라인 소개팅 소개 페이지 기획/개발

현 강사 활동

- 온라인 개발 그룹 스터디 리더

-개발자 취업 관련 강의 및 코칭 60여회

-대학교 기반 포트폴리오 컨설팅 다수 진행

전 대기업 SI기업 데이터 엔지니어

- 국내 최대 통신사 빅데이터 시스템 운영/개발

- 빅데이터 플랫폼 개발

- 프로젝트 매니징 역할 수행

전 S사 소프트웨어 멤버십 활동

전 S사 전환형 인턴

전 대학 시절, 공모전 5회 수상

스타트업 프론트엔드 개발자로 실무 체험하기

주제로 5주 동안 실무자가 될 수 있게 도와드리겠습니다.

웹개발 인턴이 되어 2~3년 차 실무자가 실제로 수행하는 업무를 부여받게 됩니다.

OO 프로젝트 매니저

웹개발팀

담당자

홍길동

중요도

높음

마감일

2026.02.12

OO개발자님, 이번에 새로운 MVP 프로젝트 시작하시는 거 아시죠? 시니어 개발자분들이 일정이 안돼서 OO님께서 리드해서 개발하셔야할 것 같아요.

OO개발자님, UX가 불편하다는 피드백이 많이 왔는데요, 새로 고침하면 선택한 상품이 사라지고, 로그인을 매번 해야하는 것이 불편하다는 의견이 있었어요. 또 다른 UX 개선에 대한 아이디어와 이번 달에 구현 가능한 범위 알려 주실 수 있나요?

과제소개

프로젝트 생성부터, 셋팅, 디자인 적용, 로직 구현, 배포 등 'React 기반의 프론트엔드 개발'을 전체적으로 경험하실 수 있도록 구성했습니다. React가 처음이신 분들을 위해 가이드 영상을 제공하고 있으니 어렵지 않게 따라오실 수 있을 거에요.

1. 개발과 협업에 토대가 되는 Git에 익숙해지기

2. 기획/디자인 파일을 보고 React 웹사이트 만들기

3. 백엔드 없이 데이터 저장하기

4. 배포 자동화하기

과제를 통해 얻어갈 수 있는 것

실무에서 인기있는 기술과 많이 쓰이는 기능 위주로 프로젝트를 구성했습니다. 금번 과제를 열심히 완수하시면, 스타트업에 프론트엔드 개발자로 취업했을 때 어떤 업무를 하게 되는지 감을 잡으실 수 있을거에요. 이를 통해 취업을 준비 방향을 설정하는데 도움이 될 거에요. 그리고 자주 발생하는 문제 상황을 미리 경험하고 준비함으로써, 입사 후 믿음직스러운 신입 사원이 될 수 있을 겁니다.

추천수강대상

전공 무관, 기초 웹 개발 지식(HTML, CSS, Javascript)이 있는 분
React 경험이 있으면 더 좋습니다. 하지만 없어도 세팅부터 시작하기 때문에 괜찮습니다.
스타트업 프론트엔드 개발자로 취업하고 싶으신 분

이 업무를 선정한 이유를
알려드릴게요!

구직자들의 오해

프론트엔드 개발자로 구직 준비를 하시는 분들 중 React 기술 공부에만 집중하시는 분들이 종종 계십니다. 물론 메인 기술인 React에 대한 이해는 굉장히 중요한 요소가 맞습니다. 하지만 '기술을 이론적으로 아는 것'과 실무 프로젝트를 진행하는 것은 느낌이 많이 다릅니다. 실무 프로젝트를 구성할 때 React만 사용하지 않는 경우가 많고, 추가적으로 고려해야하는 것들이 많기 때문에, 입사 후에 당황하는 경우가 발생합니다. 이를 위해 React 프로젝트를 진행하면서도, 실무에서 자주 사용하는 기능들을 프로젝트에 포함해 여러 라이브러리를 사용해보고, 그 과정에서 문제를 맞닥뜨리고 충분히 고민해가는 과정을 경험하시기를 추천 드립니다.

프론트엔드 개발 직무에서 가장 중요한 역량

최근 개발자들에게 중요해진 역량, 특히 한 명, 한 명이 중요한 스타트업 개발자들에게는 '자기 주도적으로 업무를 진행할 수 있는 역량'이 가장 중요한 것 같습니다. 이를 위해서는 '원활한 커뮤니케이션 능력'과 스스로 개발 순서를 정하고 일정을 산정할 수 있는 역량이 뒷받침되어야 합니다. 이러한 역량들을 얻기 위한 가장 좋은 방법은 실무에 자주 쓰이는, 실무와 비슷한 프로젝트를 진행해 보는 것이라 생각합니다.

해당 과제가 프론트엔드 개발 직무의 실제 일과 가장 중요한 역량을 체험하기에 좋은 이유

이번 직무부트캠프를 통해 실제 현업에서 주어지는 작은 업무 단위를, 프론트엔드 개발자 입장에서 처음부터 끝까지 경험해 볼 수 있도록 구성했습니다. 이를 통해 현업 프론트 엔드 업무의 흐름을 이해할 수 있고, 입사 후 주도적으로 업무 스케쥴을 짤 때 도움이 될 수 있습니다. 그리고 다른 팀원들과의 미팅에서 어떤 키워드로 이야기해야 하는지도 파악하실 수 있을 겁니다.

상세한 스케줄을 설명드리겠습니다.

3회의 강의와 4회의 업무를 통해
현업자 수준의 직무 이해도를 얻게됩니다.

캠프 시작일

1주차

온라인 세션

9월 7일(화) 11:00~13:00

현직자 직무 에센스 강의 및 Q&A

⋅ 직무 입문 방법
⋅ 직무담당자가 실제로 하는 일
⋅ 직무담당자로 일하는 장, 단점과 요구 역량
⋅ 주차 별 프로젝트 소개 및 선정 이유

⋅ 1주차 세션 종료 후, 복습 VOD 제공

복습 VOD

9월 11일(토) 15:00까지

업무

React 프로젝트 생성 및 Github 셋팅

[내용] 스타트업 프론트엔드 개발자는 React 프로젝트를 셋팅하게 되는 경우도 있습니다. React 프로젝트를 생성하고 폴더와 파일을 구성하는 방법을 알아봅니다. 생성한 프로젝트를 나의 Github에 올립니다.

1) React 프로젝트 생성

2) 프로젝트 폴더 및 파일 구성

3) Git repository 만들기

[참고 자료]

참고용 Github Repository
React 관련 문서

[과제 결과물]

Github Repository 주소

2주차

서면 피드백

9월 14일(화) 15:00까지

리드멘토 개별 리뷰 및 1차 업무 피드백

9월 25일(토) 15:00까지

업무

목업 서버 API 생성 및 데이터 불러오기

[내용] 본격적인 개발에 들어갑니다. 기획/디자인 문서를 확인해 프론트엔드에 필요한 API 명세를 확인합니다. Postman을 사용하여 목 서버를 만들고, 필요한 API를 생성합니다. 생성한 API를 호출하여 프론트엔드로 데이터를 불러옵니다. 이러한 과정을 통해 백엔드와 병렬로 개발이 가능할 수 있는 방법을 익힙니다.

1) Postman 목 서버 생성

2) API 설계 및 목서버 API 생성

3) 목서버 API 호출하여 데이터 불러오기

[참고 자료]

Postman 목서버 생성 및 활용 가이드 제공
API 호출 및 데이터 가공 관련 자료

[과제 결과물]

Postman API 호출 결과 캡쳐
Github Repository 주소

3주차

온라인 세션

9월 28일(화) 11:00~13:00

업무 발표 및 리드멘토 2차 업무 피드백

*참여자가 2명 이하인 경우, 3/5주차 캠프 시간은 1시간으로 조정 운영됩니다.

10월 2일(토) 15:00까지

업무

퍼블리싱 (UI 개발하기)

[내용] 1주차에 제공된 디자인 문서를 토대로 최대한 웹으로 구현하는 것을 목표로 합니다. 컴포넌트 단위의 스타일링을 위해 자주 사용되는 스타일링 방법 중 하나인 styled-components를 적용합니다. 이러한 과정을 통해 현업에서 많이 채택하는 기술 스택을 경험합니다.

1) 제공된 디자인과 기획 문서를 바탕으로 화면 구현

2) styled-components 라이브러리 활용

[참고 자료]