로그인
전체 강의
부트캠프
국비
커뮤니티
블로그
이벤트
수강생 작품
고객센터
기업 서비스
둘러보기
인텔리픽
신입 개발자 채용 공고를 한 곳에서
로그아웃
완주 후 평생소장
500,000원
수강신청하기
실무에 바로 쓰는 React
프론트엔드 개발자의 기본, React! 훑어보는 것이 아니라 직접 뜯어보고, 구현해보며 배웁니다.
5주 수강
11/18(월)~12/22(일)
강의 분량
29개 영상 ∙ 총 5시간 54분
500,000원
쿠폰/포인트 적용 시
480,000원
신규회원 가입 20,000원 쿠폰
수강 전 유의사항
권장 기기사항
- Window : 버전 10 이상 / RAM 8G 이상 / i5 이상 / 64bit 이상
- Mac : 11.7 (Big Sur) 이상
[기기 사양 확인법]
- Window : 컴퓨터 설정 → 시스템 → 정보
- Mac : 화면 왼쪽 상단 Apple 로고 → 이 Mac에 관하여
유의사항
리액트로 프로젝트 만드는 법은 아는데, 어떻게 돌아가는지는 모르겠어요!
리액트 취준생
React가 앞으로도 계속 핫할 것 같은데, 쉽게 배워보고 싶어요.
개발자
기술면접에서 React의 동작 원리를 물어보면 대답을 못하겠어요.
면접준비생
리액트 동작 원리, 실무에 바로 쓰는 React로!
프론트엔드 개발자의 기본, React! 훑어보는 것이 아니라 직접 뜯어보고, 구현해보며 배웁니다.
5주 수강
수강 기간
11/18(월)~12/22(일)
29
강의방식
29개 동영상
4
결과물
웹사이트 4개
완강 혜택
강의 및 자료 평생소장
* 기기사양
Window 10 이상 / Mac 11.7(Big Sur) 이상
[기기 사양 확인법]
- 윈도우: 컴퓨터 설정 → 시스템 → 정보
- Mac: 화면 왼쪽 상단 Apple 로고 → 이 Mac에 관하여
[상세 사양]
- 윈도우 : 버전 10 이상 / RAM 8G 이상 / i5 이상 / 64bit 이상 - Mac : 11.7 (Big Sur) 이상
Your browser does not support the video tag
닫기
커리큘럼
5주 과정
웹사이트 4개
사용 기술
HTML, CSS, React, JavaScript
구현 기능
포켓몬 도감 사이트 만들기
1주차
React 기초 다지기
리액트 컴포넌트가 무엇인지 이해하고, 함수형 컴포넌트를 만들어봅니다.
6강
총 1시간 6분
1-1
컴포넌트란?
1-2
컴포넌트 문법
1-3
컴포넌트 JSX
1-4
컴포넌트 Props
1-5
리스트 데이터 렌더링
1-6
미니 프로젝트 - 포켓몬 도감 만들기
2주차
React에 인터랙티브 얹기
State가 무엇인지 알아보고, 리액트 라이프 사이클을 활용해봅니다.
6강
총 1시간 44분
2-1
이벤트 다루기 (Event Handling)
2-2
State란?
2-3
UseState 활용하기
2-4
상태를 보존하는 또 다른 방법, useRef
2-5
이펙트 다루기 (feat.useEffect)
2-6
서버 통신 - useEffect / 미니 프로젝트 - 포켓몬 도감 만들기 (2)
3주차
React 딥 다이브
useMemo와 같은 최적화를 위한 hook을 사용하고, 복잡한 상태를 다뤄봅니다.
7강
총 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)
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 프로젝트 - 관련 영상 목록 추가하기
강의 완강 혜택
튜터 소개
React 저와 함께라면 어렵지 않아요!
윤석주
카페24 EC 개발팀
현 K사 재직
논문 * Study of Eye Gaze and Presence Effect in Virtual Reality, HCII 2019 Conference Poster, Springer Nature
완강까지 책임지는 학습 관리 시스템
FAQ
더 많은 질문 보기
이런 강의는 어때요?