• 로그인
    • 장바구니에 상품이 없습니다.

로그인

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

26 개의 수강평
  • 5 점25
  • 4 점1
  • 3 점0
  • 2 점0
  • 1 점0
  1. Ji Yoon Park의 프로필 사진

    친절한 강의

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

  2. bsscco의 프로필 사진

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

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

  3. Sukhoon의 프로필 사진

    개념잡는데 좋네요

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

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

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

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

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

  5. Jongmoon Im의 프로필 사진

    감사합니다.

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

  6. Junhyung Kim의 프로필 사진

    대박

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

  7. Kyungbae Ro의 프로필 사진

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

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

  8. 김정환의 프로필 사진

    명강입니다.

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

  9. 안병철의 프로필 사진

    좋은 강의 잘 들었습니다.

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

  10. jisob의 프로필 사진

    쏙쏙 들어오네요

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

  11. 채대영의 프로필 사진

    감사합니다.

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

  12. 정현승의 프로필 사진

    최고입니다

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

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

    velopert 여기서도 보게되네요

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

  14. 유낙동의 프로필 사진

    큰 도움이 되었습니다.

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

  15. Taehee Lee의 프로필 사진

    감사합니다

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

  16. 새우깡의 프로필 사진

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

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

  17. 아키의 프로필 사진

    좋아요

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

  18. 아키의 프로필 사진

    자세한 설명이 좋습니다

    감사합니다

  19. 정영태의 프로필 사진

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

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

  20. baedorazy의 프로필 사진

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

    감사합니다.~~굿굿

  21. 임동섭의 프로필 사진

    감사합니다.

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

  22. 임원빈의 프로필 사진

    감사합니다

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

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

    아주 훌륭한 강의입니다.

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

강좌 교육과정

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

Hello

이용해 주셔서 감사합니다. 불편한 점이나 건의하실 일이 있으시면 왼쪽 하단 녹색창이나, 아래 카톡아이디로 말씀해 주세요!!

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4202-1180 | 주소:서울시 강남구 테헤란로2길 8, 4층(역삼동)
E-MAIL: course@inflearn.com | 사업자번호:499-81-00612 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED