스파르타코딩클럽 로고
로그인
전체 강의
부트캠프
국비
커뮤니티
블로그
이벤트
수강생 작품
고객센터
기업 서비스
둘러보기
인텔리픽
신입 개발자 채용 공고를 한 곳에서
로그아웃
완주 후 평생소장
500,000원

실무에 바로 쓰는 React

프론트엔드 개발자의 기본, React! 훑어보는 것이 아니라 직접 뜯어보고, 구현해보며 배웁니다.
5주 수강
9/23(월)~10/27(일)
강의 분량
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주 수강
수강 기간
9/23(월)~10/27(일)
29
강의방식
29개 동영상
4
결과물
웹사이트 4개
완강 혜택
강의 및 자료 평생소장

[기기 사양 확인법]
- 윈도우: 컴퓨터 설정 → 시스템 → 정보
- Mac: 화면 왼쪽 상단 Apple 로고 → 이 Mac에 관하여

[상세 사양]
- 윈도우 : 버전 10 이상 / RAM 8G 이상 / i5 이상 / 64bit 이상 - Mac : 11.7 (Big Sur) 이상
닫기
커리큘럼
5주 과정
웹사이트 4개
사용 기술
HTML, CSS, React, JavaScript
구현 기능
포켓몬 도감 사이트 만들기
6강
총 1시간 6분
1-1
컴포넌트란?
1-2
컴포넌트 문법
1-3
컴포넌트 JSX
1-4
컴포넌트 Props
1-5
리스트 데이터 렌더링
1-6
미니 프로젝트 - 포켓몬 도감 만들기
6강
총 1시간 44분
2-1
이벤트 다루기 (Event Handling)
2-2
State란?
2-3
UseState 활용하기
2-4
상태를 보존하는 또 다른 방법, useRef
2-5
이펙트 다루기 (feat.useEffect)
2-6
서버 통신 - useEffect / 미니 프로젝트 - 포켓몬 도감 만들기 (2)
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)
5강
총 29분
4-1
React Router DOM / 마크다운
4-2
실전 프로젝트 - 블로그 만들기
4-3
커스텀 블로그 만들기 - App.js 셋팅
4-4
커스텀 블로그 만들기 - Dynamic Routing
4-5
커스텀 블로그 만들기 - Header와 Footer
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
이런 강의는 어때요?