React 첫걸음

재사용 가능한 UI 컴포넌트를 만드는 방법

강의

28강

퀴즈

9개

코드 실습

15개

프로젝트

4개

한눈에 보는 코스 특장점

쉽고 재미있게 React를 배우는 코스

스페셜 포인트

스토리로 이해하는 학습 개념
이제 일상 속 재밌는 이야기로 만나보세요

학습만화로 공부에 흥미를 붙였던 경험처럼
이제 일상 속 재밌는 이야기를 통해 이해하고 학습하세요

학습 드라마 요약툰 자세히 보기

Point 1

전문가의 강의를 통해
리액트 핵심 개념을 배워요

Point 2

강사님의 코드 해설을 통해
리액트의 주요 개념을 이해해요

Point 3

코드 프로젝트에 리액트를 적용해
나만의 웹 페이지를 완성해요

필요한 개념을 모두 담은 탄탄한 커리큘럼

드라마로 재밌게 개념을 익히고, 알짜배기 강의로
하나씩 클리어 해나가다보면 어느새 완강!

코스 소개
강의
도와줘, React!
학습 드라마

1. Hello, React
강의
2. 리액트 설치하고 첫 번째 컴포넌트 만들기
강의코드 실습
3. JSX 작성하기
강의코드 실습
4. props로 데이터 전달하기
강의코드 실습
5. 리액트와 객체
강의코드 실습
6. 리액트와 함수
강의퀴즈
7. 리액트와 연산자
강의퀴즈
[프로젝트 1] OTT 웹 사이트 만들기
프로젝트

8. 리액트 컴포넌트 만들기
강의코드 실습
9. Fragment 컴포넌트 활용하기
강의퀴즈
10. 훅(hook)과 상태(state)
강의퀴즈
11. setState로 상태 변경하기
강의코드 실습
12. 이벤트 처리하기
강의코드 실습
13. 선언형 프로그래밍 이해하기
강의퀴즈
14. 조건부 렌더링 이해하기
강의코드 실습
15. setState와 조건부 렌더링 활용하기
강의코드 실습
16. props와 state 비교하기
강의퀴즈
[프로젝트 2] 명언 말한 사람 맞히기
프로젝트

17. 바닐라 CSS로 스타일링하기
강의퀴즈
18. 인라인 스타일로 꾸미기
강의코드 실습
19. CSS 모듈 사용하기
강의코드 실습
20. CSS-in-JS 이해하기
강의코드 실습
[프로젝트 3] 인스타그램 피드 만들기
프로젝트

21. 생명 주기와 useEffect
강의퀴즈
22. useEffect 활용하기
강의코드 실습
23. 상태(state) 설계하기
강의퀴즈
24. 객체 형태의 state 업데이트
강의코드 실습
25. 배열 형태의 state 업데이트
강의코드 실습
[프로젝트 4] 중고 거래 플랫폼 만들기
프로젝트

핵심 요약 & 마무리
강의

강사님을 소개해요

코딩 초보 탈출을 도와줄 대표 강사님이에요.

정용수

AI 활용 풀스택 개발자

현AI 코딩밸리 웹 개발 강사
현국내외 10여개 대학 웹 개발 강의
학위스콘신 대학교 컴퓨터 과학 복수 전공

위스콘신 대학교에서 컴퓨터 공학을 복수전공하며 쌓은 지식을 바탕으로 체계적인 교육을 제공합니다. AI 시대에 필요한 풀스택 개발 역량과 논리적 문제 해결 능력을 실무 중심으로 전달하겠습니다.

현AI 코딩밸리 웹 개발 강사
현국내외 10여개 대학 웹 개발 강의
학위스콘신 대학교 컴퓨터 과학 복수 전공

React 첫걸음

강의28강

실습28개

무료체험하기 >상품 알아보기 >

React 첫걸음

재사용 가능한 UI 컴포넌트를 만드는 방법

한눈에 보는 코스 특장점

필요한 개념을 모두 담은 탄탄한 커리큘럼

강사님을 소개해요

정용수

자바스크립트 도약

웹 페이지 핸즈온

Node.js 백엔드 첫걸음

타입스크립트 첫걸음

React 첫걸음

재사용 가능한 UI 컴포넌트를 만드는 방법

한눈에 보는 코스 특장점

필요한 개념을 모두 담은 탄탄한 커리큘럼

강사님을 소개해요

정용수

먼저 학습하고 오길 추천해요

자바스크립트 도약

웹 페이지 핸즈온

같이 공부하면 좋아요

Node.js 백엔드 첫걸음

타입스크립트 첫걸음