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

수강 기간
5주  02월 01일(월) ~ 03월 07일(일) +  복습기간 1주
#리액트 #프론트엔드 #초보
1차 얼리버드 할인 마감까지 5자리 남음
다시 오지 않는 최저가, 바로 지금이에요! 🙈
  • 웹개발 종합반 수료하신 분 대환영!
  • html, css, javaScript을 조금 아시는 분 대상
  • React로 재미있게 웹서비스 만들고 출시까지

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

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

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

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

결과적으로 이 수업 이후, 당신은 _______ 이 됩니다!

강의 소개 튜터를 소개합니다

임민영 튜터
  • 스파르타코딩클럽 튜터
  • 전) 루비큐브 스튜디오 Front-end Engineer
  • ㄴ DevSisters 산하 스튜디오
  • 전) Sleek 개발팀장
  • 전) UriClass Co-founder/CPO
안녕하세요,
프론트엔드의 꽃, 리액트 튜터 임민영 입니다

프론트엔드 취업시장의 점유율 1위, 요즘 기본이라는 리액트, 배우고는 싶은데 망설여지셨나요? 프론트엔드에 도전하려고 마음은 먹었는데, 배워야 하는 것이 너무 많아서 시작도 전에 포기하게 되셨나요?

많은 리액트 강의들이 온라인에 있지만, 지금 내가 필요한 지식을 쌓을 수 있을까 고민되었던 것이 사실입니다.

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

'프론트엔드의 꽃, 리액트'는 7년 차 프론트엔드 개발자의 노하우를 5주로 압축한 수업입니다. 짧고 굵게, 꼭 필요한 것만 배우세요. 책으로 이론을 익히는 6개월보다 더욱 빠르고 명쾌한 5주 수업을 통해 리액트 웹을 만들고 출시해봅니다.

어떤 개발자로 성장할지, 어떻게 리액트를 내 것으로 만들지 고민이셨다면 저와 함께 시작해보세요. 배움이 곧 실력이 될 수 있게 도와드리겠습니다.

나만의 프로젝트에 내 개성을 담는 법을 배워서, 리액트 어디 가서도 '할 줄 안다!'라고 말할 수 있게 해드릴게요!

스파르타가 걸어온 길

누적수강생
36,097명
만족도
97.82%

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

  • 01.

    스파르타코딩클럽의 온/오프라인 웹개발 종합반을 수료하신 분

  • 02.

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

  • 03.

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

  • 04.

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

수강환경 1분만에 둘러보기

수강료 수강료

수강 기간 5주 동안 내가 듣고 싶을 때 언제 어디서든 수업을 들을 수 있는 온라인 강의와, 평생 동안 간직하실 수 있는 강의자료가 제공됩니다. 수업을 듣다가 막힐 때 슬랙을 통해 질문하실 경우, 매주 화요일 저녁과 토요일 오후에 튜터가 1분 이내로 답변을 드립니다.

수강 혜택
  • 평생 소장가능한 강의자료
  • 자유로운 수강시간
  • 슬랙을 통한 즉문즉답
1차 얼리버드 할인 마감까지 5자리 남음
다시 오지 않는 최저가, 바로 지금이에요! 🙈 5자리 남음
정가
500,000원
1차 얼리버드 할인가
410000원
6개월 할부
00%월 60,000원
완주 시
5만포인트 추가 환급

후기 실제 수강생들의 생생한 후기

취직하게 된 회사에서 리액트를 많이 사용해 리액트를 처음부터 다시 배워야 했다.
어차피 익혀야 한다면 효율적이고 수월하게 듣자는 다짐으로 수강신청을 클릭하게 되었다. 이 강의는 내게 현재의 발전과 앞으로의 참고서를 마련해준 점에서 여러모로 이득을 본 강의가 아닐 수 없다. 리액트를 통해서 웹을 구성하고 디자인하는 게 너무 재미있어서 추후에는 프론트엔드 쪽으로 더 많이 배워보고 싶은 생각도 들었다.
햇병아리 개발자에게 어느 길로 가야 할지 방향까지 알려준 강의였던 것.
이O희 님 직장인, 20대, 전공자
일단 튜터님이 쏙쏙 들어오게 쉽게 설명을 잘해주셔요. 그래서 state와 props의 개념을 어느정도 이해한 것 같습니다. 짧고 굵고 간단하게 알려주셔서 좋았습니다. 리액트 사용법에 대해 책으로 익히는 것보다 빨라서 좋았고 친절한 설명에 그나마 더 쉽게 알 수 있었던 것 같습니다.
이O수 님 취업준비중, 20대, 비전공자
스파르타코딩클럽을 통해 프론트엔드를 다루는 리액트 수업을 5주간 들었다. 프론트엔드는 UI를 중점적으로 다루는 부분이라고 생각해서 그런지 스타일을 다루는 것이 굉장히 편리하게 되어 있어서 그 점이 가장 재미있었다.
‘찐한관리’라고 해서 SCC에 계신 튜터님들이 강의진도가 늦으면 독촉 전화도 오고 하는데, 중간중간 목표를 깜빡하는 내게는 괜찮은 방식이었던 것 같다
이O주 님 CGV 근무중, 20대, 비전공자
사실 그 동안 학과 내 코딩 소모임에서 html, css공부를 해오긴 했지만, 갈증 같은 게 있었어요. 그래서 개념을 잡고 한 번쯤 동적 웹페이지 제작을 성공해보는 경험을 해보고 싶어서 신청했어요.
그 동안 물어볼 사람이 없어서 시작도 하기 전에 포기하는 경험을 많이 했는데, 그래도 튜터분이 질문을 받아 주신다고 하니 신청해볼까 싶었던 거죠! (튜터님이 심지어 일요일도 질문을 받아주셨어요 대박..)
요즘 개발자분들 react많이 사용하시던데 이제는 프런트엔드의 꽃인 react까지 연마해봐야겠어요 ~
장O민 님 대학생(시각디자인), 20대, 비전공자
실제로 리액트를 활용해 많이 만들어 볼 수 있어서 좋았습니다. 그 중에서 특히 class vs functional 형태로 컴포넌트를 계속 비교해가면서 만드는 방법이 더 기억에 남는 것 같아 좋았어요. 마지막 과제에서 갑자기 난이도가 급격히 올라가긴 했지만 재밌는 시간이었습니다.
백O영 님 직장인, 30대, 비전공자
만약 코딩 온라인 강의를 찾고 있다면 합리적인 가격이면서 짧은 시간안에 많은 것들을 배울 수 있는 스파르타 코딩 클럽 온라인 강의를 추천한다! 스파르타 코딩을 추천하는 이유!
1. 즉문즉답을 이용한 튜터와 소통하는 강의
2. 실습 위주의 재밌는 수업
3. 실무에 쓸 수 있는 수업
4. 찐한 관리
ps. 전화로 찐한 관리 해준다고 해서 살짝 쫄았는데, 다행히 친절한 분이 힘내라고 전화 온다 :) 너무 쫄지 말고 신청하자(더욱 열심히 하게 된다!)
김O훈 님 대학생(경영정보학과), 20대, 전공자
Firebase를 사용할 수 있게 되어서 좋았습니다. 리액트를 사용하는 방법들을 쉽고 재미있게 알 수 있어서 좋은 시간이었습니다.
김O훈 님 한반도교량점검, 마케팅, 20대, 비전공자

커리큘럼 커리큘럼

프론트엔드 개발 A-Z를 한 번에!

Firebase

구글의 서버리스 서비스인 파이어베이스(firebase)를 배웁니다. 데이터베이스와 서버를 따로 만들지 않아도 앱을 만들 수 있어요.

Node & nvm

리액트로 웹을 만들기 위한 라이브러리 관리 도구 nvm 에 대해 알아봅니다. 필요한 라이브러리 추가하는 방법을 익힙니다.

SCSS

SCSS로 컴포넌트 꾸미는 방법을 익혀봅니다. 기존 CSS 보다 진일보한 방식으로 코드를 관리할 수 있습니다.

Redux

Redux를 이용해 상태관리하는 법을 배웁니다. 부모-자식 관계를 떠나 정보를 한 군데서 관리하며 얻는 이점을 살펴봅니다.

AWS S3

AWS의 S3를 이용하여 정적으로 배포하는 방법에 대해 알아봅니다. 이제, 나의 서비스를 친구들도 사용할 수 있습니다.

상세 커리큘럼

1주차 React 설치, 첫 컴포넌트 만들기, css
  • nvm으로 노드 버전 관리 하는 방법을 알아보고 React 앱을 만듭니다.
  • 첫 컴포넌트를 만들고 HTML과 JSX, 가상돔을 이해합니다.
  • React로 화면을 예쁘게 꾸며주는 방법 3가지(css, scss, styled-components)중 CSS를 알아봅니다.
  • 만든 결과물을 build해봅니다.
숙제 퀴즈 시작하기 화면 만들기
2주차 컴포넌트 스타일링, 컴포넌트 가지고 놀기, event listener와 React hook
  • scss, styled-components를 사용해 컴포넌트를 꾸며봅니다.
  • 컴포넌트를 블록처럼 가지고 놀며 컴포넌트의 부모-자식 관계에 대해 알아봅니다.
  • 마우스 클릭, 터치 이벤트를 등록하고 관리하는 JS스러운 방법과 React스러운 방법을 배우며 React hook을 이해합니다.
숙제 퀴즈 화면, 정답 화면 만들기
3주차 Redux, React-router
  • Redux를 사용해서 상태관리를 해봅니다.
  • 부모-자식 관계에서 값을 주고 받는 것과 Redux를 사용해서 값을 불러오는 것의 차이점을 이해합니다.
  • React-router로 주소창에 뜬 주소에 따라 페이지를 전환 시켜봅니다.
숙제 점수 화면, 랭킹 화면을 그리고 링크 연결하기
4주차 keyframe, firebase, firebase + React
  • 지금까지 만든 화면에 애니메이션 효과를 추가해봅니다.
  • firebase로 BaaS를 구축하며 서버와 서버리스에 대해 알아봅니다.
  • firebase로 만든 데이터베이스를 그간 만든 React 앱에 연결해봅니다.
숙제 로딩 컴포넌트에 애니메이션 넣기, 파이어베이스 적용하기, 도메인 미리 구매하기
5주차 Portal, AWS S3로 배포하기
  • 링크를 복사하는 버튼을 리액트 앱 바깥에 만들어봅니다.
  • 완성한 프로젝트를 배포해봅니다. S3 버킷을 통해 배포해보고 도메인도 연결해봅니다.
  • SPA의 약점을 보완하는 꼼수를 배웁니다.
숙제 완성본을 s3 버킷에 올리고 도메인 공유하기

자주 묻는 질문

정말 왕초보도 수강할 수 있나요?
스파르타 누적 수강생 1,600분과 함께 하면서 어떻게 하면 조금 더 쉽게, 잘 가르칠 수 있을지 끊임없이 고민하고 강의 내용을 발전시켜왔습니다. 왕초보도 이해하는 강의 내용과 더불어, 즉문즉답을 통해 어려움을 겪는 지점을 튜터와 함께 바로바로 해결하실 수 있습니다.
즉문즉답 Q&A는 어떻게 이루어지나요?
화요일 저녁 7시 ~ 10시, 토요일 2시 ~ 5시에 슬랙slack을 통해 질문하실 경우, 튜터가 즉시 답변을 드립니다.
일주일에 얼마나 시간을 써야 하나요?
매주 수강에 2시간 반, 복습하며 소화하는 시간 2시간 반씩 할당하여 5시간이면 따라오실 수 있도록 준비하였습니다.
환불 규정이 어떻게 되나요?
수강료 반환기준(평생교육법 시행령 제23조 관련)
1) 수업개시 전날까지 → 수강료 전액
2) 수업횟수 1/3 경과 전 → 수강료의 1/3을 제외한 나머지 금액 환불
3) 수업횟수 1/2 경과 전 → 수강료의 1/2을 제외한 나머지 금액 환불
4) 수업횟수 1/2 경과 후 → 반환하지 아니함

* 특별할인 금액은 환불 대상에서 제외됩니다. (특별할인 금액이란? 얼리버드 할인 외의 방법을 통한 할인 금액)
* 기간제 수업이므로 총 기간을 기준으로 산정되며, 홈페이지의 채팅상담을 통해 접수 가능합니다.
완주시 환급은 어떤 기준으로 받게 되나요?
수강기간 내에 마지막 숙제제출까지 완료한 경우 환급을 받으실 수 있습니다. 환급조건 달성 후 자동으로 5만포인트가 지급되며, 바로 사용하실 수 있습니다.
해외에서도 수강할 수 있나요?
해외에서도 인터넷 연결만 된다면 언제 어디서든 아무 문제 없이 수강하실 수 있습니다.
학습에 필요한 노트북 사양은 무엇인가요?
원활한 진행을 위해 최소 i5이상의 CPU와 8GB 이상의 RAM이 필요하며, 사용하시는 컴퓨터의 사양이 이보다 낮을 경우 렉이 걸리는 등 진행에 어려움이 다소 있을 수 있습니다.
1차 얼리버드 할인 마감까지 5자리 남음
다시 오지 않는 최저가, 바로 지금이에요! 🙈
5자리 남음,지금 3명이 함께 보고 있어요!
먼저 등록한 동료들의 후기 수강신청하기 지금 3명이 함께 보고 있어요!
수강후기 보기 수강신청하기