만들면서 배우는 리액트 : 기초
리액트를 가장 쉽고 빠르게 배울 수 있는 리액트 입문 강의입니다. 토이 프로젝트를 만들면서 개념과 실전 감각을 익히고 배포까지 3시간 만에 완성하는 알짜 강의! 초급, 중급, 고급으로 구성된 시리즈의 첫 번째 강의입니다 :)
초급자를 위해 준비한
[웹 개발, 프론트엔드] 강의입니다.
이런 걸
배워요!
리액트 개발
프런트엔드 개발
웹 개발
나만의 토이프로젝트
백엔드 연동
처음 만나는 리액트React,
가장 쉽고 빠르게 끝내고픈 당신을 위해!
지금 프론트엔드는
리액트가 대세 ✨
현재 프론트엔드 진영에서 가장 많이 사용하는 라이브러리, 리액트!
리액트를 사용하면 순수 자바스크립트만으로 제어하기 복잡한 모던 웹앱을 코드 몇 줄로 간편하게 관리할 수 있게 됩니다.
그런데... 막상 리액트를 핵심만 빠르게 배우기는 쉽지 않습니다. 왜일까요?
지금, 여러분의 고민은 아닌가요?
따라하는 데 시간이 너무 많이 드는
프로젝트는 부담스러워요.
빠르게 핵심만 배우고 싶어요!
리액트 하나 배우는데 굳이
복잡한 다른 스킬까지 다룬다고요?
HTML/CSS/JS만 가지고 해볼 수는 없나요?
리액트를 배운다고 해도
막상 실무에서 가장 자주 쓰이는 기능을
자신있게 쓰지 못하면 어떡하죠?
리액트를 배우려고 하는데
어려운 단축키나 개념, 용어가 많으면
진도를 따라가기 힘들 것 같아요.
혹시 내 얘기 같다면,
초보자를 위한 진짜 리액트 입문 강의를 만날 때!
핵심만 담았다!
초보자 눈높이에 딱 맞는
리액트의 정수.
문법만 익히다 보면 실무에서 어떻게 리액트를 활용해야 하는지 감을 잡기 어렵습니다.
이 강의에서는 리액트 실무 개발에 필요한 모든 기초 개념을 토이프로젝트를 통해 쉽고 빠르게 익혀봅니다.
효과적인 학습을 위한 4가지 핵심 Point!
핵심만 쏙쏙!
실무에 꼭 필요한 리액트의 핵심 개념을 3시간 안에 차례대로 배워갈 수 있습니다.
스스로 점검해 보세요
개념을 잘 이해했는지 과정 중간마다 실습 퀴즈/리뷰를 통해 스스로 점검해볼 수 있어요.
초심자를 배려한 강의
Node.js, NPM, ES6+ 등 초심자에게 어려울 수 있는 기술 요소는 제외했습니다. 그 대신 잘 모를 수 있는 단축키나 용어, 개념 설명을 중간중간 함께 전달해 쉽게 이해할 수 있도록 도와드려요.
실무에 활용할 수 있도록
준비된 교안을 읽는 대신 라이브 코딩을 통해 결과를 눈으로 확인할 수 있습니다. 실제 API를 연동해서 서버 개발자와의 협업 과정도 맛볼 수 있고, 완성물을 배포해 포트폴리오로 활용할 수도 있어요.
도전! 고양이 짤방 앱 만들기 😺
HTML, CSS, JavaScript만 알면 OK!
간단한 웹 애플리케이션을 직접 만들어보세요. (링크)
여러분의 리액트 입문,
가장 쉽게 도와드릴게요!
8년차 프론트엔드 개발자, 진유림입니다 😊
- 현 프런트엔드 개발자
- "팀 개발을 위한 Git, GitHub 시작하기" 저자
- 삼성전자, 페이스북, IBM, 고려대학교 등 기술 강연 다수
- 토스 개발자컨퍼런스 "리액트 코드로 배우는 Frontend clean code" 강연 진행
- 기술 블로그
평균 별점 4.9★, 160개 이상의 리뷰가 증명해요.
정말 친절하고 자세하게 하나씩 알려주셔서 속성 과외를 받는 기분이었어요.
듣지 않았더라면 낭비했을 시간을 이 강의 덕분에 세이브할 수 있어서 너무 다행입니다.
친절하게 차근차근 알려주시고, 실습 같이 하면서 들으니까 이해가 너무 잘 돼요.
앞으로 다른 강의를 올려주셔도 바로 구매할 예정입니다. 좋은 강의 감사합니다 😍
인프런 [팀 개발을 위한 Git, GitHub 입문] 강의에 남겨주신 수강평입니다 💌
현업 프론트엔드 실무자들이
적극 추천한 바로 그 리액트 강의!
자주 묻는 질문을
모았습니다 💬
Q. 프런트엔드 개발을 이제 시작합니다. 이 강의를 들어도 될까요?
이 강의는 HTML, CSS, 자바스크립트의 기본 지식이 있어야 합니다. ‘HTML은 마크업, CSS는 스타일링, 자바스크립트는 페이지 동작을 담당하고 있다’는 개념과, 기본적인 문법 정도만 알고 계시면 수강하셔도 괜찮습니다 :)
Q. 자바스크립트는 어느 정도 알고 있어야 할까요?
자바스크립트의 변수, 함수, 조건문, 반복문, 객체 정도 알고 계시면 수강이 가능합니다. 최신 자바스크립트 문법인 ES6+ 를 모르시더라도 수강하실 수 있습니다 :)
Q. 이 강의를 들으면 취업에 도움이 될 수 있을까요?
고양이 짤방 생성기라는 간단한 프로젝트를 만들면서 리액트 개념과 문법에 친숙해질 수 있습니다. 실제 데이터인 Open API까지 연동하고 깃헙 페이지로 배포하기 때문에 포트폴리오로도 사용하실 수 있습니다 :)
학생, 취준생분들께 강의 금액을 지원해드립니다 💪
Coming Soon!
[만들면서 배우는 리액트]는
계속됩니다 🏃♀️
본 강의는 초급 - 중급 - 고급으로 구성된 시리즈의 첫 번째 [기초편] 강의입니다.
이런 분들께
추천드려요!
학습 대상은
누구일까요?
리액트를 처음 시작하는 웹 개발자
프런트엔드 개발자
리액트로 취업을 준비하는 취업 준비생
리액트를 배우고 싶은 퍼블리셔
리액트 문법은 아는데 실무에 어떻게 적용해야하는지 헷갈리는 사람
선수 지식,
필요할까요?
HTML
CSS
JavaScript 기초
안녕하세요
진유림입니다.
수강생 수
4,566
수강평 수
503
강의 평점
4.9
강의 수
2
커리큘럼
전체
37개 ∙ (3시간 26분)
가 제공되는 강의입니다.
6 Babel
03:03
8 퀴즈 풀이
01:09
9 컴포넌트가 뭔가요?
05:48
12 스타일링
06:21
13 이벤트 다루기
06:02
17 리스트
06:36
19 폼 다루기
06:07
20 폼 검증하기
07:50
21 코드 정리하기
04:21