TIL - 2021.05.30

Today Ariticle

• useEffect 완벽 가이드 - 3편

• 리뷰는 여기서 - 일일 아티클
  
  

그 외 오늘 참고한 아티클들

• 제목

Today Commit Review

깃 commit 캡쳐 이미지

Today I Learned

• react 컴포넌트 함수가 내부적으로 3번 호출되는건가?? 싶은 현상을 우연찮게 발견

function Sample(){
	const testFn = async () => {
    	console.log('on TestFn')
        const result = await asyncFn()
        console.log(result)
    }
    return <div></div>
}

대충 이런 함수가 있다고 치면, 'on TestFn'은 1번 console에 찍히지만
result는 3번 찍힌다!

개발자도구로 두 console.log에 break poing를 찍고 돌려보니 console.log('on TestFn')또한 3번 실행되긴 하나, 콘솔에는 한 번 찍힌다.
리액트 내부적으로 3번 실행되지만 결과적으로 한 번 찍히고, await이하는 마이크로큐로 빠졌다가 실행돼서 3번 다 남는거 아닐까?하는 추측을 하고 있다.

Today Review

• TIL과 기술 블로그를 분리했다. TIL에 다른 글들이 묻히는거 같아서.. 더 늦기전에 분리해서 다행인듯.. 벌써 91개나 작성했더라..