# useEffect
[React] useLayoutEffect vs useEffect, 사용법
리액트로 개발을 경험해본 사람이라면 useEffect 훅에 대해 잘 알고 있을 것이다. 이번 글에서는 useEffect과 유사한 useLayoutEffect 훅에 대해 작성해보고자 한다.useEffect과 useLayoutEffect에 대해 알아보기 전에, 먼저 브라우
<React>리액트 Hooks( useState, useEffect )
useState useState는 상태값을 관리하게 해주는 hook이다. 기본값(initialState)을 파라미터로 받고, 상태값이 state와 상태값을 변경할 수 있는
[react] Hooks | useState, useEffect 이해
Hooks? useState, useEffect 이해React를 사용하면서 꼭 사용하게 되는 useState와 useEffect에 대해 알아볼 것이다. 그 전에 react Hook이라는 것에 대해 먼저 알아보도록 하자.react의 함수 구성요소는 다음과 같다.Hooks
React useEffect 생애주기(생명주기)
React 컴포넌트의 생애 주기 (생명 주기)탄생(화면에 나타나는 것 Mount) -> 변화(업데이트(리렌더) Update) -> 죽음(화면에서 사라짐 UnMount)React는 기본적으로 Lifecycle마다 실행할 수 있는 메서드를 가지고 있다.ComponentDi
[알게된 것] React, useEffect에서 setInterval 사용하기
슬라이드 기능을 만들어야하는데, React에서 setInterval을 사용하면 반복적인 리랜더링이 발생하지 않나..? 라는 생각이 들어 알아보기 시작했다.무엇보다 중요한 점은 useEffect내부에서 선언된 setInterval을 멈추는 방법을 모른다.위와 코드를 작성
Today I Learned 2023.03.06. [React 프로젝트 1]
조금 더 프론트엔드적인 사고를 할 수 있게 해주는 optional chaining과 useEffect
React 의 useState 와 useEffect 에 대해 설명해주세요.
React 의 useState 와 useEffect 에 대해 설명해주세요
react - 조건부 렌더링: useEffect()에서 fetch시 갑자기 빈배열이 출력되는 이유
2023.03.02(목) 2차 프로젝트 진행 중참고자료 | React 에러 일지레이아웃 제작을 완료하고 기능 구현을 하기 위해 mock data를 생성해서 useEffect() 안에 fetch()함수를 사용하여 데이터를 불러오던 도중, 처음에는 데이터가 잘 담겨서 불러
useEffect
프로젝트를 수행하며 가장 이해가 안됐던 게 useEffect다. 아니 사이드이펙트를 관리하기 위해 함수를 넣고, 관련 변수가 변한다면 실행되게 의존성 배열에 변수를 넣어 실행시키는 건 아는데, 의존성 배열에 잘못 넣으면 무한 새로고침, 무한 요청이 일어났다. 알아보자.
[React] useEffect
Side Effect : 부수효과. 의도하지 않은 다른 동작 함수 내에서 모든 동작이 이루어지는 경우 => side effect 없다 함수 밖에서 값을 가져오는 경우 => side effect 있다 console.log : 대표적인 side effect 중 하나 (외부
useRef && useEffect
ref는, JS의 getElenentById()처럼, Component의 어떤 부분을 선택할 수 있게 해주는 방법이다.React에 있는 모든 Component는 Reference Element를 가지고 있어서 어떤 Component에 ref={변수명}을 넣어주면, 해당
데브로드 4주차
반성이 많은 한 주다.부지런히 움직이기만 한다고 더 많은 것을 흡수하는 건 아닌 것 같다.컨디션 관리도 못했고, 아침 공부도 효율적이게 쓰지는 못했다.이번주 수업을 듣고 useEffect와 state에 대해 많은 생각을 했다.아직도 와닿지 않는 것들이 많다. 리액트 외
[오류] useEffect 밖에 선언한 변수에 undefined
useEffect 밖에 let data 이런식으로 변수를 선언해두고 useEffect 에서 값을 넣어서 컴포넌트 retrun 할때 값을 표시해 주려고 했는데해당 값이 undefined 으로 나오는 문제를 발견했다..검색해보니 이미 렌더링이 끝난 뒤에 (return이 실
