스파르타코딩클럽 | 프론트엔드의 꽃, 리액트

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

# 리액트
# 프론트엔드
# 초보
수강기간
5주 : 06월 21일(월) ~ 07월 25일(일)
+ 추가 복습기간 5주
clock

18기 등록 마감까지
밖에 남지 않았어요!

  • check icon왕초보 시작반 수료하신 분 대환영!
  • check iconhtml, css, javaScript을 조금 아시는 분 대상
  • check iconReact로 재미있게 웹서비스 만들고 출시까지
# 리액트
# 프론트엔드
# 초보

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

수강기간
5주 : 06월 21일(월) ~ 07월 25일(일)
+ 추가 복습기간 5주
clock

18기 등록 마감까지
밖에 남지 않았어요!

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

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

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

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

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

미래 모습

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

1
React를 사용한 Front-end 작업의 전반을 이해하고, 재미있게 사용할 수 있는 사람
2
필요한 패키지를 스스로 찾아 내 프로젝트에 적용할 수 있고, 내 프로젝트를 언제든 만들 수 있는 사람
3
프론트엔드 개발에 대한 흥미와 재능을 확인하고, 개발자가 되기위한 공부를 스스로 해 나갈 수 있는 사람

튜터소개

임민영 튜터

스파르타코딩클럽 튜터
전) 루비큐브 스튜디오 Front-end Engineer
ㄴ DevSisters 산하 스튜디오
전) Sleek 개발팀장
전) UriClass Co-founder/CPO
임민영

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

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

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

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

추천

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

스파르타코딩클럽의 온/오프라인 왕초보 시작반을 수료하신 분
미모지
조금 더 다양하고, 능동적인 웹 프론트엔드를 만들어보고 싶으신 분
미모지
자바스크립트와는 조금 다른, 리액트의 개념들이 막막하게 느껴지셨던 분
미모지
취업하려면 리액트는 필수라던데... 부트캠프는 비싸고, 온라인은 어려우셨던 분
미모지

차별점

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

1
담당 튜터가 도와주는-
arrow
즉문즉답 Q&ALive
사소한 에러는 스파르타가 해결해드릴게요.
문제해결의 본질, 코딩의 즐거움에만 집중하세요.
즉문즉답 즉문즉답
2
다른 동기들, 튜티들과 교류하는-
arrow
챌린지와 보상
기수별 대시보드를 통해 서로의 진도를 확인하고,
미션을 달성한 후 보상을 받으세요.
챌린지와 보상 챌린지와 보상
3
담당 매니저의 케어와 격려를 받는-
arrow
찐한 관리
내가 약속한 날 수업을 들을 수 있도록 챙겨주는 카톡과,
담당 매니저의 다정한 전화로 초심을 챙겨드려요.
찐한관리 찐한관리

수강료

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

정가
500,000원
1차 얼리버드 할인가
410,000원
비밀의 상점 할인가
30,000원
6개월 할부
18% 월 68,333원
수강기간
5주 : 06월 21일(월) ~ 07월 25일(일)
+ 추가 복습기간 5주
  • check icon완주시 5만 포인트 환급
  • check icon완주 수료증 지급
  • check icon평생소장 강의자료
  • check icon복습 기간 제공
  • check icon핵심 콕콕 요약 자료까지!

후기

먼저 등록한 동료들의 후기

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

커리큘럼

르탄이
NERO

상세 커리큘럼

play62강 clock10시간 42분
전체열기
0주
수업을 듣기 위한 사전 준비하기
play3강 clock8분
1
더 유익한 수강을 위한 스파르타 수강환경 사용법을 알 수 있습니다.
2
즉문즉답이 진행되는 슬랙(Slack)을 함께 설치하고, 사용법을 익혀봅니다.
1
수강환경 튜토리얼
2
슬랙&즉문즉답 튜토리얼
3
개발일지 튜토리얼
homework
숙제 : 0주차 사전 과제
1주
React 설치, 첫 컴포넌트 만들기, css
play15강 clock2시간 30분
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
끝 & 숙제 설명
homework
숙제 : 퀴즈 시작하기 화면 만들기
2주
컴포넌트 스타일링, 컴포넌트 가지고 놀기, event listener와 React hook
play11강 clock2시간 2분
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
끝 & 숙제 설명
homework
숙제 : 퀴즈 화면, 정답 화면 만들기
3주
Redux, React-router
play12강 clock2시간 22분
1
Redux를 사용해서 상태관리를 해봅니다.
2
부모-자식 관계에서 값을 주고 받는 것과 Redux를 사용해서 값을 불러오는 것의 차이점을 이해합니다.
3
React-router로 주소창에 뜬 주소에 따라 페이지를 전환 시켜봅니다.
1
라우팅이란
2
리액트에서 라우팅 처리하기 (1)
3
리액트에서 라우팅 처리하기 (2)
4
Quiz_버킷리스트 상세 페이지 만들고 이동시키기
5
라우팅, 조금 더 꼼꼼히 쓰려면?
6
리덕스란?
7
리덕스를 통한 리액트 상태관리
8
리덕스 써보기
9
리덕스와 컴포넌트를 연결하자!
10
컴포넌트에서 리덕스 데이터 사용하기
11
Quiz_버킷 리스트 데이터를 삭제해보기
12
끝 & 숙제 설명
homework
숙제 : 점수 화면, 랭킹 화면을 그리고 링크 연결하기
4주
keyframe, firebase, firebase + React
play11강 clock2시간 4분
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
끝 & 숙제 설명
homework
숙제 : 로딩 컴포넌트에 애니메이션 넣기, 파이어베이스 적용하기, 도메인 미리 구매하기
5주
Portal, AWS S3로 배포하기
play10강 clock1시간 33분
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
끝 & 숙제 설명
homework
숙제 : 완성본을 s3 버킷에 올리고 도메인 공유하기

FAQ

자주 묻는 질문

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

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

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

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

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

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

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

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

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

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

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

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

더 많은 질문
기수 마감까지 0일 00:00:00 남음