공유/도움/개발

  • 홈
  • 태그

react 1

[Hook] useEffect, useLayoutEffect 차이

간단하게 useEffect와 useLayoutEffect의 차이점에대해 알아봤다. useEffect는 DOM이 화면에 그려진 후 발생된다. 그래서 만약 아래와 같은 코드가 있을시에 빈값이 잠깐보였다가 값이 추가된걸 볼 수 있다. ... useEffect(() => { setName("홍길동"); },[]) ... return ( 이름 : ${name} // "이름 : "-> "이름 : 홍길동" ) ... 이때 useLayoutEffect를 사용하면 DOM이 화면에 그러지기 전에 발생됨으로 값이 할당되고 나서 DOM이 그려지기 때문에 빈값을 안 볼 수 있다. - useEffect의 이펙트는 DOM이 화면에 그려진 이후에 호출된다. - useLayoutEffect의 이펙트는 DOM이 화면에 그려지기 전에 호..

Frontend/React 2021.08.06
이전
1
다음
더보기
프로필사진

작은것부터 천천히

  • Develop (43)
    • Backend (25)
      • JAVA (9)
      • Spring (12)
      • Database & SQL (2)
      • kotlin (1)
    • Frontend (1)
      • React (1)
    • TDD, OOP, 클린코드 (1)
    • Git (3)
    • ETC (4)
    • Error resolution (7)
    • 코딩테스트 (2)
    • :D (0)

최근글과 인기글

  • 최근글
  • 인기글

Archives

Naver Github

Copyright © Kakao Corp. All rights reserved.

티스토리툴바