누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌 - 인프런

LifeCycle API 소개 및 사용법 (ii)

강의명 : 누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌

수강 기한 : 무제한

진도율 : 0강/22강 (0%) | 시간 : 0분/173분

나가기

미수강

이전수업

다음수업

LifeCycle API 참고 문서 코드: https://codesandbox.io/s/xl313zyrkw

누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌

수강 기한 : 무제한

진도율 : 0강/22강 (0%) | 시간 : 0분/173분

리액트는 무엇인가

강의 소개

3분

프론트엔드 라이브러리란 무엇인가?

9분

리액트의 Virtual DOM

4분

리액트를 특별하게 만드는 점

4분

리액트 프로젝트 시작하기

본격적인 리액트 코드 작성하기

7분

JSX

JSX 기본 문법 알아보기 (i)

10분

JSX 기본 문법 알아보기 (ii)

7분

props 와 state

Props 를 사용하는 방법

12분

State 를 사용하는 방법

8분

LifeCycle API

LifeCycle API 소개 및 사용법 (i)

8분

LifeCycle API 소개 및 사용법 (ii)

22분

리액트 작업환경 직접 설정하기

필요한 도구 설치하기

7분

Create react app 사용하기

7분

인풋 상태 관리

Input 상태 관리하기

8분

배열 데이터 렌더링 및 관리

배열에 데이터 삽입하기

9분

배열 렌더링하기

8분

배열에서 데이터 제거하기

8분

배열 안의 데이터 수정하기

12분

최적화, 활용, Ref

shouldComponentUpdate 를 통한 최적화. 불변성을 왜 유지하는가?

10분

이름으로 전화번호 찾기

2분

Ref 를 통하여 DOM 에 직접 접근하기

4분

마무리

마치면서..

3분

커뮤니티 게시판

질문
자유주제
스터디

다른 수강생들이 자주 물어보는 질문이 궁금하신가요?

질문
componentDidCatch() 부분에서 크로쓰 오리진 에러가 뜹니다.

componentDidCatch() 부분에서 저는 크로쓰 오리진 에러가 뜨네요... A cross-origin error was thrown. React doesn't have access to the actual error object in development. See https://fb.me/react-crossorigin-error for more information. 뭐가 문제인지 알 수 있을까요? (코드 https://codesandbox.io/s/5klql536vk)

킹덤시즌2

1

0

1
질문
componentDidCatch에 관련된 질문입니다.

componentDidCatch 를 사용할때getBoundingClientRect 을 호출하게 되면..this를 찾을 수 없어서 그런지..오류를 내면서 componentDidCatch 도 호출이 안됩니다.이런 경우는 어떻게 처리를 해야하는건가요? componentDidMount() { console.log(this.myDiv.getBoundingClientRect().height); } componentDidCatch(error, info) { console.log(error); //에러내용 console.log(info); //에러발생지 this.setState({ error: true });

no_ok

0

0

1
질문
생명주기 관련해서 질문드립니다. ^^

아무래도 리액트 생명주기는 이론적인 개념이 많다보니, 실제 업무에서는 어떻게 사용되는지 궁금합니다.예를 들어 리액트 네이티브에서 Firebase 안에 있는 데이터를 가져온다고 했을 때 componentDidMount() 안에 관련 코드를 입력하게 됩니다. 먼저 컴포넌트를 다 만든 후에 Firebase의 데이터를 가져오는 것으로 알고 있는데...이처럼 각각의 생명주기가 실무에서 구체적으로 어떤 경우에 사용되는지 질문 드립니다. ^^

휴식중인 불가사리

0

0

0

아직 관련 글이 없습니다. 첫 글을 남겨 주세요!

커뮤니티