리액트나 vue.js는 jQuery 처럼 자바스크립트 코드를 짤 때 좀 더 축약해서 짜는 기능을 도와주는 라이브러리입니다. 따라서 JavaScript 지식을 알고 있어야 하고, JavaScript 지식을 알기 위해서는 HTML과 CSS를 알고 있어야 합니다.
HTML, CSS, JavaScript 지식이 이미 있는 경우 리액트는 따로 들으면 되며, 해당 지식이 전부 없다면, 프론트엔드 풀코스로 HTML, CSS, 자바스크립트부터 먼저 들어야 합니다.
1.생활코딩 : 리액트 요약 무료 강좌
생활코딩은 리액트를 복잡한 책으로 배우기 힘들 때 유튜브 강의로 축약된 버전으로 가볍게 듣고 싶을 때 유용한 무료 리액트 강의입니다. 모든 강좌가 무료이며, 생활코딩 사이트나 해당 유튜브에서 들을 수 있습니다.
리액트 입문자용 강의로 10개 정도의 짧은 강의로 함축해서 학습이 가능해서 책을 보고 공부하는 것 보다 빠르게 배울 수 있으며, html, css, JavaScript 등 사전지식도 따로 강의가 모두 무료로 공개되어있습니다.
2.코딩애플 : 역순 부분 무료 리액트 강의
A부터 Z까지 순차적 학습은 시간이 오래 걸리고 중도포기율이 높습니다. 쓸데없이 긴 내용이 앞부분에 만이 배치되었기 때문인데요. 코딩애플을 이용하면, 처음부터 기능 중심의 파트부터 먼저 진행되어 재미를 느끼면서 강의를 듣기 쉽습니다.
부분 무료 강좌로 처음 6개 강좌가 무료이기 때문에 리액트 강좌를 일단 들어보고 마음에 들면, 유료 결제를 할 수 있어서 편리합니다. 온라인 수업이며 코딩애플 홈페이지에서 수강 가능합니다.
40개 정도 강좌가 10분 단위로 짧게 끊어져 있고, 매 수업마다 숙제가 있어서 아웃풋으로 강제 공부하는데 좋습니다. 리액트로 블로그 제작 및 리액트 쇼핑몰 프로젝트가 나눠서 있어서 각 프로젝트별로 수업 진행이 가능합니다.
3.인프런 : 무료 리액트 프로젝트
공부 방법에 따라서 책을 보면서 천천히 따라하는 것을 좋아하는 스타일이 있습니다. 하지만 대부분 유튜브 강의는 책이 없는데요. 인프런을 이용하면 처음만나는리액트 책의 직강을 책을 보면서 천천히 공부할 수 있습니다.
유료 코딩 단과 플랫폼이지만, 해당 강좌는 무료이며, 그 밖에 리액트로 영화사이트 만들기, 리액트로 챗봇 만들기, 리액트로 유튜브 사이트 만들기, 리액트로 웹 게임 만들기 등의 강좌가 무료 제공되고 있습니다.
JavaScript 및 CSS 기초 문법도 함께 배웁니다. 다른 자바스크립트 강좌도 유료 결제가 가능하며, 가격대가 저렴하다는 장점이 있습니다.
4.노마드코더 : 리액트 영화 웹서비스 무료 만들기
개념 위주 수업 방식이 지칠 때 프로젝트를 만들면서 배우면 좀 더 흥미를 느낄 수 있습니다. 노마드 코더는 콜롬비아 출신 프로그래머가 운영하는 웹서비스로 리액트 기반 영화 웹서비스 프로젝트 방식으로 강좌가 공개됩니다.
초급 강좌는 무료이기 때문에 들을 수 있습니다. 온라인 수업이며, JSX, State, Props, Class 컴포넌트 등을 배우고 중급 이상 강좌도 유료 연계 가능합니다. 유명 유튜버라 IT 최신 소식도 유튜브 채널에서 들을 수 있습니다.