로그인
로그아웃
강의
실무에 바로 쓰는 React
500,000원
학습 질문
일반문답
선택 안 함
부가 서비스
학습알림
찐한관리
요약노트
최종 금액
500,000원
완주 후 평생소장
500,000원
수강신청하기
실무에 바로 쓰는 React
프론트엔드 개발자의 기본, React! 훑어보는 것이 아니라 직접 뜯어보고, 구현해보며 배웁니다.
32개 수업
총 5시간 54분
500,000원
다른 방법으로도 수강할 수 있어요
일반 결제로
수강하기
내일배움카드로
국비지원 받기
수강 전 유의사항
권장 기기사항
- Window : 버전 10 이상 / RAM 8G 이상 / i5 이상 / 64bit 이상
- Mac : 11.7 (Big Sur) 이상
[기기 사양 확인법]
- Window : 컴퓨터 설정 → 시스템 → 정보
- Mac : 화면 왼쪽 상단 Apple 로고 → 이 Mac에 관하여
리액트로 프로젝트 만드는 법은 아는데, 어떻게 돌아가는지는 모르겠어요!
리액트 취준생
React가 앞으로도 계속 핫할 것 같은데, 쉽게 배워보고 싶어요.
개발자
기술면접에서 React의 동작 원리를 물어보면 대답을 못하겠어요.
면접준비생
리액트 동작 원리, 실무에 바로 쓰는 React로!
프론트엔드 개발자의 기본, React! 훑어보는 것이 아니라 직접 뜯어보고, 구현해보며 배웁니다.
실무에 바로 쓰는 React
5주 수강 후 평생 소장
32개 수업 ・ 총 5시간 54분
웹사이트 3개 제작
사전 지식 없이 수강 가능
* 기기사양
Window 10 이상 / Mac 11.7(Big Sur) 이상
[기기 사양 확인법]
- 윈도우: 컴퓨터 설정 → 시스템 → 정보
- Mac: 화면 왼쪽 상단 Apple 로고 → 이 Mac에 관하여
[상세 사양]
- 윈도우 : 버전 10 이상 / RAM 8G 이상 / i5 이상 / 64bit 이상 - Mac : 11.7 (Big Sur) 이상
커리큘럼
5주 과정
웹사이트
3개
사용 기술
HTML, CSS, React, JavaScript
구현 기능
포켓몬 도감 사이트 만들기
챕터 1
React 기초 다지기
리액트 컴포넌트가 무엇인지 이해하고, 함수형 컴포넌트를 만들어봅니다.
7강
총 1시간 6분
1-1
컴포넌트란?
1-2
컴포넌트 문법
1-3
컴포넌트 JSX
1-4
컴포넌트 Props
1-5
리스트 데이터 렌더링
1-6
미니 프로젝트 - 포켓몬 도감 만들기
1-7
포켓몬 도감 만들기
챕터 2
React에 인터랙티브 얹기
State가 무엇인지 알아보고, 리액트 라이프 사이클을 활용해봅니다.
7강
총 1시간 44분
2-1
이벤트 다루기 (Event Handling)
2-2
State란?
2-3
UseState 활용하기
2-4
상태를 보존하는 또 다른 방법, useRef
2-5
이펙트 다루기 (feat.useEffect)
2-6
서버 통신 - useEffect / 미니 프로젝트 - 포켓몬 도감 만들기 (2)
2-7
포켓몬 도감 만들기 (2)
챕터 3
React 딥 다이브
useMemo와 같은 최적화를 위한 hook을 사용하고, 복잡한 상태를 다뤄봅니다.
8강
총 1시간 57분
3-1
State로직을 Reducer로 추출하기
3-2
최적화의 기본 - useMemo
3-3
최적화의 기본 - React.memo
3-4
최적화의 기본 - useCallback
3-5
Context - 상태를 관리하는 인공위성
3-6
Custom Hook
3-7
커스텀 훅 만들기 / 미니 프로젝트 - 포켓몬 도감 만들기 (3)
3-8
포켓몬 도감 만들기 (3)
챕터 4
나만의 블로그 만들어 배포하기
리액트와 마크다운으로 나만의 개발 블로그를 만들어봅니다.
5강
총 29분
4-1
React Router DOM / 마크다운
4-2
실전 프로젝트 - 블로그 만들기
4-3
커스텀 블로그 만들기 - App.js 셋팅
4-4
커스텀 블로그 만들기 - Dynamic Routing
4-5
커스텀 블로그 만들기 - Header와 Footer
챕터 5
실전 React 프로젝트 시작하기 - 핀터레스트
핀터레스트 클론 코딩으로 리액트 개발 사이클을 배워봅니다.
5강
총 36분
5-1
Youtube 프로젝트 - 개요 및 환경 설정
5-2
Youtube 프로젝트 - 메인 페이지 만들기
5-3
Youtube 프로젝트 - 검색 기능 구현하기
5-4
Youtube 프로젝트 - 상세 페이지 만들기
5-5
Youtube 프로젝트 - 관련 영상 목록 추가하기
강의 수강 혜택
튜터 소개
윤석주
카페24 EC 개발팀
현 K사 재직
논문 * Study of Eye Gaze and Presence Effect in Virtual Reality, HCII 2019 Conference Poster, Springer Nature
완강까지 책임지는 학습 관리 시스템
결국 끝까지 듣고 내 것으로 만드는 게 가장 중요해요. 나에게 필요한 학습 관리 서비스를 선택해 보세요.
*수강 신청 단계에서 선택 시 상품 금액에 포함되는 유료 서비스
진도 관리 - 학습 알림 / 찐한 관리
학습 알림 (문자) : 문자, 알림톡으로 학습 공지 및 독려 메시지를 보내드려요.
찐한 관리 (전화) : 끝까지 완주하실 수 있도록 학습관리 매니저가 전화로 독려해 드려요.
학습 질문 - 일반문답
공부하다가 궁금한 점이 생기면 언제든 학습 질문 게시판에 질문을 남겨요. 튜터에게 24시간 이내 답변을 받을 수 있어요.
AI 요약 노트
AI가 정리해준 학습 내용 요약 기능으로 배울 내용을 한 눈에 파악해요.
FAQ
더 많은 질문 보기