# useEffect

532개의 포스트
post-thumbnail

backend로 데이터 받아 useEffect 사용하기

먼저 실전 실습을 하기 위해 폴더와 파일을 먼저 생성해보자.1.Component폴더에 데이터를 받아 사용할 UseEffectFetch.jsx 폴더 생성2.backend폴더도 하나 생성해 server.js라는 파일 생성3.props로 받아올 ProfileComponent

약 10시간 전
·
0개의 댓글
·
post-thumbnail

React ) useEffect 총 정리

useEffect란?리액트의 컴포넌트의 생명주기(Life cycle)라는 것이 존재하는데,생성(mount), 갱신(update), 삭제(unmount)으로 구분되어 있다.useEffect는 이러한 생명주기에 따라 원하는 코드를 실행할 수 있게 만들어주는 훅이다.useE

어제
·
0개의 댓글
·
post-thumbnail

리액트

Dom요소에 접근을 위해 사용이 되는 React hooks 이다. Ref는 reference의 약자로 '참조'라는 뜻이며 참조한 값을 저장하고 있는 공간이다. useState는 state값이 바뀌면 컴포넌트를 재렌더링 시킨다. 하지만 useRef 는 값이 아무리 변경되

1일 전
·
0개의 댓글
·
post-thumbnail

React UseEffect를 이용한 with DB 초기 값 설정

문제 - React DB 연동시 초기 값을 불러와 저장useEffect의 경우 2개의 파라미터를 가지는데 첫번 째 파라미터는 실행되는 명령어가 들어가 있고, 두번 째 파라미터는 추적할 값을 지정한다. 해당 값의 변동이 발생하게 되면 해당 값이 속한 useEffect가

3일 전
·
0개의 댓글
·

이것이 Effect ..? - NEW 리액트 공식문서

아니, 공식문서에서 useEffect가 이렇게 늦게 나온다고? 원래 안그랬잖아... 심지어 useRef보다도 늦게 나오고, 심심지어 둘 다 리액트 밖으로 나가고 싶을 때 이런 탭에 있다니! 의역이다. 원문은 Escape Hatches. 차근차근 Effect가 뭔지 다

4일 전
·
0개의 댓글
·
post-thumbnail

[React] Effect Hook, UseEffect

함수 내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우를 말한다.React에서는 컴포넌트 내에서 fetch를 사용해 API 정보를 가져오거나 이벤트를 활용해 DOM 직접 조작할 때 Side Effect가 발생했다고 한다.순수 함수(Pure function)는 입력으로

2023년 3월 25일
·
0개의 댓글
·
post-thumbnail

useEffect, 꼭 필요할 때만 쓰자

덕지덕지 붙어있는 useEffect를 제거해보자.

2023년 3월 22일
·
2개의 댓글
·
post-thumbnail

[React] useLayoutEffect vs useEffect, 사용법

리액트로 개발을 경험해본 사람이라면 useEffect 훅에 대해 잘 알고 있을 것이다. 이번 글에서는 useEffect과 유사한 useLayoutEffect 훅에 대해 작성해보고자 한다.useEffect과 useLayoutEffect에 대해 알아보기 전에, 먼저 브라우

2023년 3월 18일
·
1개의 댓글
·
post-thumbnail

<React>리액트 Hooks( useState, useEffect )

useState useState는 상태값을 관리하게 해주는 hook이다. 기본값(initialState)을 파라미터로 받고, 상태값이 state와 상태값을 변경할 수 있는

2023년 3월 15일
·
0개의 댓글
·
post-thumbnail

[react] Hooks | useState, useEffect 이해

Hooks? useState, useEffect 이해React를 사용하면서 꼭 사용하게 되는 useState와 useEffect에 대해 알아볼 것이다. 그 전에 react Hook이라는 것에 대해 먼저 알아보도록 하자.react의 함수 구성요소는 다음과 같다.Hooks

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

React useEffect 생애주기(생명주기)

React 컴포넌트의 생애 주기 (생명 주기)탄생(화면에 나타나는 것 Mount) -> 변화(업데이트(리렌더) Update) -> 죽음(화면에서 사라짐 UnMount)React는 기본적으로 Lifecycle마다 실행할 수 있는 메서드를 가지고 있다.ComponentDi

2023년 3월 10일
·
0개의 댓글
·
post-thumbnail

[알게된 것] React, useEffect에서 setInterval 사용하기

슬라이드 기능을 만들어야하는데, React에서 setInterval을 사용하면 반복적인 리랜더링이 발생하지 않나..? 라는 생각이 들어 알아보기 시작했다.무엇보다 중요한 점은 useEffect내부에서 선언된 setInterval을 멈추는 방법을 모른다.위와 코드를 작성

2023년 3월 9일
·
0개의 댓글
·
post-thumbnail

Today I Learned 2023.03.06. [React 프로젝트 1]

조금 더 프론트엔드적인 사고를 할 수 있게 해주는 optional chaining과 useEffect

2023년 3월 6일
·
0개의 댓글
·
post-thumbnail

React 의 useState 와 useEffect 에 대해 설명해주세요.

React 의 useState 와 useEffect 에 대해 설명해주세요

2023년 3월 2일
·
0개의 댓글
·
post-thumbnail

React에서 Closure의 활용

React 과제에서 setInterval을 처리할 때 Closure을 활용했던 코드

2023년 3월 2일
·
0개의 댓글
·
post-thumbnail

react - 조건부 렌더링: useEffect()에서 fetch시 갑자기 빈배열이 출력되는 이유

2023.03.02(목) 2차 프로젝트 진행 중참고자료 | React 에러 일지레이아웃 제작을 완료하고 기능 구현을 하기 위해 mock data를 생성해서 useEffect() 안에 fetch()함수를 사용하여 데이터를 불러오던 도중, 처음에는 데이터가 잘 담겨서 불러

2023년 3월 2일
·
0개의 댓글
·
post-thumbnail

[React] Hook

useState, useEffect, useReducer

2023년 3월 1일
·
0개의 댓글
·

useMemo vs useEffect

useEffect(() => {aaa},변화)변화가 생기면 aaa 를 자동으로 실행하기 위해 사용함

2023년 2월 28일
·
0개의 댓글
·