실제 프론트엔드 개발 업무에 쓰는 React로 기획 의도에 맞게 기능 구현하기 | 코멘토 실무PT

업계 선배와 만나
배우고, 나누고, 성장해요!

누구나 시행착오를 겪습니다. 혼자서는 더 많은 노력과 시간이 필요하죠. 이미 경험한 사람의 이야기에서 시작한다면 어떨까요?
실무PT에서 업계 선배를 만나 시행착오를 줄이는 순간을 경험하세요.

실무 과제

실무 과제를 통해 배우면
즉시 업무에 적용하고
성과를 낼 수 있어요.

피드백과 토의

라이브 피드백을 통해
솔루션을 내 업무에 대입하고
현직자의 방법을 익히세요.

바로 적용

오늘 익힌 실무 스킬이
즉시 내 업무 성과가 되는
놀라운 경험으로 이어져요.

주니어 프론트엔드 개발자 및 지망생 분들을 위한
실무에 쓰는 React 개발하기 트레이닝입니다.

입문자 대상

입문자 대상 베이직 트레이닝입니다.

진행 과정

4회의 라이브와 3회의 실무과제가 제공됩니다.

트레이닝은 4주 동안
이렇게 진행됩니다.

듣고

실무 노하우가 가득 담긴 현직자 라이브 세션을 진행합니다.
해보고

그렇게 배운 내용을 실무 과제를 수행하고 피드백을 받습니다.
나누고

라이브 세션에서 크고 작은 실무 고민을 나누고 해결합니다.
성과내요!

오늘 익힌 내용은 실무에 적용해보며 성과를 만듭니다.

먼저 트레이닝을 받은 분들의
이야기를 들어보세요.

저는 완전히 모르는 상태에서 시작했고 기대도
높지 않았는데, 끝까지 해내고 보니 굉장히
성장한 느낌이에요.
직장 다니면서 뭔가 끝까지 해본 게 처음이라..

'아무것도 모르는 사람도 할 수 있어요'라는 문구가 진짜 거짓이 아니었네요.

- 수료생 김태희님

매주 받는 강의 자료랑 과제 내용이 업무에서
흔하게 일어날 수 있는 상황 중심이어서,
'우리 회사라면 이런 식으로 해볼 수 있겠다.'
라고 생각하며 수업을 들었구요.

이론도 실무랑 연계되는 내용으로 알려주셔서
바로 업무에 적용할 수 있었어요.

- 수료생 김태형님

라이브니까, 공부하면서 궁금한 걸 바로바로
물어볼 수 있는게 제일 좋았어요!

VOD 강의 많이 들어봤지만 VOD는 궁금한 걸
물어볼 수도 없고, 물어볼 수 있다고 해도
답변 받는데 진짜 오래 걸렸거든요.
소통이 즉각적이라는 게 가장 좋았어요.

- 수료생 임미성님

멘토님도 퇴근하고 강의하시느라 힘드실 텐데
라이브 강의 때마다 정말 정성스럽게
과제 리뷰랑 피드백을 너무 잘 해주셨구요.

꼭 강의 때가 아니더라도 어려운 거 있을 때마다
하나하나 같이 해주시고 질문도 잘 받아주셔서
더 열심히 할 수 있었어요.

- 수료생 강지현님

실제 개발 실무에서 쓰는 React를 알려드릴게요!

안녕하세요. 자연어처리 인공지능 회사에서 프론트엔드 개발자로 근무 중인 ZZIN이라고 합니다.

저는 디자인을 전공했고, 디자이너로 일했습니다. 코딩을 배운지 3개월 만에 프론트엔드 개발자로 커리어를 다시 시작했고, 다양한 프로젝트를 거쳐 어느덧 서비스를 출시, 운영하는 개발자가 되었습니다.

지금은 자연스럽게 사용하는 실무 기술이고 너무 당연한 지식이지만, 제가 처음 코딩을 배울 때를 생각해보면 당연한 것은 없었습니다.

더 많이 배우기 위해, 더 많이 시간을 들이며 배운 내용들과 시행착오의 경험을 바탕으로, 이제 막 커리어를 시작하려는 프론트엔드 개발자분들에게 '실무에서 실제로 쓰는' 코드를 알려 드리고자 합니다.

이번 '실전 지향 리액트 실무PT'에서는 단순히 화면을 구현하는 것에 그치지 않고 서버에서 데이터를 어떻게 요청하고, 받아온 데이터는 어떻게 가공하는지에 집중합니다.

수업에 참여하는 여러분은 모든 과정이 끝나면 기획 의도에 맞게 리액트로 기능을 구현할 수 있게 될 것입니다!

프론트엔드 개발 1~3년차

ZZIN 멘토님

현) 핀테크 스타트업 프론트엔드 개발자

- 자연어 처리 기반 웹앱 개발

- 서비스 운영

전) AI 기반 회사 프론트엔드 개발자

- X-ray AI 탐독 솔루션 개발

- 불법 복제품 탐지 서비스 개발

4주 동안,
저와 함께 다루게 될 내용입니다

프론트엔드 개발 실무에 반드시 쓰는 React 기본기

어떤 도메인에 있든지, 어떤 기능을 개발하든지. 프론트엔드 개발자들이 공통으로 실무에 자주 활용하는 React의 기본이 있습니다. React와 Javascript의 기초 및 필수 기술을 이해하고, 실제 프론트엔드 개발 실무에서 어떻게 사용되는지를 익힙니다.

프로젝트 생성부터 화면 구현과 서버 통신까지, React 개발 실무 사이클

React로 코드를 작성할 수 있다고 해서 개발 실무를 능숙하게 해낼 수 있는 것은 아닙니다. 실제 개발 실무에서는 개발 전 기획안과 디자인 UI를 분석하고 개발 문서를 작성함은 물론, 개발 중에 기능 추가, 수정 등의 업무 변경에도 유연하게 대응해야 하며, 개발 후에는 유지 및 보수까지 해내야 합니다. 프론트엔드 개발 실무 상황 및 개발에 실제로 사용하는 여러 문서를 중심으로 실무 과제를 풀며 React 개발 실무의 사이클을 직접 거치고, 그 안에서 실무에 실제로 쓰는 React를 익힙니다.

주니어 프론트엔드 개발자의 성장을 위한 코드 리뷰

코드 리뷰를 하는 목적은 코드가 코딩 컨벤션(convention, 개발 표준)을 준수했는지를 체크하고, 버그를 조기에 발견하고, 중복 코드를 방지하기 위함입니다. 주니어 프론트엔드 개발자는 코드 리뷰를 통해 미처 발견하지 못한 코드의 오류를 피드백 받을 수 있습니다. 현직자 멘토와 함께 코드 리뷰를 진행하며 작성한 코드가 올바른 코드인지를 점검하고, 더 나은 코드를 작성하기 위한 구체적인 방법들을 습득할 수 있습니다.

주니어 프론트엔드 개발자에게 요구되는 커뮤니케이션 역량

주니어 프론트엔드 개발자는 개발팀에 속해있고, 당연하게도 같은 프론트엔드 개발자와 협업합니다. 하지만 화면의 UI를 구현하기 위해 UX ∙ UI 디자이너와 협업하고, 올바른 데이터를 출력하기 위해 백엔드 개발자와도 협업합니다. 개발 실무를 능숙하게 처리하기 위해서는 프론트엔드 개발자와 협업 관계에 있는 업무 관계자들과 긴밀하게, 원활하게 소통해야 합니다. 실무 과제를 풀며 프론트엔드 개발자가 업무 관계자들과 원활하게 소통하기 위한 커뮤니케이션 소프트 스킬을 익힐 수 있습니다.

주차별 트레이닝 과정을 알려드립니다

7월 2일(화) 19:30~22:30

1주차

서비스 개발 준비와 React 프로젝트 생성

01
오리엔테이션

- 멘토 및 클래스 메이트 자기소개
- 클래스 대상 및 목표 안내
- 전체 커리큘럼 안내
- 프로젝트 설명
- 개발 환경 세팅
02
React 프로젝트 생성

- 라이브러리 설치
- 파일 구조 만들기
03
React 기초

- React의 기본 컨셉 및 개념
- State와 Props
- React 스타일링
04
실시간 Q&A
과제
블로그 메인 페이지 생성하기 1

- 메인 포스팅 카드 캄포넌트 만들기

7월 9일(화) 19:30~22:30

2주차

동적 화면 구현을 위한 React의 state/props

01
1주차 세션 회고 및 과제 피드백
02
React Hooks

- useStates
- useEffect
- useContext
03
React Route

- SPA란
- 페이지 분리하기
04
데이터 보여주기

- 무한 스크롤 기능 구현
- 로그인 페이지 생성
05
실시간 Q&A
과제
블로그 메인 페이지 생성하기 2

- 실습 데이터 제공

7월 16일(화) 19:30~22:30

3주차

리액트에서 세부 기능 구현하기

01
2주차 세션 회고 및 과제 피드백
02
WYSIWYG editor로 상세페이지 viewer 추가

- 포스팅 데이터 html 파싱
03
포스팅 상세 페이지 기능 구현

- 좋아요 추가/삭제
- 댓글 작성
04
실시간 Q&A
과제
블로그 포스팅 상세 페이지 생성

7월 23일(화) 19:30~22:30

4주차

백엔드와 소통하기 위한 기본 개념과 프론트엔드 심화

01
3주차 세션 회고 및 과제 피드백
02
프론트엔드 심화

- Table of contents 기능 구현
- 다크모드 적용
03
HTTP

- 로컬 데이터 파일 불러오기
- axios 심화
-상태 코드 분석
- CORS 에러
04
4주간 진행 Wrap up

4주 뒤에는
이런 일을 할 수 있습니다

React 컴포넌트를 분리, 파일 구조를 생성하여 React 프로젝트를 준비할 수 있습니다.

React로 컴포넌트를 스타일링 하여 기획안과 디자인에 따라 화면을 구현할 수 있습니다.

로컬 데이터를 필요한 데이터의 형태로 변환하여, 화면 데이터를 출력할 수 있습니다.

서버와의 원활한 통신을 위해 Restful API를 적절하게 활용할 수 있습니다.

이런 분들을 위한 과정입니다

React를 전혀 다뤄보지 못한 신입 프론트엔드 개발자

가르쳐 주는 사수 없이 혼자서 React 로 개발하고 있는 신입 프론트엔드 개발자

React 기반 프론트엔드 개발 실무 프로세스를 경험하고 싶은 취업 준비생

프론트엔드 개발자로 커리어 체인지를 하고 싶은 퍼블리셔

많은 기업의 실무자가 함께한 트레이닝 과정입니다.

카카오엔터테인먼트
LG
아이디어스
라인플러스
쿠팡
카카오페이
쏘카
SK브로드밴드
사람인
해커스
차이커뮤니케이션즈
그린랩스
LG전자
아모레퍼시픽
중고나라
삼성증권
하이퍼커넥트

트레이닝 도입 문의

도입 문의를 남겨주시면 우리 기업을 위한 맞춤 트레이닝 상담을 제공합니다.

01

온라인 라이브 세션과 실무 기반 피드백

트레이닝은 실무에 가장 가까운 내용을 다루는 만큼 온라인 라이브로 진행됩니다.
일방적인 VOD 방식에서 벗어나 묻고 답하며 이해할 수 있도록 알려드립니다.
진행된 라이브 세션은 모두 녹화되어 트레이닝 기간 동안 자유롭게 시청하고
복습할 수 있는 VOD가 제공됩니다.

02

업무에 적용할 수 있는 실무 맞춤형 과제

트레이닝 내용을 실무에 적용할 수 있도록 철저히 실무 기반의 과제가 주어집니다.
이론은 알겠는데, 실무에 막상 적용하려니 잘 되지 않는 경험은 누구나 있습니다.
매주 진행하는 라이브 세션에서 과제 수행에 필요한 기초 이론, 방법론을 배우고
실무 맞춤형 과제를 통해 업무에 적용할 수 있게 도와드립니다.

03

참여자 전용 채팅방과 상시 피드백

참여자 전용 채팅방을 통해 과정에 대한 안내, 실무 자료 공유, 질의응답 및
피드백이 진행됩니다. 과제를 해결하며 어려운 점, 실무에서 궁금했던 내용까지
언제든 질문할 수 있습니다. 트레이닝 기간 동안 어디에서도 찾기 어려운
가장 가까운 랜선사수가 되어 드립니다.

고민이 길어지면 가격은 올라갑니다.

정가 ~~700,000원~~

슈퍼 얼리버드 혜택 - 424,200원

12개월 무이자 할부 월 22,983원

60% 할인

자주 묻는 질문

Q.

Javascript 기본 지식이 없어도 수강할 수 있나요?

A.

React 실무PT는 Javascript를 기반으로 진행됩니다. 원활한 클래스 진행을 위해서는 Javascript 기본 지식이 필요합니다. 수업 중 Javascript 관련 강의를 제공하지 않기 때문에 Javascript에 대한 지식이 있거나 따로 공부 하실 수 있는 분들께 추천드립니다.
Q.

React 프로젝트 개발 경험이 없어도 수강할 수 있나요?

A.

충분히 가능합니다. React 프로젝트를 생성하는 방법부터, 과제를 수행하는데 필요한 지식을 기초부터 알려 드립니다. 다만 실무PT의 목적에 맞게 수강생 스스로 문제를 해결할 수 있도록 방향성을 제시합니다.
Q.

세션 진행은 어떻게 이루어지나요?

A.

모든 세션은 줌 온라인 라이브로 진행됩니다. 세션은 기초 이론과 현직자 노하우를 듣는 이론 파트와 피드백 및 질의응답 파트로 구성됩니다.
Q.

라이브 세션을 듣지 못했을 경우 강의 녹화본을 볼 수 있나요?

A.

라이브 세션에 참여하지 못한 분들을 위해 세션을 녹화한 복습 VOD가 제공됩니다. 복습 VOD는 영업일 기준 세션 다음날 업로드 됩니다.
Q.

복습VOD는 언제까지 볼 수 있나요?

A.

복습VOD의 기본 제공 기간은 마지막 세션일 기준 7일이지만, 과제를 60% 이상 제출한 경우 마지막 세션일 기준 한달 후까지 볼 수 있습니다.
Q.

수료증은 어떻게 받을 수 있나요?

A.

프로그램에 70% 이상 참여한 경우, 클래스룸에서 직접 다운로드 받을 수 있습니다. 참여율 산정 기준은 아래를 참고해주세요.

- 6주 과정 : 총 11회(세션 참여 6회 + 과제 제출 5회) 중 8회 이상 참여시 수료증 발급
- 5주 과정 : 총 9회(세션 참여 5회 + 과제 제출 4회) 중 7회 이상 참여시 수료증 발급
- 4주 과정 : 총 7회(세션 참여 4회 + 과제 제출 3회) 중 5회 이상 참여시 수료증 발급
- 3주 과정 : 총 5회(세션 참여 3회 + 과제 제출 2회) 중 4회 이상 참여시 수료증 발급
- 2주 과정 : 총 3회(세션 참여 2회 + 과제 제출 1회) 중 3회 이상 참여시 수료증 발급
Q.

법인카드 결제로 인한 증빙자료가 필요한데, 어떻게 받을 수 있나요?

A.

법인 증빙자료의 경우 법인마다 다른 경우가 많아, 상담 채널로 문의해주시면 더욱 빠르게 처리할 수 있습니다.
수료증의 경우 프로그램의 70% 이상 참여한 경우에만 발급됩니다.
Q.

기업 교육도 가능한가요?

A.

네, 물론입니다! 실무PT는 기업 단체 구매 또는 기업 맞춤 교육을 제공하고 있습니다.
기업 교육 도입에 대한 문의를 남겨주시면 담당자가 최대한 빠르게 연락을 드리겠습니다.

환불규정

코멘토는 아래과 같은 경우에 환불을 해드리고 있습니다.
1. 신청자가 본인 의사로 참여를 포기한 경우
2. 코멘토가 진행을 할 수 없게 된 경우

[실무PT 세부환불 규정 - 4주 트레이닝]
- 시작 전 취소(D-1일까지) : 결제금액 전액 환불
- 1주차 시작일 ~ 2주차 시작일 D-1 : 결제금액의 1/2 환불
- 2주차 시작일 ~ 캠프 종료일 : 환불 불가

유의사항

원활한 참여를 위해 트레이닝 진행에 필요한 환경을 확인해 미리 준비하시기 바랍니다.
실무PT는 현직자 멘토와 러닝메이트가 함께 만들어가는 트레이닝입니다.
트레이닝의 분위기를 흐리거나 불성실하게 참여하는 경우 참여 제재 조치를 받을 수 있습니다.
과제는 모두 개인과제로 진행되며, 평균 주 2~3시간이 소요됩니다. 업무 및 이직 준비와 병행할 수 있습니다.
과제 제출 기한을 지키지 못한 경우, 개별 피드백을 받을 수 없습니다.
트레이닝별 최소 인원 모집이 미달된 경우, 트레이닝 일정이 조정될 수 있습니다.

실무PT 과정 문의하기

1:1 상담 (평일 11~17시)

ZZIN 리드멘토

멘티님께 더욱 자세한 과정을 소개해 드리고 싶어요!