리액트 최신버전 공식문서 파먹기

현업에서 일해야만 알 수 있는 React의 특별한 기술이 있는게 아닙니다. 기본기로 충분합니다. React 공식문서를 토대로 설명 드립니다.

32명 이 수강하고 있어요.

더코딩클럽

초급자를 위해 준비한
[프론트엔드, React] 강의입니다.

이런 걸 배울 수 있어요

component
props
jsx
import, export
조건부 랜더링
상태정의
상태관리 설계하는 방법
객체 상태관리
배열 상태관리
상태 공유
reducer
context
useRef
useEffect

안녕하세요 더코딩클럽입니다.

현업에서만 알 수 있는 특별한 나만 모르는 기술이 있다고 생각할 수 있는데요.

하지만 대부분의 이론들은 공식문서 API 기본 개념에서 파생되어온 것들이기 때문에 공식문서의 개념을 탄탄하게 잡아놓으면 실력이 쑥쑥 성장한다고 생각합니다.

그래서 해당 강의는 React ( 현재까지 최신 18.2 ) 버전의 공식문서를 설명해주는 강의입니다.
공식문서의 모든 내용이 중요하지만 그 중에서도 중요한 section만 추려서 강의를 촬영했습니다.

주의사항
제가 따로 강의자료를 준비하진 않고 React 공식문서
https://react.dev/learn
를 참조해서 강의를 촬영하였습니다.

많은 수강 바랍니다. 감사합니다.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

리액트 혼자공부하기 힘드신 분
공식문서 독학하려니 이해하기 힘드신 분

선수 지식,
필요할까요?

html
css
javascript

안녕하세요
더코딩클럽입니다.

6,772

명

수강생

개

수강평

개

답변

4.6

점

강의 평점

개

강의

수강하시는 분들은 IT 계열에 관심 있으실 것 같습니다.
수강하시는 모든 분들이 원하는 목표 성취하셨으면 좋겠습니다.

많은 수강 바래요.

[현업개발 이력]

전 한화에너지 컨버전스 SI 사업부 IT 개발 2019 ~ 2020

현 중소기업 개발자 2021 ~ 2025

[학력]

경희대학교 전자공학과 졸업 ( 학사 )

커리큘럼

전체

22개 ∙ (2시간 44분)

섹션 1. React UI

8개 ∙ (30분)

강의소개
00:41
React Component
06:39
import export로 모듈 가져오고 내보내기 (feat : default )
02:25
jsx 문법으로 마크업하기
03:27
jsx 문법으로 마크업하기 2
04:36
props ( properties 의 약자 ) 로 상태값 전달하기
04:42
조건부 랜더링
02:52
리스트 랜더링 ( key 식별자 주의 )
05:13

섹션 2. React 상호작용

6개 ∙ (45분)

React Event
06:36
react 상태 정의 ( useState )
06:12
스냅샷으로 랜더링 되는 근본적인 메카니즘
08:16
React 랜더링 일괄 업데이트
04:29
객체 상태값 업데이트
07:55
배열 상태값 업데이트
12:12

섹션 3. React 상태관리

5개 ∙ (54분)

React 상태값(useState 를 이용) 설계 5원칙
19:17
상태값 공유
04:37
상태값 reset
06:53
reducer ( 리덕스 아님 주의 )
11:45
context ( 전역으로 상태값에 접근 )
11:50

섹션 4. React 탈출구

3개 ∙ (34분)

강의 게시일: 2024. 03. 26.

마지막 업데이트일: 2024. 03. 27.

수강평

아직 충분한 평가를 받지 못한 강의입니다.

모두에게 도움이 되는 수강평의 주인공이 되어주세요!

리액트 최신버전 공식문서 파먹기

초급자를 위해 준비한 [프론트엔드, React] 강의입니다.

이런 걸 배울 수 있어요

안녕하세요 더코딩클럽입니다.

현업에서만 알 수 있는 특별한 나만 모르는 기술이 있다고 생각할 수 있는데요.

이런 분들께 추천드려요!

안녕하세요 더코딩클럽입니다.

커리큘럼

수강평

초급자를 위해 준비한
[프론트엔드, React] 강의입니다.

이런 분들께
추천드려요!

안녕하세요
더코딩클럽입니다.