useEffect의 의존성배열로 해결한 useState 비동기문제,프로젝트 9 코드스테이츠 120

 

카카오맵 지도 클릭-> 마커생성, 클릭한 좌표의 주소를 서버에전송 

 

하는 과정에서 state의 값이 밀리는 현상이 있었다.

 

예를들면 내가 서울대를 검색했을때, 지도에 우리집이 찍히고 인천공항을 검색했을때 서울대가 찍히는 현상이다.

 

이는 useState가 비동기적으로 실행되기 때문이다.

 

함수형 React에서 useState를 동기적으로 사용하기 위해서는 useEffect(()=>{},[])를 사용하면 된다.

 

useEffect(callback,[value])

value가 변경될때마다 callback이 실행된다.

 

의존성배열에 해당 state를 할당하면, 해당 state가 바뀔때마다 콜백을 실행하기 때문에 개발자의 의도대로 해당 콜백을 실행시킬 수 있다.

 

 

자세한 내용은 회고에 기록했다!

https://wnsdufdl.tistory.com/230

---

react -router를 통해 페이지변환을 만들었다.

params를 사용하는 개념을 알게되었다

 

 

프로젝트를 통해 레벨업을 많이하는 느낌이 든다.