# Effect Hook

9개의 포스트
post-thumbnail

[React] 클라이언트 Ajax 요청

React의 데이터 흐름여러 컴포넌트 사이에서 어떤 방식으로 데이터를 다루는지Effect Hook와 Ajax를 사용해 서버로부터 데이터를 받아오는 방법1-1 React 데이터 흐름1-2 State 끌어올리기 (Lifting State Up)2-1 Side Effect2

2022년 6월 15일
·
0개의 댓글

[개발자되기: 클라이언트 Ajax 요청] Day-30

컴포넌트는 컴포넌트 바깥에서 props를 이용해 데이터를 전달받음 단방향 데이터 흐름(one-way data flow)(맞으면 state 아님)(맞으면 state 아님)(맞으면 state 아님)ex) 하위 컴포넌트의 클릭 이벤트가 부모의 상태를 바꾸어야만 하는 상황 =

2022년 6월 14일
·
0개의 댓글

TIL 23

React 실습: 데이터 흐름을 이해하고 비동기 요청 처리하기

2021년 12월 28일
·
0개의 댓글

TIL 15

Effect Hook, Promise, 그리고 then에 대하여

2021년 11월 23일
·
0개의 댓글

[TIL : 23] 데이터 흐름의 이해, 비동기 요청 처리

React에서의 데이터 흐름, 단방향 데이터 흐름을 이해할 수 있다.리액트의 특징 중 하나는 데이터는 위에서 아래로 하향식(top-down) 흐름을 갖는다는 것이다. 데이터를 전달하는 주체는 부모컴포넌트이고, 컴포넌트는 props를 통해 전달받은 데이터가 어디서 왔는지

2021년 11월 16일
·
0개의 댓글
post-thumbnail

Effect Hook

<HOOK 사용코드 예시>최상위에서만 Hook을 호출합니다.React 함수 내에서 Hook을 호출합니다.빈 배열 넣기 : useEffect(함수, \[])빈 배열을 useEffect의 두 번째 인자로 사용하면, 이 때에는 컴포넌트가 처음 생성될때만 effect 함

2021년 10월 20일
·
0개의 댓글
post-thumbnail

[TIL 31] React Hooks: useEffect

리액트 공식 문서Hook은 클래스 컴포넌트를 작성하지 않아도 state와 같은 특징들을 사용할 수 있다.Effect Hook을 사용하면 함수 컴포넌트에서 side effect를 수행할 수 있다.React 컴포넌트가 화면에 렌더링 된 이후에 비동기로 처리되어야 하는 부수

2021년 6월 28일
·
0개의 댓글
post-thumbnail

React_데이터 흐름과 비동기 처리

React의 데이터 흐름과 Effect Hook을 통한 비동기 처리

2021년 5월 29일
·
0개의 댓글
post-thumbnail

[TIL] Day34- 데이터 흐름의 이해와 비동기 요청 처리

React 데이터 흐름React에서의 데이터 흐름, 단방향 데이터 흐름을 이해할 수 있다.어떤 컴포넌트에 state가 위치해야 하는지 알 수 있다.State 끌어올리기의 개념을 이해할 수 있다.상태 변경 함수가 정의된 컴포넌트와, 상태 변경 함수를 호출하는 컴포넌트가

2021년 5월 25일
·
0개의 댓글