Velopert 님이 알려주는 ReactJS 강좌 입니다. 최근 각광받는 Javascript 라이브러리인 React 를 소개하고, 사용법을 알려주는 강좌 입니다.

후반부 텍스트 강좌의 영상화는 취소하고, 새로시작하는 React 강좌를 준비중입니다.
3월에 이어서 진행하려고 약속했었으나 계획이 틀어져서 정말 죄송합니다.

더 양질의 자료로 조만간 다시 찾아뵙겠습니다!

앞으로 새로운 소식에 대한 정보는 https://www.facebook.com/velopert 에서 확인 하실 수 있습니다 🙂

1. 강좌 소개

자바스크립트 라이브러리 ReactJS 를 학습하는 react 강좌 입니다.
요즘 들어 HOT 한 페이스북에서 개발한 자바스크립트 라이브러리, React.js 에 대하여 알아보고, 직접 사용을 해보면서 기술을 익힐 수 있는 강좌입니다.
React.js 의 기본 개념부터 시작해서, 간단한 예제 프로젝트 몇개를 만들어보고, Node.js, MongoDB를 사용하여 Backend 서버를 만드는 방법도 익히고, 최종적으로는 강좌에서 배운 지식들을 결합하여 간단한 웹 어플리케이션 프로젝트를 완성합니다.

– node.js 를 사용해 본 경험이 있으면 학습하기 수월합니다.
– HTML,CSS,JAVASCRIPT 에 대한 이해도가 있는 분께 적합한 강좌입니다.
– 완강 전 입니다. 매주 한두편씩 연재될 예정입니다.
–  2016년 8월에 Webframeworks.kr 에서 진행하는 React.js 코드랩 세미나를 위해 준비한 자료를 토대로 진행합니다

참고 자료

Links
http://slides.com/minjunkim-1/deck (강의에서 사용되는 슬라이드)
https://velopert.com/reactjs-tutorials (React.js 텍스트 강좌 목록)

2. 도움되는 분들

  • 평소 React.js 를 학습하고 싶었던 분
  • 웹 프론트엔드 개발자가 되고 싶은 분
  • HTML,JAVASCRIPT,CSS 에 대한 이해도가 있으신 분

3. 강좌 특징

  • 다루는 기술 : 전반적인 Web front-end 기술, Javascript, React.js, node.js
  • 강좌 수준 : 초급~중급
  • 사전 지식: HTML,CSS,Javascript 에 대한 기본적인 이해가 필요합니다.
  • node.js 를 경험해보신 분이라면 더욱 좋아요.

4. 강사 소개

김민준

트렌디한 IT기술을 지향(하려고 노력)하는 개발자, 김민준입니다. Github이나 블로그에서는 velopert로 활동하고 있습니다. React.js 라이브러리를 매우 좋아하며, 국내에서 이 라이브러리의 인기를 한층 더 높이겠다는 다짐으로 자료를 만들고 있습니다.

강좌 평가

5

31 개의 수강평
  • 5 점30
  • 4 점1
  • 3 점0
  • 2 점0
  • 1 점0
  1. aramas의 프로필 사진

    좋아요~~

    5

    감사합니다. 이해하는데 많은 도움이 되었습니다.

  2. 이인성의 프로필 사진

    아주 좋습니다

    5

    초급진입에 딱입니다. 이후 고급진입에 확실한 도움이됨

  3. Aris의 프로필 사진

    정말 좋은 강좌 입니다.

    5

    초보자가 보기에도 어려움이 없으며, 말이 귀에 쏙쏙 들어와 집중해서 잘 배울수 있었습니다.

  4. Ji Yoon Park의 프로필 사진

    친절한 강의

    5

    최신 기술을 친절하게 설명해주셔서 감사합니다

  5. bsscco의 프로필 사진

    말 잘 들리고, 설명 충분합니다.

    5

    말 잘 들리고, 설명 충분합니다. 좋은 강사분. 이 강의가 무료라는 게 정말 감사합니다.

  6. Sukhoon의 프로필 사진

    개념잡는데 좋네요

    5

    시간 문제로 실제로 짜보지 않고 문서로만 봐서 이해가 어려웠는데,
    강의 쫙 보고 나니 개념이 잡히네요.

    이제 어떤 식으로 만들면 될지 알게 되었습니다.
    감사합니다.

  7. 스프링하이의 프로필 사진

    강좌 영상을 반복적으로 보면서 개념을 잡으며 다시 따라가면서 코딩을 해 보니 조금씩 React가 들어오네요.. 성의 넘치고 친절한 강좌 감사드립니다

    5

    강좌 영상을 반복적으로 보면서 개념을 잡으며 다시 따라가면서 코딩을 해 보니 조금씩 React가 들어오네요.. 성의 넘치고 친절한 강좌 감사드립니다

  8. Jongmoon Im의 프로필 사진

    감사합니다.

    5

    블로그에서 강의하신 것을 보고 따라 들어왔습니다.
    아직 수준이 낮아 다소 이해가 안가는 부분이 있었는데, 동영상 강좌를 통해 해소할 수 있을 것 같아 매우 기쁩니다.
    감사합니다.

  9. Junhyung Kim의 프로필 사진

    대박

    5

    정말 감사합니다.. 많은 도움이 되었습니다.

  10. Kyungbae Ro의 프로필 사진

    3월강좌 무지 기대됩니다.

    5

    4점 준사람 뭡니까!
    돈한푼 안내고 도움받았으면서, 고약한 심술보…

  11. 김정환의 프로필 사진

    명강입니다.

    5

    최근 기술을 쉽게 설명해주셔서 감사 합니다.

  12. 안병철의 프로필 사진

    좋은 강의 잘 들었습니다.

    5

    좋은 강의 잘 들었습니다. 덕분에 react를 쉽게 잘 정리할 수 있었습니다.
    이후 강좌 기대 되네요.
    감사합니다.

  13. jisob의 프로필 사진

    쏙쏙 들어오네요

    5

    실습도과 문서를 겸해서 진행하다보니따라가기 수월하네요 아직 시작한지 얼마 안되었는데 열심히 해보겠습니다.

  14. 채대영의 프로필 사진

    감사합니다.

    5

    많은 도움 되었습니다. 감사합니다~

  15. 정현승의 프로필 사진

    최고입니다

    5

    목소리도 좋으시고 발음도 좋으셔서 귀에 쏙쏙 들어오는 강의입니다.
    차근차근 진행해 주셔서 어렵지 않게 실습할 수 있었습니다.
    좋은 강좌 감사합니다.

  16. Kendrick B. Jung의 프로필 사진

    velopert 여기서도 보게되네요

    5

    전에 velopert 블로그 보고 react로 사이트도 만들고! 포스트에 오타 댓글도 올렸었는데..
    여기서도 보게 되네요!
    다시 react를 제대로 파보기로 마음을 먹어서 찾다가 발견했는데 깜짝 놀랬네요!
    강좌 잘보겠습니다

  17. 유낙동의 프로필 사진

    큰 도움이 되었습니다.

    5

    준비 너무 많이하신게 보이네요. 정말 고맙습니다. 최고!! 🙂

  18. Taehee Lee의 프로필 사진

    감사합니다

    5

    너무 잘봤습니다. 진짜 훌륭한 설명 너무 감사드려요

  19. 새우깡의 프로필 사진

    리엑트를 손쉽게 배울 수 있네요.

    5

    정말 훌륭한 강의입니다. 책을 사서 보기 시작하긴 했는데 생각만큼 잘 읽히지가 않더라구요.
    근데 강의를 들으니까 왜 공부를 해야되고 어떻게 쓰이는지부터 활용법까지 잘 알려주시니 정말 좋았어요.
    무엇보다 또박또박 설명해주는 강의랑 하나씩 짚어가는 내용 구성이 좋았습니다.
    이보다 훌륭한 리엑트 입문 강좌가 또 있을까요? 완전 강추!

  20. 아키의 프로필 사진

    좋아요

    5

    좋아요. 근데 무한스크롤형 메모패드에 대한 강의는 없나요?

  21. 아키의 프로필 사진

    자세한 설명이 좋습니다

    5

    감사합니다

  22. 정영태의 프로필 사진

    리엑트 개념부터 실습까지 너무 좋네요^^;

    5

    감사합니다. 도움이 많이 될 것 같네요.

  23. baedorazy의 프로필 사진

    정말 감사합니다 덕분에 ES6 스크립트 간략히 맛도 보고 리엑트도 해보고 좋네여!

    5

    감사합니다.~~굿굿

  24. 임동섭의 프로필 사진

    감사합니다.

    5

    redux전까지 봤습니다. 저같은 초짜에게 많이 어렵지만
    반복시청을 해서 학습을 해야겠어요
    너무나 좋은 강의 감사합니다.^^

  25. 임원빈의 프로필 사진

    감사합니다

    5

    1편만 봐도 벌써부터 흥미롭고 두근거리네요!

  26. 교양있는개발자의 프로필 사진

    아주 훌륭한 강의입니다.

    5

    아주 정성스럽게 준비해주셨습니다.
    짜임새가 좋습니다.

강좌 교육과정

섹션 1. 오리엔테이션, ReactJS 소개
강좌 소개 00:05:00
React.JS 소개 미리보기 00:09:00
React.js 장점과 단점 00:09:00
섹션 2. React.js 시작하기
Codepen 설정 , ES6 클래스 00:04:00
JSX의 특징 00:07:00
props 00:07:00
state 00:09:00
컴포넌트 매핑 (Component Mapping) 00:11:00
섹션 3. 개발환경 설정, 프로젝트 진행
작업환경 설정하기 미리보기 00:07:00
React Project 만들기 | NPM, WEBPACK 00:24:00
Hot Module Replacement | React Hot Loader 00:08:00
섹션 4. 주소록 (Contact) 만들기
Contact 검색기능 구현 | input, sort, filter 미리보기 00:12:00
Contact 선택기능 구현 | React.js 기초개념 응용 00:09:00
state 내부 배열 처리하기 | Immutability Helper / ES6 spread 미리보기 00:13:00
Contact 추가/삭제/수정 기능 구현 | Immutability Helper 적용하기 00:06:00
Contact 데이터 추가기능 구현 | 컴포넌트 응용 00:09:00
Contact 데이터 삭제/수정 기능 구현 | 컴포넌트 응용 00:14:00
Contact 엑스트라 기능 구현 i | KeyPress, ref 00:08:00
Component LifeCycle API 미리보기 00:07:00
Contact 데이터 새로고침해도 유지하기 | localStorage 00:08:00
섹션 5. Redux
Redux: 배경지식 | MVC, FLUX 미리보기 00:10:00
Redux: 특징과 흐름 미리보기 00:11:00
Redux: 프로젝트 준비하기 | create-react-app 미리보기 00:07:00
Redux: 프로젝트 구조 및 컴포넌트 생성 미리보기 00:17:00
Redux: Action 미리보기 00:08:00
Redux: Reducer 미리보기 00:16:00
Redux: Store 미리보기 00:08:00
Redux: react-redux | 컴포넌트에서 사용하기 미리보기 00:20:00
섹션 6. Backend
소개 미리보기 00:03:00
Node.js / Express.js 맛보기 | 라우팅, 모듈화 미리보기 00:14:00
Express | 미들웨어(middleware) 미리보기 00:13:00
MongoDB 소개 미리보기 00:05:00
MongoDB 기본 명령어 (i) | 생성 및 제거 미리보기 00:04:00
MongoDB 기본 명령어 (ii) | find() 미리보기 00:10:00
MongoDB 기본 명령어 (iii) | sort, limit, skip, update 미리보기 00:08:00
MEMOAPP 만들기
강좌목록 (텍스트) 미리보기 00:00:00
번외편
React Router v4 Pre-release 사용해보기 미리보기 00:20:00
React 컴포넌트 구성 & AJAX 비동기 작업 처리하기 & CSS 애니메이션 처리 미리보기 00:00:00
  • 무료
  • 무제한
  • 훈장
  • 38개 강의, 6 시간

인프런은 성장기회의 평등 을 추구합니다.

경제적, 시간적 제약없는 양질을 교육으로 누구나에게 성장 기회를 균등하게 주는것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4202-1180 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R10 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED