리액트, 리덕스로 타이머 앱 만들기

리액트, 리덕스로 타이머 앱 만들기

(7개의 수강평)

717명의 수강생

무료

노마드코더
평생
중급
수료증
16개 수업, 총 1시간 48분

1. 강의 소개

리액트 세계의 맛을 본 당신, 이제 한단계 업그레이드 해보는 것은 어떠한가!? 이제 Redux를 배울 시간입니다. React, React Native 앱을 Redux를 통해서 한단계 업그레이드 합시다. Redux는 Airbnb, Netflix, Patreon 같은 짱짱한 회사들이 쓰고 있다고 하죠? 그냥 노잼으로 배우면 안되니까, 이번엔 타이머 앱을 만들면서 이걸 배워보려고 합니다.

어떤 타이머앱이냐? 그냥 타이머앱이 아니라, 일명 '토마토 타이머 앱 - 뽀모도로 타이머'를 만들겁니다. 뽀모도로 기법이라는 것이 있습니다. 시간관리 기법인데요, 원칙은 간단해요. 25분동안 집중해서 일하고, 5분동안 휴식을 일하는 생산성을 높이는 시간관리 기술입니다. 타이머가 돌아가는 그 순간에는 온전히 몰입해서 일할 수 있게 도와주는 기법이라고 이해하시면 되어요. 또한 너무 번아웃 되지 않도록 꼬박꼬박 5분 휴식을 챙겨주는거죠! 꽤나 세계적으로도 유명하고 입증된 시간관리 테크닉이니 알아두시는 것을 강추합니다.

자세한 내용은 아래 웹사이트에서 살펴보시길. (https://cirillocompany.de/pages/pomodoro-technique...)

2. 배우는 것들

이 강의에서는 아래 언어를 사용해서, 멋진 토마토 타이머를 만들겁니다.

  • JavaScript
  • ReactJS
  • ReactNative
  • Redux

3. 학습목표

기초적인 수준이지만 Redux에 대하여 이해하게된다. Redux를 활용해서 간단한 타이머앱을 만들 수 있다.

4. 도움이 되는 분들

기본적인 html, css, javascript 지식이 있는 분 들어오세요. 초급은 아니됩니다. 초보는 카카오톡 클론코딩 먼저 공부하시고, 자바스크립트 공부하시구 드루와요. 노마드아카데미 수업 순서는 다음과 같습니다.

이론. 카카오톡 클론코딩 실전. 카카오톡 클론코딩 ->>> 자바스크립트 공부. 코드아카데미 (https://www.codecademy.com/learn/introduction-to-javascript) ->>> 파이썬 공부. 코드아카데미 (https://www.codecademy.com/learn/learn-python) React JS React Native React & Redux 풀스택. 인스타그램 클론코딩

5. 참고 사항

한글 자막이 달려있는 (자막을 켜주세요!) Redux를 배울 수 있는 실전 동영상 강의 (총 15개) 깃허브에서 확인할 수 있는 니꼴라스 선생님의 소스코드 https://github.com/nomadcoders/tomato-timer

6. 강사 소개

리액트 네이티브로 투두앱 만들기
Nicolás Serrano Arévalo / 노마드 코더
9살부터 프로그래밍을 혼자서 독학해서 배운 (자칭) 천재 코더, 13살에 이미 개발자로 입사제의를 받기 시작하였으나, 본인의 자유가 더욱 중요하다며 뻥 차버린 자유로운 영혼의 소유자, f**k이 들어가는 언어를 자유롭게 구사한다. 콜롬비아를 떠나 현재 4년여 넘게 세계를 떠돌아다니면서 디지털노마드로 살고있다. 

실력이 궁금하다면 Youtube 채널(https://goo.gl/SWuuN7)을 확인!    

지식공유자 소개

노마드코더

교육과정

타이머 앱 만들기
Build timer app with React Native
01 : 00
Software Requirements
01 : 00
Creating a project
03 : 00
Timer Component
08 : 00
Creating Button : Component
07 : 00
Installing Redux and React Redux
02 : 00
Intro to Redux
16 : 00
Designing the State Shape
02 : 00
Practicing Javascript Switch
07 : 00
Creating the tomato reducer
16 : 00
Connecting the Components to State
16 : 00
Connecting the Components to Actions
07 : 00
Practicing Interval
03 : 00
Adding seconds to the counter
10 : 00
Turning seconds into minutes
08 : 00
Final result, Making tomato timer with Redux
01 : 00

수강 후기

5.0
7개의 수강평
한재희 5일 전
고맙습니다.
김정미 24일 전
항상 잘 보고 있습니다.. 정말 입문자에게 큰 도움이 되는 컨텐츠인것 같아요!!
yongali7 26일 전
redux 이해하는데 많은 도움됩니다.
syh19910918 1달 전
당신의 강의 항상 저를 만족시켜. 땡큐!
너구리 3달 전
리덕스 이해가 너무 잘 되었어요. 짱
홍석현 4달 전
리덕스 맛보기가능해요 ㅎ
Patrick Min 2018.01.01
redux를 간단히 정리해볼 수 있는 강좌 Redux가 무엇인지 알고 싶은 사람이 들으면 좋을거 같습니다. 단 React.js, React Native 강의를 사전에 반드시 들어야 합니다.