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

리액트 기초반 42기

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

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

  • check icon웹개발 종합반 수료하신 분 대환영!
  • check iconHTML, CSS, 자바스크립트를 조금 배워보신 분 대상
  • check icon리액트로 재미있게 웹서비스 만들고 출시까지
# 리액트
# 프론트엔드
# 초보

리액트 기초반 42기

수강기간
5주 : 12월 06일(월) ~ 01월 09일(일)
+ 추가 복습기간 5주
clock

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

  • check icon웹개발 종합반 수료하신 분 대환영!
  • check iconHTML, CSS, 자바스크립트를 조금 배워보신 분 대상
  • check icon리액트로 재미있게 웹서비스 만들고 출시까지
공지사항

프론트엔드 대표 수업, 리액트 기초반이 리뉴얼되어 돌아왔습니다!

더욱 디테일한 HTML, CSS, 자바스크립트 문법 설명과 실무 개발 꿀팁을 꼭꼭 담고, 업데이트된 파이어베이스 버전 내용을 포함해 1~5주차 강의를 전체 재촬영 했답니다.

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

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

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

핵심 개념만 뽑아내어 시간을 단축하고, 배움을 바탕으로 포트폴리오를 만들어 낼 수 있는 사람이 되도록 개발자 취업의 기반을 마련해줄 수 있는 실무형 커리큘럼을 구성했습니다.

미래 모습

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

1
리액트를 사용한 프론트엔드 작업의 전반을 이해하고, 혼자서도 자유자재로 프로젝트를 만들 수 있는 사람
2
필요한 패키지를 스스로 찾아 내 프로젝트에 적용할 수 있고, 내 프로젝트를 언제든 만들 수 있는 사람
3
프론트엔드 개발에 대한 흥미와 재능을 확인하고, 개발자가 되기 위한 준비가 되어 있는 사람

튜터 소개

임민영 튜터

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

안녕하세요,
리액트 기초반 튜터 임민영 입니다

프론트엔드 취업시장 점유율 1위, 리액트

페이스북에서 만든 리액트 라이브러리, 전세계 사용자도 많고 대부분의 회사에서 프론트엔드 라이브러리로 채택해서 사용하고 있는데요. 프론트엔드에 도전하려고 마음은 먹었는데, 배워야 하는 것이 너무 많아서 시작도 전에 포기하게 되셨나요?
많은 리액트 강의들이 온라인에 있지만, 지금 내가 필요한 지식을 쌓을 수 있을까 고민되었던 것이 사실입니다.

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

'리액트 기초반'은 7년 차 프론트엔드 개발자의 노하우를 5주로 압축한 수업입니다. 짧고 굵게, 꼭 필요한 것만 배워서 - 백엔드도 아주 가볍게 배워서 - 반응형 웹을 직접 만들고 배포해봅니다.
어떤 개발자로 성장할지, 어떻게 리액트를 내 것으로 만들지 고민이셨다면 저와 함께 시작해보세요. 배움이 곧 실력이 될 수 있게 도와드리겠습니다.
나만의 프로젝트에 내 개성을 담은 법을 배워서, 리액트 어디 가서 '나도 할 줄 안다!'라고 말 할 수 있게 해드릴게요!

추천 대상

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

HTML, CSS, 자바스크립트 개념에 대해 더 알고 싶은 분
미모지
조금 더 다양하고, 능동적인 웹 프론트엔드를 만들어보고 싶으신 분
미모지
자바스크립트와는 조금 다른, 리액트의 개념들이 막막하게 느껴지셨던 분
미모지
취업하려면 리액트는 필수라던데... 부트캠프는 비싸고, 온라인 강의는 망설여지셨던 분
미모지

차별점

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

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

수강료

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

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

후기

먼저 등록한 동료들의 후기

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

커리큘럼

르탄이
NERO

상세 커리큘럼

play63강 clock12시간 28분
전체열기
0주
수업을 듣기 위한 사전 준비하기
play3강 clock7분
1
더 유익한 수강을 위한 스파르타 수강환경 사용법을 알 수 있습니다.
2
즉문즉답이 진행되는 슬랙(Slack)을 함께 설치하고, 사용법을 익혀봅니다.
1
수강환경 튜토리얼
2
슬랙&즉문즉답 튜토리얼
3
개발일지 튜토리얼
homework
숙제 : 0주차 사전 과제
1주
React 개발 환경을 구성하는 방법, JSX
play13강 clock2시간 25분
1
프론트엔드 전반에 필요한 기본기 -HTML, CSS, 자바스크립트 - 에 대해 배워봅니다.
2
리액트 프로젝트 환경 설정하는 방법에 대해 배워봅니다.
3
리액트에서 쓰는 태그, JSX를 사용해서 화면을 그려봅니다.
1
리액트 기초반 강의는 앞으로
2
필수 프로그램 설치
3
프론트엔드 기초 지식
4
알면 쉬운데 모르면 괴로운 (1) - HTML
5
알면 쉬운데 모르면 괴로운 (2) - CSS
6
자바스크립트 기초(1)
7
자바스크립트 기초(2)
8
자바스크립트 기초(3)
9
첫 React 프로젝트 만들기
10
JSX
11
JSX 사용법
12
Quiz_간단한 텍스트 입력 화면 만들어보기
13
끝 & 숙제 설명
homework
숙제 : 오늘의 TODO 페이지 만들기
2주
컴포넌트, React hook
play14강 clock3시간 8분
1
컴포넌트가 렌더링을 준비하는 순간부터 페이지에서 사라질 때까지의 라이프 사이클에 대해서 배워봅니다.
2
컴포넌트의 state를 관리하고, 패키지를 찾아서 설치해봅니다.
3
styled-components를 사용해 컴포넌트를 꾸며봅니다.
4
마우스 클릭, 터치 이벤트를 등록하고 관리하는 방법을 배우고, React hook을 이해합니다.
1
라이프 사이클이란?
2
라이프 사이클 함수로 보는 라이프 사이클
3
Component (1)
4
Component (2)
5
Component (3)
6
Quiz_버킷리스트 페이지를 만들어봅시다!
7
화면을 예쁘게! React에서 CSS 사용하기
8
화면을 예쁘게! - styled-components
9
Quiz_버킷리스트에 styled-components 적용하기
10
Ref! 리액트에서 돔요소를 가져오려면?
11
State 관리 (1)
12
State 관리 (2)
13
Quiz_버킷리스트에 아이템을 추가해보자!
14
끝 & 숙제 설명
homework
숙제 : 퀴즈 시작하기 화면 만들기
3주
Event Listener, Redux, React-router
play13강 clock2시간 18분
1
사용자가 어떤 행동을 하는지 알려주는 Event Listener 기능들을 구현해봅니다.
2
Redux를 사용해서 상태관리를 해봅니다.
3
React-router로 주소창에 뜬 주소에 따라 페이지를 전환 시켜봅니다.
1
Event Listener
2
라우팅이란?
3
리액트에서 라우팅 처리하기 (1)
4
리액트에서 라우팅 처리하기 (2)
5
Quiz_버킷리스트 상세 페이지 만들고 이동시키기
6
라우팅, 조금 더 꼼꼼히 쓰려면?
7
리덕스란?
8
리덕스를 통한 리액트 상태관리
9
리덕스 써보기
10
리덕스와 컴포넌트를 연결하자!
11
컴포넌트에서 리덕스 데이터 사용하기
12
Quiz_버킷 리스트 데이터를 삭제해보기
13
끝 & 숙제 설명
homework
숙제 : 퀴즈 화면, 점수 화면 만들기
4주
Keyframe, 파이어베이스
play10강 clock1시간 52분
1
Keyframes를 설치하고, 지금까지 만든 화면에 애니메이션 효과를 추가해봅니다.
2
파이어베이스로 BaaS를 구축하며 서버와 서버리스에 대해 알아봅니다.
3
파이어베이스로 만든 데이터베이스를 그간 만든 리액트 앱에 연결해봅니다.
1
keyframes
2
버킷리스트에 프로그래스바 달기
3
스크롤바 움직이기
4
Quiz_버킷리스트 좀 더 예쁘게!
5
Firebase란?
6
Firebase 설정하기
7
FireStore 설정하기
8
리액트에 Firebase 연동하기
9
FireStore 데이터 가지고 놀기
10
끝 & 숙제 설명
homework
숙제 : 랭킹 화면 만들기
5주
React 꼼수, AWS S3 배포
play10강 clock2시간 36분
1
파이어스토어를 통해 비동기 통신을 해봅니다.
2
완성한 프로젝트를 배포해봅니다. S3 버킷을 통해 배포해보고 도메인도 연결해봅니다.
1
리덕스에서 FireStore 데이터 가지고 놀기 (1)
2
리덕스에서 FireStore 데이터 가지고 놀기 (2)
3
머테리얼 UI 사용하기
4
페이지 의도적으로 가리기
5
Quiz_버킷리스트 생성 시 스피너 띄우기
6
AWS S3 버킷
7
S3 버킷 설정하기
8
도메인 연결하기
9
Firebase로 배포하기
10
끝 & 숙제 설명
homework
숙제 : 파이어스토어 연결 하고 스피너 붙이기

FAQ

자주 묻는 질문

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

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

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

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

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

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

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

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

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

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

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

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

더 많은 FAQ