# useEffect

523개의 포스트
post-thumbnail

useEffect, 꼭 필요할 때만 쓰자

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

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

[React] useLayoutEffect vs useEffect, 사용법

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

6일 전
·
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개의 댓글
·
post-thumbnail

useEffect

프로젝트를 수행하며 가장 이해가 안됐던 게 useEffect다. 아니 사이드이펙트를 관리하기 위해 함수를 넣고, 관련 변수가 변한다면 실행되게 의존성 배열에 변수를 넣어 실행시키는 건 아는데, 의존성 배열에 잘못 넣으면 무한 새로고침, 무한 요청이 일어났다. 알아보자.

2023년 2월 27일
·
5개의 댓글
·

[React] useEffect

Side Effect : 부수효과. 의도하지 않은 다른 동작 함수 내에서 모든 동작이 이루어지는 경우 => side effect 없다 함수 밖에서 값을 가져오는 경우 => side effect 있다 console.log : 대표적인 side effect 중 하나 (외부

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

useRef && useEffect

ref는, JS의 getElenentById()처럼, Component의 어떤 부분을 선택할 수 있게 해주는 방법이다.React에 있는 모든 Component는 Reference Element를 가지고 있어서 어떤 Component에 ref={변수명}을 넣어주면, 해당

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

데브로드 4주차

반성이 많은 한 주다.부지런히 움직이기만 한다고 더 많은 것을 흡수하는 건 아닌 것 같다.컨디션 관리도 못했고, 아침 공부도 효율적이게 쓰지는 못했다.이번주 수업을 듣고 useEffect와 state에 대해 많은 생각을 했다.아직도 와닿지 않는 것들이 많다. 리액트 외

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

useEffect

👻useEffect

2023년 2월 19일
·
1개의 댓글
·

[오류] useEffect 밖에 선언한 변수에 undefined

useEffect 밖에 let data 이런식으로 변수를 선언해두고 useEffect 에서 값을 넣어서 컴포넌트 retrun 할때 값을 표시해 주려고 했는데해당 값이 undefined 으로 나오는 문제를 발견했다..검색해보니 이미 렌더링이 끝난 뒤에 (return이 실

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

UseEffect vs UseMemo/UseCallback

UseEffect vs UseMemo/UseCallback

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