처음 만난 AWS
Inje Lee (소플)
₩49,500
입문 / AWS, cloud-computing, amazon-web-services, ec2, Lambda
4.9
(18)
클라우드 컴퓨팅의 기초와 AWS 핵심 서비스들에 대해 이해하고 사용할 수 있습니다.
입문
AWS, cloud-computing, amazon-web-services
이런 걸
배워요!
자바스크립트 기초 문법
CSS 기초 문법
리액트 기초 탄탄하게 다지기
미니 프로젝트를 통한 웹애플리케이션 개발
깔끔한 강의자료, 꼼꼼한 설명으로
쉽게 배우는 리액트 강의입니다. 👨🏫
리액트는 메타에서 만든 오픈소스 자바스크립트 UI 라이브러리입니다.
현재 웹 애플리케이션 개발에 가장 많이 사용되고 있으며
빠른 업데이트와 렌더링 속도, 컴포넌트 기반의 구조 등 많은 장점을 갖고 있어요.
강의를 모두 수강한 이후에도 리액트로 개발을 하면서 생기는 궁금증들을 모두 해결해드립니다.
지식공유자 소플이 만든 프론트엔드 지식 포털 FrontOverflow에 언제든지 질문을 남겨주세요!
JS 기초 문법에 대해
이해할 수 있어요!
자주 사용되는 CSS를
이해할 수 있어요!
리액트의 기초를
잘 다질 수 있어요!
실전 프로젝트 경험을
쌓을 수 있습니다.
섹션 0 [준비하기]
섹션 1, 2 [리액트 소개, 시작하기]
섹션 3 [JSX]
섹션 4 [Rendering Elements]
섹션 5 [Components and Props]
섹션 6 [State and Lifecycle]
섹션 7 [Hooks]
섹션 8 [Handling Events]
섹션 9 [Conditional Rendering]
섹션 10 [Lists and Keys]
섹션 11 [Forms]
섹션 12 [Lifting State Up]
섹션 13 [Composition vs Inheritance]
섹션 14 [Context]
섹션 15 [Styling]
섹션 16 [미니프로젝트]
Q. 자바스크립트를 잘 몰라도 들을 수 있는 강의인가요?
네! 자바스크립트에 대해 잘 모르시는 분이라고 해도, 강의에서 기초 문법을 포함하여 설명드리기 때문에 상관없이 들으실 수 있습니다.
Q. CSS에 대해 잘 몰라도 들을 수 있는 강의인가요?
네, CSS의 대표적인 속성들을 함께 다루기 때문에 잘 몰라도 강의를 수강하실 수 있습니다.
Q. 리액트를 배우면 뭐가 좋은가요?
리액트를 통해 내가 원하는 대로 웹 애플리케이션을 개발할 수 있습니다.
create-react-app
이 제대로 작동하지 않습니다.npm install -g yarn
yarn create react-app my-app
3강 ~ 15강. 실습 소스코드
리액트 v17 소스코드
https://github.com/soaple/first-met-react-practice
리액트 v18 소스코드
https://github.com/soaple/first-met-react-practice-v18
16강. 미니 블로그 소스코드
학습 대상은
누구일까요?
웹애플리케이션 개발에 관심있는 분
리액트를 처음 접하시는 분
수강생 수
19,599
수강평 수
442
강의 평점
4.8
강의 수
4
이인제(소플)
개발을 사랑하는 개발자이자 1인 스타트업의 창업자입니다.
오래 전부터 소프트웨어 교육에 관심을 가지고 꾸준히 활동하고 있습니다 😀
소플이 만든 프론트엔드 지식 포털
슬라이드 모음
홈페이지
강의 콘텐츠
저서
전체
62개 ∙ (5시간 15분)
HTML과 CSS
07:38
JavaScript 소개 및 자료형
10:52
JavaScript의 연산자
12:05
JavaScript의 함수
02:01
(실습) 개발환경 설정하기
04:41
리액트는 무엇인가?
06:46
리액트의 장점과 단점
14:06
(실습) 직접 리액트 연동하기
07:31
전체
408개
4.8
408개의 수강평
∙ 수강평 1 ∙ 평균 평점 5.0
5
f모 강의에서 공식문서 읽어주는 강의를 듣다가 시간도 너무 길고 이해도 안되고 너무 어려워서 때려치고 리액트 강의를 뒤적이던 중에 보석 같은 강의를 발견했습니다. 이게 무료라니.. 이게 무료라니잇....! 이렇게 쉽게 친근하게 접근할 수 있다니 강의력에 감탄했습니다. 컴포넌트 붕어빵이 너무 귀여워요 짱짱맨 한눈 안팔고 핵심만 찔러줍니다. 시간절약 시켜주셔서 감사합니다. 이 강의는 살아있는 공식문서 실습판입니다. 배속으로 해도 발음이 워낙 정확해서 뭉개지지않고 잘들립니다.
chayuna91님 수강평 남겨주셔서 감사합니다. 나름대로 최대한 쉽게 설명하려고 노력했는데, 알아봐주시니 뿌듯하기도 하고 감사하네요. 어려운 내용은 최대한 덜어내고 오직 리액트의 기초를 탄탄하게 다지는 것에 초점을 맞췄으니, 열심히 강의를 들으시면 리액트와 가까워질 수 있을 겁니다! 한 땀 한 땀 그린 붕어빵 그림도 좋아해 주셔서 감사합니다~ 즐거운 학습 되시기 바랍니다!
∙ 수강평 1 ∙ 평균 평점 5.0
5
우연히 듣게 된 강의인데 너무 좋았습니다! 리액트 처음 접하시는 분들은 html, css, 자바스크립트 간단하게 아는 상태에서 수강하기 너무 좋을 것 같네요. 여러 장점이 있지만 그 중에서도 1) 깔끔하고 군더더기 없는 설명 2) 실습 기반으로 수강한 내용 복습 3) 강의력을 장점으로 꼽을 수 있을 것 같습니다! 여러 강좌를 수강하려고 시도..는 해봤지만 완강한 강의는 이게 처음이에요! 오래만난 리액트도 있으면 좋을거 같아요...ㅎㅎ 좋은 강의 너무 감사드리고 앞으로도 새로운 강좌 오픈하시면 꼭 들을게요! 아직 안들으신 분들은 적극 추천드려요.
yrrrrrrrr님 수강평 남겨주셔서 감사합니다. 제 강의가 잘 맞으셨다니 너무 뿌듯하네요~ 언제가 될지는 모르지만 다음 강의도 기대해주세요ㅎㅎ 앞으로도 즐거운 리액트 개발이 되시길 바랍니다!
∙ 수강평 1 ∙ 평균 평점 5.0
5
현재 20%정도 수강한 학생입니다! 예전에 리액트로 웹 프로젝트를 했을 때 맨땅에 헤딩 느낌으로 혼자 공부하면서 했습니다. 너무 어려웠고, 이해가 안가는게 많았습니다. 그러다 이번에 회사 들어가면서 웹을 맡을 예정이라 다시 공부를 하면서 강의를 접하게 되었습니다. "이게 무료 강의라고..?"라는 말이 나올 정도로 강의력이 대단하십니다. 왜 이걸 이제야 봤는지 모를정도로 너무 좋은 강의에요!
긴팔원숭이님 수강평 남겨주셔서 감사합니다. 제 강의를 통해 그동안 어렵게 느껴졌던 리액트를 조금 더 쉽게 이해하게 되셨다니 굉장히 뿌듯하네요~ 앞으로 남은 강의도 꼭 완강하시길 바라고, 수강중 궁금한 점이 있다면 언제든지 질문에 남겨주시기 바랍니다!
∙ 수강평 1 ∙ 평균 평점 5.0
5
Swift로 현업에서 일하고 있는 개발자입니다. 아무것도 모르는상태로 머리부터 들이밀고 공부하기 시작해서 이제는 리액트를 공부하게 되었습니다. JS도 잘 모르고 웹에대해 잘 아는게 없다보니 기초부터 들으면 좋을것 같아 강의를 수강하게 되었는데 필요한 내용으로 잘 구성되어 있고 제 코딩스타일과 다른 코드를 보니 신기하네요 강의 잘 들었습니다 감사합니다!
hek33kr님 수강평 남겨주셔서 감사합니다. 제 강의가 도움이 되셨다니 뿌듯하네요~ 앞으로도 즐거운 리액트 개발이 되시길 바랍니다!
∙ 수강평 1 ∙ 평균 평점 5.0
5
리엑트 인강을 처음부터 끝까지 본게 처음이에요! 매번 어려워서, 처음엔 잘 듣다가 중간에 포기한적이 여러번이였는데 쉽고 간결하게 그리고 핵심만 짚어주시니 너무 도움되요! 감사합니다!
ee ls님 수강평 남겨주셔서 감사합니다. 제 강의를 통해 리액트 기초를 잘 다지셨기를 바라며, 앞으로도 개발 중 궁금한 부분이 있다면 언제든지 질문 남겨주세요!
무료