수업탐색
단 24시간 동안만 비밀의 상점 오픈!
3만 원 추가 할인
커뮤니티
부트캠프
국비지원
기업교육
나의 수업

수업탐색
단 24시간 동안만 비밀의 상점 오픈! 3만 원 추가 할인
커뮤니티
부트캠프
국비지원
기업교육
나의 수업

프론트엔드의 꽃, 리액트 31기

# 리액트

# 프론트엔드

# 초보

수강기간: 5주 : 09월 20일(월) ~ 10월 24일(일)

+ 추가 복습기간 5주

1차 얼리버드 할인 마감까지 3자리 남음
다시 오지 않는 최저가, 바로 지금이에요! 🙈

왕초보 시작반 수료하신 분 대환영!
html, css, javaScript을 조금 아시는 분 대상
React로 재미있게 웹서비스 만들고 출시까지

# 리액트

# 프론트엔드

# 초보

프론트엔드의 꽃, 리액트 31기

수강기간: 5주 : 09월 20일(월) ~ 10월 24일(일)

+ 추가 복습기간 5주

1차 얼리버드 할인 마감까지 3자리 남음
다시 오지 않는 최저가, 바로 지금이에요! 🙈

왕초보 시작반 수료하신 분 대환영!
html, css, javaScript을 조금 아시는 분 대상
React로 재미있게 웹서비스 만들고 출시까지

프론트엔드 개발자를 향한 리액트 교육을 재정의합니다

취업을 위해 오랜 시간 배워야 하는 프론트엔드 강의는 정말 많습니다. 장시간을 투자해야만 리액트, 잘 배웠다고 할 수 있을까요? 스파르타의 생각은 다릅니다.

프론트엔드 개발 실무에 사용되는 지식을 빠르게 쌓는 것이 핵심입니다.

핵심을 뽑아내어 시간을 단축하고, 배움을 바탕으로 포트폴리오를 만들어 낼 수 있는 사람이 되도록 커리큘럼을 구성했습니다.

미래 모습

이 수업을 듣고 나면,
이렇게 될 거예요!

React를 사용한 Front-end 작업의 전반을 이해하고, 재미있게 사용할 수 있는 사람

필요한 패키지를 스스로 찾아 내 프로젝트에 적용할 수 있고, 내 프로젝트를 언제든 만들 수 있는 사람

프론트엔드 개발에 대한 흥미와 재능을 확인하고, 개발자가 되기위한 공부를 스스로 해 나갈 수 있는 사람

튜터소개

임민영 튜터

스파르타코딩클럽 튜터

전) 루비큐브 스튜디오 Front-end Engineer

ㄴ DevSisters 산하 스튜디오

전) Sleek 개발팀장

전) UriClass Co-founder/CPO

안녕하세요,
프론트엔드의 꽃, 리액트 튜터 임민영 입니다

프론트엔드 취업시장의 점유율 1위, 요즘 기본이라는 리액트, 배우고는 싶은데 망설여지셨나요? 프론트엔드에 도전하려고 마음은 먹었는데, 배워야 하는 것이 너무 많아서 시작도 전에 포기하게 되셨나요?
많은 리액트 강의들이 온라인에 있지만, 지금 내가 필요한 지식을 쌓을 수 있을까 고민되었던 것이 사실입니다.

두려움 없이! 5주만에 반응형 웹사이트를

'프론트엔드의 꽃, 리액트'는 7년 차 프론트엔드 개발자의 노하우를 5주로 압축한 수업입니다. 짧고 굵게, 꼭 필요한 것만 배우세요. 책으로 이론을 익히는 6개월보다 더욱 빠르고 명쾌한 5주 수업을 통해 리액트 웹을 만들고 출시해봅니다.
어떤 개발자로 성장할지, 어떻게 리액트를 내 것으로 만들지 고민이셨다면 저와 함께 시작해보세요. 배움이 곧 실력이 될 수 있게 도와드리겠습니다.
나만의 프로젝트에 내 개성을 담는 법을 배워서, 리액트 어디 가서도 '할 줄 안다!'라고 말할 수 있게 해드릴게요!

이런 분들에게 추천합니다!

스파르타코딩클럽의 온/오프라인 왕초보 시작반을 수료하신 분

조금 더 다양하고, 능동적인 웹 프론트엔드를 만들어보고 싶으신 분

자바스크립트와는 조금 다른, 리액트의 개념들이 막막하게 느껴지셨던 분

취업하려면 리액트는 필수라던데... 부트캠프는 비싸고, 온라인은 어려우셨던 분

차별점

코딩, 온라인에서도
제대로 배울 수 있을까?

담당 튜터가 도와주는-
즉문즉답 Q&ALive: 사소한 에러는 스파르타가 해결해드릴게요.
문제해결의 본질, 코딩의 즐거움에만 집중하세요.

다른 동기들, 튜티들과 교류하는-
챌린지와 보상: 기수별 대시보드를 통해 서로의 진도를 확인하고,
미션을 달성한 후 보상을 받으세요.

담당 매니저의 케어와 격려를 받는-
찐한 관리: 내가 약속한 날 수업을 들을 수 있도록 챙겨주는 카톡과,
담당 매니저의 다정한 전화로 초심을 챙겨드려요.

수강료

하루 2,000원으로 5주 만에 코딩 왕초보 탈출!

수강기간: 5주 : 09월 20일(월) ~ 10월 24일(일)

+ 추가 복습기간 5주

정가: 500,000원
1차 얼리버드 할인가: 410,000원
비밀의 상점 할인가: 30,000원

6개월 할부: 18% 월 68,333원

완주시 5만 포인트 환급
완주 수료증 지급
평생소장 강의자료
복습 기간 제공
핵심 콕콕 요약 자료까지!

후기

먼저 등록한 동료들의 후기

※수강 결과는 개인마다 차이가 있을 수 있습니다.

커리큘럼

NERO

상세 커리큘럼

자세히 읽기

62강

10시간 42분

전체열기

0주
수업을 듣기 위한 사전 준비하기: 1

더 유익한 수강을 위한 스파르타 수강환경 사용법을 알 수 있습니다.; 2

즉문즉답이 진행되는 슬랙(Slack)을 함께 설치하고, 사용법을 익혀봅니다.; 1

수강환경 튜토리얼; 2

슬랙&즉문즉답 튜토리얼; 3

개발일지 튜토리얼

1주
React 설치, 첫 컴포넌트 만들기, css: 1

nvm으로 노드 버전 관리 하는 방법을 알아보고 React 앱을 만듭니다.; 2

첫 컴포넌트를 만들고 HTML과 JSX, 가상돔을 이해합니다.; 3

React로 화면을 예쁘게 꾸며주는 방법 3가지(css, scss, styled-components)중 CSS를 알아봅니다.; 4

만든 결과물을 build해봅니다.; 1

프론트엔드의 꽃, 리액트 강의는 앞으로; 2

필수 프로그램 설치 안내; 3

기초 체력을 쌓아보자! (1); 4

기초 체력을 쌓아보자! (2); 5

기초 체력을 쌓아보자! (3); 6

첫 React 프로젝트 만들기; 7

JSX; 8

JSX 사용법; 9

Quiz_간단한 텍스트 입력 화면 만들어보기; 10

Component (1); 11

Component (2); 12

Component (3); 13

Quiz_버킷리스트 페이지를 만들어봅시다!; 14

화면을 예쁘게! React에서 CSS 사용하기; 15

끝 & 숙제 설명

2주
컴포넌트 스타일링, 컴포넌트 가지고 놀기, event listener와 React hook: 1

scss, styled-components를 사용해 컴포넌트를 꾸며봅니다.; 2

컴포넌트를 블록처럼 가지고 놀며 컴포넌트의 부모-자식 관계에 대해 알아봅니다.; 3

마우스 클릭, 터치 이벤트를 등록하고 관리하는 JS스러운 방법과 React스러운 방법을 배우며 React hook을 이해합니다.; 1

화면을 예쁘게! - SCSS; 2

화면을 예쁘게! - styled-components; 3

Quiz_버킷리스트에 styled-components 적용하기; 4

라이프 사이클이란?; 5

알아두면 좋은 라이프 사이클 함수; 6

Ref! 리액트에서 돔요소를 가져오려면?; 7

State 관리(1); 8

State 관리(2); 9

Quiz_버킷리스트에 아이템을 추가해보자!; 10

Event Listener; 11

끝 & 숙제 설명

3주
Redux, React-router: 1

Redux를 사용해서 상태관리를 해봅니다.; 2

부모-자식 관계에서 값을 주고 받는 것과 Redux를 사용해서 값을 불러오는 것의 차이점을 이해합니다.; 3

React-router로 주소창에 뜬 주소에 따라 페이지를 전환 시켜봅니다.; 1

라우팅이란; 2

리액트에서 라우팅 처리하기 (1); 3

리액트에서 라우팅 처리하기 (2); 4

Quiz_버킷리스트 상세 페이지 만들고 이동시키기; 5

라우팅, 조금 더 꼼꼼히 쓰려면?; 6

리덕스란?; 7

리덕스를 통한 리액트 상태관리; 8

리덕스 써보기; 9

리덕스와 컴포넌트를 연결하자!; 10

컴포넌트에서 리덕스 데이터 사용하기; 11

Quiz_버킷 리스트 데이터를 삭제해보기; 12

끝 & 숙제 설명

4주
keyframe, firebase, firebase + React: 1

지금까지 만든 화면에 애니메이션 효과를 추가해봅니다.; 2

firebase로 BaaS를 구축하며 서버와 서버리스에 대해 알아봅니다.; 3

firebase로 만든 데이터베이스를 그간 만든 React 앱에 연결해봅니다.; 1

keyframes; 2

버킷리스트에 프로그래스바 달기; 3

스크롤바 움직이기; 4

Quiz_버킷리스트 좀 더 예쁘게!; 5

서버와 서버리스; 6

Firebase란?; 7

Firebase 설정하기; 8

FireStore 설정하기; 9

리액트에 Firebase 연동하기; 10

FireStore 데이터 가지고 놀기; 11

끝 & 숙제 설명

5주
Portal, AWS S3로 배포하기: 1

링크를 복사하는 버튼을 리액트 앱 바깥에 만들어봅니다.; 2

완성한 프로젝트를 배포해봅니다. S3 버킷을 통해 배포해보고 도메인도 연결해봅니다.; 3

SPA의 약점을 보완하는 꼼수를 배웁니다.; 1

리덕스에서 FireStore 데이터 가지고 놀기 (1); 2

리덕스에서 FireStore 데이터 가지고 놀기 (2); 3

머테리얼 UI 사용하기; 4

페이지 의도적으로 가리기; 5

Quiz_버킷리스트 생성 시 스피너 띄우기; 6

AWS S3 버킷; 7

S3 버킷 설정하기; 8

도메인 연결하기; 9

Firebase로 배포하기; 10

끝 & 숙제 설명

FAQ

자주 묻는 질문

정말 왕초보도 수강할 수 있나요?

스파르타 누적 수강생 84,704분과 함께 하면서 어떻게 하면 조금 더 쉽게, 잘 가르칠 수 있을지 끊임없이 고민하고 강의 내용을 발전시켜왔습니다. 왕초보도 이해하는 강의 내용과 더불어, 즉문즉답을 통해 어려움을 겪는 지점을 튜터와 함께 바로바로 해결하실 수 있습니다.

즉문즉답 Q&A는 어떻게 이루어지나요?

토요일과 일요일 오후에 슬랙(Slack)을 통해 질문하실 경우, 튜터가 즉시 답변을 드립니다.

일주일에 얼마나 시간을 써야 하나요?

매주 수강에 2시간 반, 복습하며 소화하는 시간 2시간 반씩 할당하여 최대 5시간이면 따라오실 수 있도록 준비하였습니다.

완주시 환급은 어떤 기준으로 받게 되나요?

수강기간 내에 마지막 숙제제출까지 완료한 경우 환급을 받으실 수 있습니다. 환급조건 달성 후 자동으로 5만포인트가 지급되며, 바로 사용하실 수 있습니다.

해외에서도 수강할 수 있나요?

해외에서도 인터넷 연결만 된다면 언제 어디서든 아무 문제 없이 수강하실 수 있습니다.

학습에 필요한 노트북 사양은 무엇인가요?

윈도우의 경우 7 또는 10 (64비트), 맥의 경우 OS X 10.10 요세미티 이상을 권장드립니다.

더 많은 FAQ

수강후기 보기 수강 신청하기

프론트엔드의 꽃, 리액트 31기

1차 얼리버드 할인 마감까지 3자리 남음 다시 오지 않는 최저가, 바로 지금이에요! 🙈

프론트엔드의 꽃, 리액트 31기

1차 얼리버드 할인 마감까지 3자리 남음 다시 오지 않는 최저가, 바로 지금이에요! 🙈

프론트엔드 개발자를 향한 리액트 교육을 재정의합니다

미래 모습

이 수업을 듣고 나면,이렇게 될 거예요!

튜터소개

임민영 튜터

안녕하세요,프론트엔드의 꽃, 리액트 튜터 임민영 입니다

두려움 없이! 5주만에 반응형 웹사이트를

추천

이런 분들에게 추천합니다!

차별점

코딩, 온라인에서도제대로 배울 수 있을까?

수강료

하루 2,000원으로 5주 만에 코딩 왕초보 탈출!

후기

먼저 등록한 동료들의 후기

커리큘럼

상세 커리큘럼

FAQ

자주 묻는 질문

정말 왕초보도 수강할 수 있나요?

즉문즉답 Q&A는 어떻게 이루어지나요?

일주일에 얼마나 시간을 써야 하나요?

완주시 환급은 어떤 기준으로 받게 되나요?

해외에서도 수강할 수 있나요?

학습에 필요한 노트북 사양은 무엇인가요?

1차 얼리버드 할인 마감까지 3자리 남음
다시 오지 않는 최저가, 바로 지금이에요! 🙈

1차 얼리버드 할인 마감까지 3자리 남음
다시 오지 않는 최저가, 바로 지금이에요! 🙈

이 수업을 듣고 나면,
이렇게 될 거예요!

안녕하세요,
프론트엔드의 꽃, 리액트 튜터 임민영 입니다

코딩, 온라인에서도
제대로 배울 수 있을까?