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

40 개의 수강평
  • 5 점38
  • 4 점2
  • 3 점0
  • 2 점0
  • 1 점0
  1. 이상민의 프로필 사진

    와. 정말 좋은 강좌 잘 봤습니다.

    5

    수고하셨습니다.
    다음편이 기대되네요!

  2. Taeyoung Kim의 프로필 사진

    멀게 느껴지던 리엑트가 가깝게 느껴지네요.

    5

    개념도 쏙쏙 귀에 들어오게 설명해주셔서 react 이제 시작할수 있을것 같아요. 감사드려요!!

  3. 조원배의 프로필 사진

    너무 많은 도움이 되었습니다.

    5

    잠시 개발에 손을 놓고 다른일을 하다가 최근에 다시 프로젝트하면서 리액트를 접하게 되었습니다. 원래 포지션이 JAVA를 활용한 백엔드 개발이었기때문에 독학이 너무 힘들어 지푸라기라도 잡는 심정으로 강의를 듣기시작했는데 내용이 너무 좋네요! 정말 감사힙니다

  4. 발라스트의 프로필 사진

    감사합니다.

    5

    좋은 강좌 감사합니다 굿!!

    table 만드는 강좌도 있으면 좋겠습니다.
    초급이라…

    react 재미있습니다.

  5. 김영곤의 프로필 사진

    재미있게 봤습니다.

    4

    React.js를 처음 접하지만, 재미있게 끝까지 본것 같습니다.

  6. 서한규의 프로필 사진

    좋은 강의 감사드립니다^^

    5

    잘배우고 갑니다 ^^

  7. 김상현의 프로필 사진

    react 1도 몰랐지만 따라하면서 쉽게 이해할 수 있었습니다!

    5

    휴.. 이제 다 들었네요!
    보면서 리엑트에 대해서 많이 공부할 수 있었습니다.
    이제는 여러가지 변경해 보면서 내것으로 만들어야 할 것 같습니다 ㅎ
    좀 아쉬운 부분은 react router가 변경되는 등 변화가 생기면서
    오류 나는 부분들이 생기고 이를 해결하기에 힘든 부분도 있었지만
    해결해 나가는 것도 재미있는 경험이었습니다 ㅎㅎㅎ
    앞으로도 좋은 강의 부탁드립니다.

  8. aramas의 프로필 사진

    좋아요~~

    5

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

  9. 이인성의 프로필 사진

    아주 좋습니다

    5

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

  10. Aris의 프로필 사진

    정말 좋은 강좌 입니다.

    5

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

  11. Ji Yoon Park의 프로필 사진

    친절한 강의

    5

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

  12. bsscco의 프로필 사진

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

    5

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

  13. Sukhoon의 프로필 사진

    개념잡는데 좋네요

    5

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

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

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

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

    5

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

  15. Jongmoon Im의 프로필 사진

    감사합니다.

    5

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

  16. Junhyung Kim의 프로필 사진

    대박

    5

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

  17. Kyungbae Ro의 프로필 사진

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

    5

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

  18. 김정환의 프로필 사진

    명강입니다.

    5

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

  19. 안병철의 프로필 사진

    좋은 강의 잘 들었습니다.

    5

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

  20. jisobkim의 프로필 사진

    쏙쏙 들어오네요

    5

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

  21. 채대영의 프로필 사진

    감사합니다.

    5

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

  22. 정현승의 프로필 사진

    최고입니다

    5

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

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

    velopert 여기서도 보게되네요

    5

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

  24. 유낙동의 프로필 사진

    큰 도움이 되었습니다.

    5

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

  25. Taehee Lee의 프로필 사진

    감사합니다

    5

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

  26. 새우깡의 프로필 사진

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

    5

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

  27. 아키의 프로필 사진

    좋아요

    5

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

  28. 아키의 프로필 사진

    자세한 설명이 좋습니다

    5

    감사합니다

  29. 정영태의 프로필 사진

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

    5

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

  30. baedorazy의 프로필 사진

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

    5

    감사합니다.~~굿굿

  31. 임동섭의 프로필 사진

    감사합니다.

    5

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

  32. 임원빈의 프로필 사진

    감사합니다

    5

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

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

    아주 훌륭한 강의입니다.

    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