# useEffect

405개의 포스트

useEffect 사용해 보기

Detail페이지에 들어가면 alert가 뜨고,2초 후 박스를 사라지게 해보겠음동적인 ui를 만들땐,1\. ui상태를 저장한 state 생성2\. state에 따라 ui가 어떻게 보일지 작성state를 생성해서 기본값을 true로 두었음.그리고 3항 연산자를 사용해서

어제
·
0개의 댓글
·

React_Lifecycle, useEffect

컴포넌트는 생성/재렌더링/삭제 의 lifecycle을 가짐생성 : mount재렌더링 : update삭제 : unmount컴포넌트가 생성/제랜더링/삭제될 때마다 특정코드를 실행하는 기능을 hook으로 구현 가능useEffect hoock을 사용하여 구현일반적인 사용방법u

어제
·
0개의 댓글
·

프론트 엔드 개발자가 되기위한 여정 -23

밸~하!밸로그 여러분 안녕하세요!! 오늘의 포스팅 주제는 바로 !useEffect입니당!지난시간에 컴포넌트 생명주기에 대해서 알아보았는데요저번 포스팅에서 이야기 드렸던것처럼 조금 더 간편하게 React에서 지원하는게 있습니다! 바로 오늘의 주제인 useEffect인데요

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

[React] useEffect

useEffect Hook을 이용하여 우리는 React에게 컴포넌트가 렌더링 이후에 어떤 일을 수행해야하는 지 알려준다.React는 우리가 넘긴 함수를 기억했다가(이 함수를 ‘effect’라고 부릅니다) DOM 업데이트를 수행한 이후에 불러낼 것이다컴포넌트 전체가 리렌

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

useLayoutEffect vs useEffect

MountUpdate (when state changes based on any event)UnMountRun lazy initializer RenderReact updates DOMRun Layout EffectsBrowser paints the screenRuns

2022년 9월 27일
·
0개의 댓글
·
post-thumbnail

[ About React ⭐ ] 리액트 기본기

리액트 오늘 배운 거 정리컴포넌트는 JSX 코드를 리턴하는 함수이고 태그처럼 사용하여 커스텀할 수 있음 HTML 태그와 구분하기 위해 컴포넌트 이름은 항상 대문자로 시작useEffect(실행할 함수, 값)는 값이 변할 때 실행하고 싶은 함수 지정 가능 즉, 특정 코드를

2022년 9월 27일
·
0개의 댓글
·

리액트 useEffect

useEffcet 함수는 리액트 컴포넌트가 랜더링 될 때마다 특정 작업을 실행할 수 있도록 하는 Hook이다.useEffect는 component가 mount 됐을 때, component가 unmount 됐을 때, component가 update 됐을 때, 특정 작업을

2022년 9월 25일
·
0개의 댓글
·
post-thumbnail

리액트 Hooks - useEffect()

리액트 useEffect

2022년 9월 24일
·
0개의 댓글
·
post-thumbnail

새벽에 잠안와서 올리는 useEffect 심화?? 예제

JS UseEffect 안에 setTimeout 도중 의존성이 바뀐다면!!

2022년 9월 22일
·
0개의 댓글
·

[React]useEffect 초기 렌더링 방지하는 법

https://stackoverflow.com/questions/53253940/make-react-useeffect-hook-not-run-on-initial-render/63776262#63776262

2022년 9월 21일
·
0개의 댓글
·

useEffect 내에서의 setState

useEffect 내에서의 setState

2022년 9월 21일
·
0개의 댓글
·

UseEffect 완벽 가이드 (내맘대로 요약 Fin) (By. Dan Abramov)

https://overreacted.io/ko/a-complete-guide-to-useeffect/위 패턴은 클래스 컴포넌트에서 사용할 수 없다. 이는 패러다임의 차이를 보여준다. useEffect 가 componentDidMount와 componentDid

2022년 9월 17일
·
0개의 댓글
·
post-thumbnail

[React] 검색에서 Debounce 적용해보기

debounce와 throttle을 공부하고, 검색기능을 만들면서 debounce를 적용한 이야기

2022년 9월 16일
·
0개의 댓글
·

UseEffect 완벽 가이드 (내맘대로 요약 3) (By. Dan Abramov)

https://overreacted.io/ko/a-complete-guide-to-useeffect/ 요약이다 3탄!! 액션을 업데이트로부터 분리하기 2번의 예제에 상태를 더하겠다 우리가 원하는대로 정확히 동작한다. step이 변경되면 interval은 다시 돌아

2022년 9월 15일
·
0개의 댓글
·
post-thumbnail

useEffect에서 비동기 로직 처리하기

일상공유 sns인 dailyLife를 만드는 프로젝트를 진행하던 중 게시물 컴포넌트가 불필요하게 리렌더링이 일어나는 문제가 생겼다.상태가 변한것도 아닌데 각 컴포넌트별로 최소 5번 이상 불필요한 리렌더링이 발생하니 문제가 심각하다고 생각되어 오류를 고치기위해 구글링을

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

UseEffect 완벽 가이드 (내맘대로 요약 2) (By. Dan Abramov)

https://overreacted.io/ko/a-complete-guide-to-useeffect/ 를 정리해놓은 글이다. 2탄!!본질적으로 CleanUp은 구독과 같은 Effect를 되돌리는 것이다.리액트가 {id: 10} 을 다루는 이펙트를 클린업한다.리

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

[TROUBLESHOOTING] AXIOS Infinite loop error

ERROR ❌ axios.get 를 이용해 DB에 있는 게시글 데이터를 프론트에 출력하려고 했다. 에러 메세지가 표시되는 것은 아니지만 계속해서 함수를 호출하는 지 계속해서 게시글이 console 에 호출되었다. 어? 왜 계속 찍지?? 하지만 생각해보면 내가 아

2022년 9월 14일
·
0개의 댓글
·
post-thumbnail

UseEffect 완벽 가이드 (내맘대로 요약 1) (By. Dan Abramov)

사실 오늘 이벤트 루프에 대해 더 써보려고 했는데 너무 좋은글을 읽게 되어서 요약해서 적어보려고한다.Dan Abramov의 글이다.https://overreacted.io/a-complete-guide-to-useeffect/ useEffect에서 완벽히 co

2022년 9월 13일
·
0개의 댓글
·
post-thumbnail

Hooks와 setInterval, 친해지길 바라

페이지가 새로 렌더가 될 때마다 각 페이지에 머무는 시간을 측정하고 싶다.useEffect에 setInterval을 넣어주면 해결이겠지?해당 함수를 useEffect안에 넣어줬는데 seconds 값을 잘 불러오지 못하는 것 같다. 값이 0에서 1로 올라간 후 멈춰있는

2022년 9월 13일
·
0개의 댓글
·