# useLayoutEffect

6개의 포스트
post-thumbnail

useLayoutEffect 알아보기

react native로 작업을 하던 중, TextInput 클릭 시 TextInput width가 줄어들고 cancel 버튼이 생기고 cancel 버튼을 누르면 다시 사라지는 헤더를 구현하고 싶었다.☝️ 이것 처럼 !처음에는 이렇게 작성하였다. 이렇게 작성하니 con

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

TIL : getBoundingClientReact, React 내장 훅, 함수형 컴포넌트

요소의 크기와 viewport에 대한 요소의 위치에 대한 정보를 제공하는 DOMRect개체를 반환한다.메모이제이션된 값을 반환한다. 첫 번째 인자로는 함수, 두 번째는 의존성 값의 배열을 전달한다.의존성이 변경되었을 때만 첫 번째 인자에 전달한 함수가 실행된다.즉, 의

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

기술 면접에서 받은 질문 (2) - React 및 기타

요 근래 몇몇 크고 작은 회사에서 기술 면접을 봤다. 받았던 기술 관련 질문들을 정리해 보았다. 이 글에는 React를 비롯한 여러 라이브러리와 기타 프론트엔드 관련된 내용들을 정리했다. Vanilla JavaScript 관련 글은 이전 글에서 정리했다.

2021년 4월 30일
·
0개의 댓글
post-thumbnail

[React] 렌더시 깜빡거림 해결 Trouble shooting

2021-03-16. 문제가 됐던 상황이 있었다. useEffect vs useLayoutEffect의 문제인줄 알았으나 state에 의해 렌더가 되는 것이어서, React.memo를 사용하여 해결하였는데...

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

react hooks(useReducer, useImperativeHandle, useLayoutEffect)

useReducer, useImperativeHandle, useLayoutEffect 훅에 대한 내용을 다룸

2020년 8월 18일
·
0개의 댓글

React Hooks #10 useLayoutEffect(), useDebugValue()

useEffect() 는 비동기useLayoutEffect() 는 동기useLayoutEffect() 훅의 로직에서 연산이 많으면 브라우저가 먹통이 될 수 있으니 주의!앵간하면 useEffect() 사용하고, 렌더링 직후 돔요소의 값을 읽는 경우 useLayoutEff

2020년 7월 13일
·
1개의 댓글