#리액트 #프론트엔드 #초보

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

수강 기간

기본 기간
04월 26일(월) ~ 05월 30일(일)
복습 기간
추가 복습기간 5주
1차 얼리버드 할인 마감까지 3자리 남음
다시 오지 않는 최저가, 바로 지금이에요! 🙈
  • 웹개발 종합반 수료하신 분 대환영!
  • html, css, javaScript을 조금 아시는 분 대상
  • React로 재미있게 웹서비스 만들고 출시까지

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

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

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

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

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

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

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

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

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

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

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

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

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

스파르타가 걸어온 길

누적수강생
54,664명
만족도
97.82%

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

  • 01.

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

  • 02.

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

  • 03.

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

  • 04.

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

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

오프라인의 장점만을 가져온 스파르타 온라인

  • 즉문즉답 Q&A
    코딩하다가 에러나고 막히면 어떡하지?
    걱정마세요! 긴급 질문과 즉문즉답 시간을 통해
    담당 튜터가 곧바로 해결해드립니다.
    코딩 공부할 땐 막히면 안 되거든요!
  • 함께가는 기수제
    온라인 강의는 나와의 싸움이다? (No!)
    스파르타에선 함께 학습하는 동료들이 있어요.
    대시보드를 통해 서로의 진도를 확인하고,
    메시지를 주고 받습니다.
  • 찐한 관리
    의지가 없을까 봐 걱정이신가요?
    걱정 마세요!
    담당 매니저가 의지를 만들어 드립니다!
    전화.. 받으실 거죠?

코딩 교육에 최적화된 수강 환경

수강료 수강료

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

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

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

간결한 커리큘럼 구성으로, 한 강의 영상에 한 기능씩 나누어서 설명해 주신 덕분에 구분해서 잘 이해할 수 있었습니다.
단계별로 차근차근 짚어 주셔서 Jquery와 Ajax 등과 같이 들어본 적은 있지만 정확히 어떤 일을 하는 건지 모르는 기능도 강의를 통해 한 번에 이해할 수 있었습니다! 완전히 초보자 입장에서 수업을 들었는데도 이해가 굉장히 잘 되고 알기 쉽게 설명해 주셔서 수업을 큰 어려움 없이 들을 수 있었습니다.
초보자인 나도 해냈다! 제가 끝까지 해냈네요! 해냈네!
이O하 님 웹개발 5기
같이 실습하고 숙제도 해보면서 실전 느낌을 체험할 수 있어서 좋았습니다.
어려운 내용인데 자세히 설명해 주시고, 쿼리문 실행 순서를 찝어 주시면서 이해할 수 있게 해주신 점이 좋았습니다. 막연하게 사용하던 문법들을 흐름에 맞게 정리할 수 있는 수업이 되었습니다
SQL에서 가장 흔히 쓰이는 유용한 기능들을 배웠으니, 다음 심화 교육이 있다면 꼭 듣고 싶어요!
JHK 님 SQL 1기
이리저리 헤매면서도 튜터님의 친절한 설명을 따라 나의 웹서비스, 도메인을 엉성하게나마 만들어낸 것이 넘나 기쁩니다.
AWS는 완전 남들 얘기인 줄 알았는데 저도 당당히 AWS에 한 발 걸친 것 같아 제 자신이 약간은 자랑스럽습니다. 막막할 때 친절한 해설이 있어서 큰 도움이 되었어요! 강의를 따라가다 보면 뭔가가 되는 느낌이 들어서 기뻤어요. 완전 초보인 저도 설명을 들어면서 개념을 잡아갈 수 있어서 좋았습니다.
앞으로 혼자 공부할 때도 할 수 있을 것 같은 서광이 비친다고나 할까요? 아직 많이 느리지만 어제보다는 뭔가 조금 더 알게 된 오늘이 감사할 따름입니다.
곽O희 님 웹개발 4기
수업을 듣고 하루 만에 파이썬 개념을 잡았습니다!역시나 쉬운 설명에, 파이썬 기초 지식만 가지고 있었는데도 이해가 잘 되었습니다!
Javascript, jQuery, ajax가 어렵게만 느껴졌었는데 수업 후에 동작 원리도 확실히 알게 되었고 쉽게 느껴졌어요! 구글링으로 기능을 찾아볼 수 있게 세팅이 되어있다 보니. 찾아서 스스로 퀴즈가 풀릴 때 기분이 짜릿해요!
기초부터 차근히 알려주시고 자바스크립트에서 항상 막혔는데 너무 쉽게 알려주셔서 막힘없이 따라 할 수 있었어요. 수업을 듣고 과제까지 제출하고 나니 자신감이 뿜뿜해요!
이O민 님 웹개발 5기
딥러닝 모델을 현실에서 어떻게 사용해볼 수 있을까에 대한 예제를 배울 수 있어서 신선하고 재미있었습니다.실제로 snow 같은 서비스를 만들어 볼 수 있다는 점이 신선했고, 여러 가지 화풍을 적용해보고 잘라서도 적용해보면서 재미있게 배웠던 것 같습니다.
간단한 개념들을 예제를 통해서 잘 이해할 수 있게 해주시고, 추론하는 과정에 대해서 자세히 잘 설명해 주셔서, 내내 재밌었어요. 강의 이후에도 앞으로 어떤 부분을 스스로 더 배울 수 있을지 기대됩니다! :)
문O연 님 딥러닝 1기
충분히 혼자 할 수 있을 만큼 자료도 주시고 예시도 들어주셔서 좋았습니당! 수업은 끝나도 실제로 웹페이지를 개설하고 서비스를 만들 수 있는 정말 실질적인 부분들을 배워서 좋았습니다.
튜터님이 필요한 정보들만 쏙쏙 알려주셔서 좋았고, 상세하게 가르쳐주신 게 맘에 들었어요. 강의자료에 수업 때 놓쳤던 부분이 정말 하나하나 자세히 적혀 있어서 든든했고, 또 어디서 놓친 건지 딱 알 수 있어서 좋았어요.
이 자료와 수업을 토대로 또 다른 웹페이지들도 만들어보고 뭔가 비전공자도 할 수 있다는 자신감이 생겼어요!
김O레 님 앱개발 4기
데이터를 다양하게 그릴 수 있고 또 공유할 수 있는 법을 배우게 돼서, 밖에서도 활용할 수 있을 것 같아요. 특히 숫자로 이루어진 복잡한 데이터소스에서 원하는 데이터를 추출하고 새로운 시각화인 히트맵에 대해서 알게 되어 좋았습니다!
데이터를 시각화하고 데이터를 통해 유의미한 인사이트를 도출해 내는 과정을 경험해보니 데이터 가공이 진짜 너무 재밌다는 걸 알게 됐어요!엑셀만 보면 현기증이 났는데, 코드로 짜는 경험을 해보니 데이터와 친해진 것 같아요.
박O효 님 데이터분석 1기
처음에는 API가 어떤 방식으로 데이터를 저장하고 불러오는지 잘 이해가 안 됐는데, 강의를 듣다보니 자연스럽게 이해가 되기 시작하더라구요. 튜터님이 차근차근, 쉽게 설명해 주셔서 그런 것 같아요!
충분한 강의자료도 주시고, 어떻게 구글링을 하는지에 대해서도 보여주셔서 혼자 숙제를 해낼 때에도 쉽게 접근하고 이해할 수 있었어요!강의가 끝난 후에도 강의자료를 활용하면서, 배운 것들을 잊지 않으려 해요!
손O은 님 웹개발 4기
직접 서버에 올리는 것까지 경험해볼 수 있다는 점이 가장 좋았습니다!!!!일단 간단하게라도 API를 만들어보고 실험해볼 수 있다는 것이 엄청 흥미로웠습니다. :)
미션들이 적절한 난이도로 주어져서, 차근차근 수행해가면서 보람도 느끼고 재밌게 끝낼 수 있었어요! 일단 외울필요없이 빠르게 써먹을 수 있는 것들을 알려준다는 점, 또 자전거 타는 법에 대해 모든 이론을 파헤치기보다는 타보며 익히는 식의 학습이 좋았던 것 같습니다.
웹개발에 대한 이해가 없었는데, 빠른 시간 안에 쉽게, 많은 것을 접근할 수 있어서 좋았어요.
홍O표 님 웹개발 4기

커리큘럼 커리큘럼

프론트엔드 개발 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 버킷에 올리고 도메인 공유하기

자주 묻는 질문

정말 왕초보도 수강할 수 있나요?
스파르타 누적 수강생 54,664분과 함께 하면서 어떻게 하면 조금 더 쉽게, 잘 가르칠 수 있을지 끊임없이 고민하고 강의 내용을 발전시켜왔습니다. 왕초보도 이해하는 강의 내용과 더불어, 즉문즉답을 통해 어려움을 겪는 지점을 튜터와 함께 바로바로 해결하실 수 있습니다.
즉문즉답 Q&A는 어떻게 이루어지나요?
토요일 과 일요일 오후에 슬랙slack을 통해 질문하실 경우, 튜터가 즉시 답변을 드립니다.
일주일에 얼마나 시간을 써야 하나요?
매주 수강에 2시간 반, 복습하며 소화하는 시간 2시간 반씩 할당하여 5시간이면 따라오실 수 있도록 준비하였습니다.
완주시 환급은 어떤 기준으로 받게 되나요?
수강기간 내에 마지막 숙제제출까지 완료한 경우 환급을 받으실 수 있습니다. 환급조건 달성 후 자동으로 5만포인트가 지급되며, 바로 사용하실 수 있습니다.
해외에서도 수강할 수 있나요?
해외에서도 인터넷 연결만 된다면 언제 어디서든 아무 문제 없이 수강하실 수 있습니다.
학습에 필요한 노트북 사양은 무엇인가요?
원활한 진행을 위해 최소 i5이상의 CPU와 8GB 이상의 RAM이 필요하며, 사용하시는 컴퓨터의 사양이 이보다 낮을 경우 렉이 걸리는 등 진행에 어려움이 다소 있을 수 있습니다.
1차 얼리버드 할인 마감까지 3자리 남음
다시 오지 않는 최저가, 바로 지금이에요! 🙈
3자리 남음,지금 190명이 함께 보고 있어요!
먼저 등록한 동료들의 후기 수강신청하기 지금 190명이 함께 보고 있어요!
수강후기 보기 수강신청하기