리액트 공식문서 함께 공부하기

2023년 리뉴얼된 React 공식 문서를 함께 학습해요.

(5.0) 수강평 10개

수강생 5,154명

정재남

React JavaScript react.js

입문자를 위해 준비한
[프론트엔드, 풀스택] 강의입니다.

이런 걸 배울 수 있어요

리액트 공식문서를 처음부터 끝까지 함께 읽어요
종종 리액트 외적인 자바스크립트 지식들도 다뤄요

혼자가 외롭다면 시간차 스터디는 어때요?
함께하는 리액트 공식문서 스터디

📢 알려드립니다

해당 강의는 지식공유자가 진행한 React 공식문서 스터디의 녹화분입니다.
React 공식문서 스터디는 《React 공식문서》를 함께 읽으며 번역 및 공부하는 취지의 모임으로서, 함께 번역한 내용을 지식공유자가 낭독하고 예제 코드를 실행하며 참가자들과 함께 해석, 유추, 보충 설명하는 방식으로 진행되었습니다.

함께 배우는 React 💡

혹시 내 얘기라면 주목하세요!

“실무에서 React를 쓰고는 있지만 정확한 사용법을 이해하고 있진 않아요.”
“React 공식문서를 읽어보려 해도, 영어와 분량의 압박 때문에 선뜻 도전하지 못하고 있어요.”

이 강의는 함께 《React 공식문서》를 읽고 예제 코드를 실행하는 방식으로 진행된 React 공식문서 스터디의 진행 과정을 담고 있습니다. 함께 React를 공부해 보아요!

✅ React 전반에 대한 이해 수준을 대폭 끌어올릴 수 있습니다.
✅ 기존에 잘못 작성한 코드를 발견하고 리팩토링하기 위한 명확한 기준을 세울 수 있게 돼요.
✅ 새로운 기능도 쉽게 이해하고 바로 적용해볼 수 있어요.

영어 문장 바로 아래에 한글 번역이 있어요. 원문만 있을 때나 번역글만 있을 때보다 훨씬 이해하기 좋습니다.

React 외적인 내용도 많이 다루어서, JavaScript 생태계의 전반적인 지식을 두루 섭렵할 수 있어요.

💡 학습 전 참고해주세요

학습 자료는 https://react-ko.dev 를 확인해주세요.
HTML, CSS 및 기본적인 Javascript 지식은 갖추고 있어야 합니다.
레퍼런스 파트 뒷부분은 향후 순차적으로 업데이트될 예정입니다. (최종 업데이트 예상 시기: 7월 말)

지식공유자의 다른 강의가 궁금하다면?

이런 분들께
추천드려요!

학습 대상은
누구일까요?

공식문서를 읽어본 적 없는 현직 개발자
공식문서로 공부하는 데에 어려움을 느끼는 취준생 등

선수 지식,
필요할까요?

자바스크립트

안녕하세요
정재남입니다.

31,231

명

수강생

633

개

수강평

389

개

답변

4.9

점

강의 평점

개

강의

안녕하세요, 시니어 프론트엔드 개발자 정재남 입니다.
서로 돕고 함께 발전하는 건전한 공유문화를 지향하여 다양한 활동을 하고 있습니다.

저서: 코어 자바스크립트

유튜브 채널: FE재남

아티클 및 인터뷰 영상:

원티드) 신입 개발자, 뭘 공부해야 하죠? https://www.wanted.co.kr/events/22_02_s01_b01
인프런) To. 주니어 개발자 https://www.inflearn.com/pages/for-junior-developers-20211207
벤처이몽) 벤처/스타트업 시니어 개발자와 주니어 개발자의 솔직담백 토크쇼 https://youtu.be/6D7I4NNFHsU?si=nD6-F7EU_ZtYqDLI
바닐라코딩) 프론트엔드 개발자 취업 마인드셋 https://youtu.be/zX68pyoLctI

커리큘럼

전체

71개 ∙ (31시간 54분)

섹션 1. 학습 | GET STARTED

6개 ∙ (3시간 38분)

섹션 2. 학습 | UI 구성하기

8개 ∙ (3시간 25분)

첫번째 컴포넌트
25:18
컴포넌트 import 및 export
14:51
JSX로 마크업 작성하기
12:38
JSX에서 JavaScript 사용하기
21:57
컴포넌트에 props 전달하기
49:49
조건부 렌더링
19:20
목록 렌더링
29:19
컴포넌트 순수성 유지
32:19

섹션 3. 학습 | 상호작용 추가하기 (Adding Interactivity)

7개 ∙ (3시간 29분)

이벤트에 응답하기
35:27
state: 컴포넌트의 메모리
34:46
렌더링하고 커밋하기
10:28
스냅샷으로서의 state
23:35
여러 state 업데이트를 큐에 담기
22:47
객체 state 업데이트
52:38
배열 state 업데이트
29:31

섹션 4. 학습 | state 관리 (Managing State)

7개 ∙ (3시간 37분)

섹션 5. 학습 | 탈출구 (Escape Hatches)

8개 ∙ (7시간 27분)

섹션 6. 레퍼런스 | react | Hooks

15개 ∙ (5시간 22분)

섹션 7. 레퍼런스 | react | Components

4개 ∙ (58분)

섹션 8. 레퍼런스 | react | APIs

5개 ∙ (50분)

섹션 9. 레퍼런스 | react | Components

5개 ∙ (1시간 4분)

섹션 10. 레퍼런스 | react-dom

6개 ∙ (2시간 1분)

강의 게시일: 2023. 07. 05.

마지막 업데이트일: 2023. 08. 06.

수강평

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

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