처음 배우는 리액트
기초부터 배포까지, 웹 서비스를 직접 만들어 세상에 올립니다.
수강 기간
결제 후 30일
총 학습 시간
4.7시간 · 9개 차시
수강료
₩61,380
수강 방식
온라인 · PC·모바일
처음 배우는 리액트
리액트 첫걸음
61,380원
무료 읽는 강의와 무엇이 다른가
- 영상 9차시 · 4시간 40분 — HTML·CSS·자바스크립트 기초부터 컴포넌트·JSX·Hooks·이벤트까지 화면을 보며 따라 합니다.
- 일기장 프로젝트 완성 · 배포 — 배운 내용을 모아 일기장 앱을 직접 만들고 배포까지 마칩니다.
- 수강생 질문 게시판 — 수강 중 궁금한 점은 과정 질문 게시판에 남길 수 있습니다.
과정 안내
총 학습 시간
4.7시간
차시
9개
수강 기간
30일
수강료
₩61,380
과정 소개
React를 위한 HTML·CSS·자바스크립트 기초부터 컴포넌트, JSX, Hooks·Lifecycle, 이벤트 처리까지 배우고 일기장 프로젝트를 만들어 배포하며 마무리합니다.
웹 화면 개발의 대표 도구를 제대로 익히면 만들 수 있는 것의 범위가 달라집니다.
교육 목표
React 학습에 필요한 HTML·CSS·JavaScript 기초를 정리한다
컴포넌트와 JSX로 화면을 구성한다
Hooks·Lifecycle·이벤트로 상태와 동작을 다룬다
일기장 프로젝트를 완성하고 배포한다
학습 대상
자바스크립트 기초를 알고 프론트엔드 개발로 넘어가고 싶은 분
리액트를 배우다 어려워서 멈췄던 초보 개발자
최신 프론트엔드 기술 흐름을 이해하고 싶은 기업 실무자
직접 만든 웹 서비스를 배포까지 해 보고 싶은 입문자
이런 분께 추천해요
- 1
프론트엔드로 넘어가고 싶은 분
자바스크립트 기초는 알고, 이제 화면을 만드는 프론트엔드 개발을 시작하고 싶은 분
- 2
리액트를 배우다 멈췄던 분
혼자 공부하다 어려워서 포기했던 초보 개발자 — 비유와 예시로 다시 차근차근
- 3
최신 프론트엔드 흐름이 궁금한 실무자
컴포넌트·Hooks 같은 요즘 웹 개발 방식을 직접 이해하고 싶은 기업 실무자
이런 걸 배워요
마지막 2개 차시는 일기장 프로젝트 제작과 배포 (9차시)
1차시 · React를 위한 HTML, CSS
2차시 · React를 위한 Javascript
3차시 · React와 컴포넌트
4차시 · JSX 다루기
5차시 · 컴포넌트 만들기
6차시 · React Hooks와 LIfecycle
7차시 · 이벤트 다루기
8차시 · 일기장 프로젝트 시작하기
9차시 · 일기장 프로젝트 마무리 및 배포
강의에서 직접 만들어 보는 것들
수료 후 이렇게 달라집니다
HTML·CSS·JS 기초부터 컴포넌트·JSX·Hooks·이벤트까지 한 흐름으로 갖춥니다
상태와 Lifecycle을 이해하고 실제 프로젝트에 적용합니다
일기장 프로젝트를 완성·배포하며 "나도 만들 수 있다"는 확신을 얻습니다
수강 전과 후, 이렇게 달라집니다
리액트는 처음. VSCode 설치부터 함께 시작합니다.
직접 만든 일기장 앱을 Vercel에 배포해 완성합니다.
과정 홍보 이미지
참고 도서
한 입 크기로 잘라 먹는 리액트 — 자바스크립트 기초부터 애플리케이션 배포까지
수강 전 참고 사항
난이도 초급 · 9차시 · 총 4시간 40분 분량의 온라인 동영상 강의입니다.
PC와 코드 에디터가 필요한 실습 강의입니다.
앞부분에서 HTML·CSS·JavaScript 기초를 다시 정리해 주지만, 자바스크립트 기본 문법을 알고 오면 훨씬 수월합니다.
마지막 두 차시에서 일기장 프로젝트를 만들고 배포까지 진행합니다.
PC·모바일 모두 수강할 수 있으며, 수강 기간 동안 몇 번이든 다시 볼 수 있습니다.
커리큘럼
총 9개 차시 · 4시간 40분
| 회차 | 차시 | 학습 시간 |
|---|---|---|
| 1 | React를 위한 HTML, CSS | 37분 |
| 2 | React를 위한 Javascript | 37분 |
| 3 | React와 컴포넌트 | 26분 |
| 4 | JSX 다루기 | 31분 |
| 5 | 컴포넌트 만들기 | 40분 |
| 6 | React Hooks와 LIfecycle | 17분 |
| 7 | 이벤트 다루기 | 34분 |
| 8 | 일기장 프로젝트 시작하기 | 17분 |
| 9 | 일기장 프로젝트 마무리 및 배포 | 37분 |
강사 소개
유동균
해치랩스 프론트엔드 개발자
- (현) 해치랩스 프론트엔드 개발자
- (전) 라인 파이낸셜 프론트엔드 개발자
- 삼성 SSAFY 등 프론트엔드 개발 강의
- 웹 성능 최적화 프로젝트 및 강의 제작
- 마이크로소프트웨어 393호(JS 주제)·392호(블록체인 주제) 기고
자주 묻는 질문
Q.리액트를 전혀 몰라도 들을 수 있나요?
네. 초급 과정이며 1·2차시에서 React에 필요한 HTML·CSS·JavaScript 기초를 먼저 정리합니다. 다만 자바스크립트 기본 문법을 알고 오면 훨씬 수월합니다.
Q.실습하려면 무엇이 필요한가요?
PC와 코드 에디터가 필요합니다. 일기장 프로젝트 차시에서 VSCode와 Node.js를 설치하고 React 프로젝트를 초기 세팅하는 과정부터 함께 따라 합니다.
Q.강의 분량은 어느 정도인가요?
9차시, 총 4시간 40분 분량의 온라인 동영상 강의입니다.
Q.강의를 마치면 무엇을 만들 수 있나요?
강의 중에 숙소 정보 카드, 타자 연습 게임, 설문조사 폼을 실습하고, 마지막 두 차시에서 일기장 프로젝트를 완성해 Vercel로 배포합니다.
Q.모바일로도 볼 수 있고, 다시 볼 수 있나요?
PC·모바일 모두 수강할 수 있으며, 수강 기간 동안 몇 번이든 다시 볼 수 있습니다. 실습은 PC에서 하는 것을 권장합니다.