📱인프런 모바일 App 😆
누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌

누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌

(28개의 수강평)

2278명의 수강생

16,500원

평생
초급, 중급
수료증
22개 수업, 총 2시간 52분
위시리스트 추가

React 핵심 강좌

초심자를 위한 리액트(React) 핵심 강좌입니다. 만약에 여러분이 리액트를 배우고 싶은데, 아직 뭐가 뭔지 잘 모르겠다! 그렇다면 이 튜토리얼을 진행하고 나면 리액트가 무엇인지, 왜 사용하는지, 그리고 어떻게 사용하는지를 알아 갈 수 있을 것입니다. 강좌에서 ES6 문법이 일부 사용되는데, 강의를 진행하면서 대부분 설명을 하거나, 참고 링크를 추가해놓으므로, ES6 가 익숙하지 않은 분들도 쉽게 공부 할 수 있습니다. 이 강좌에서는 리액트의 기초에 해당하는 내용을 대부분 다뤄보고, 최종적으로는 전화번호부 앱을 만들게 되면서 리액트의 본질적인 작동방식을 이해하고, 리액트의 기초를 완성하게 됩니다. 리액트를 막 배우기 시작하는 분들께 적극 추천드립니다.

도움이 되는 분들

  • 리액트를 배우고 싶었던 분
  • 웹 개발을 즐겁고 재밌게 하고 싶으신 분
  • 리엑트의 기본을 짚어보고 싶으신 분
  • 프론트엔드 개발자

참고 사항

HTML, JavaScript 에 대한 이해가 필요합니다. 이 강좌에서 사용되는 리액트 버전은 16.3 이상 버전 입니다.

지식공유자 소개

김민준 (velopert)
애니 스트리밍 서비스 라프텔의 프론트엔드 엔지니어이며, 리액트를 정말로 좋아하는 팬입니다. 언제나 최신동향을 따라가려 노력하며, 배운것은 나눠야 한다는 주의를 가지고 있습니다. 그리고, 사용자를 행복하게 해주는 서비스를 만드는 것을 즐깁니다.

지식공유자 소개

velopert(김 민준)

교육과정

섹션 1. 리액트는 무엇인가
강의 소개
03 : 00
프론트엔드 라이브러리란 무엇인가?
09 : 00
리액트의 Virtual DOM
04 : 00
리액트를 특별하게 만드는 점
04 : 00
섹션 2. 리액트 프로젝트 시작하기
본격적인 리액트 코드 작성하기
07 : 00
섹션 3. JSX
JSX 기본 문법 알아보기 (i)
10 : 00
JSX 기본 문법 알아보기 (ii)
07 : 00
섹션 4. props 와 state
Props 를 사용하는 방법
12 : 00
State 를 사용하는 방법
08 : 00
섹션 5. LifeCycle API
LifeCycle API 소개 및 사용법 (i)
08 : 00
LifeCycle API 소개 및 사용법 (ii)
22 : 00
섹션 6. 리액트 작업환경 직접 설정하기
필요한 도구 설치하기
07 : 00
Create react app 사용하기
07 : 00
섹션 7. 인풋 상태 관리
Input 상태 관리하기
08 : 00
섹션 8. 배열 데이터 렌더링 및 관리
배열에 데이터 삽입하기
09 : 00
배열 렌더링하기
08 : 00
배열에서 데이터 제거하기
08 : 00
배열 안의 데이터 수정하기
12 : 00
섹션 9. 최적화, 활용, Ref
shouldComponentUpdate 를 통한 최적화. 불변성을 왜 유지하는가?
10 : 00
이름으로 전화번호 찾기
02 : 00
Ref 를 통하여 DOM 에 직접 접근하기
04 : 00
섹션 10. 마무리
마치면서..
03 : 00

수강 후기

4.8
28개의 수강평
welinhong 2달 전
짧은 시간안에 리액트의 기본개념을 잘 정리할 수 있었습니다. 그리고 강사님께서 개념들을 재미있게 설명해주셔서 공부하는 내내 재밌게 강의를 들을 수 있었습니다. 리액트 입문하시는 분들께 추천합니다! :)
swon lee 27일 전
강의도 기본에 충실했고, 무엇보다 예제 코드, 블로그 등의 강의 자료가 너무 좋았습니다.