개발 기록

async/await를 이해하고 1개의 async 아래 2개 await 선언을 이해한다. 아래 예제는 uber eats 프로젝트에서 add-restaurant Component의 submit 함수다. 동작 플로우 정리 이미지 처리 시에 비동기처리로 s3에 업로드되어있는 이미지를 불러오는 엔드포인트로 요청을 보낸다. 응답하는 함수의 return 값은 이미지 url을 return하게 된다. return된 이미지 url에 json()함수를 비동기적으로 받기위해 await를 선언해준다. 결과적으로 coverImg 변수에는 json형식의 key는 "url", value는 "http://....com"이 된다. const onSubmit = async() => { try { setUploading(true); co..

React 라이브러리를 공부하면서 Hook 이란 개념을 자연스럽게 알게되었다. 이번 글에서는 React 기본제공 함수와 Hook의 차이에 대해 알아본다. React 공식 문서를 따라 각색을 더해 따라 적어보며 개념 정리해보았다. useEffect useEffect 란? useEffect는 어떤 Effect를 발생시키고 싶을 때 사용한다. useEffect는 렌더링 결과가 실제 돔에 반영된 뒤에 호출된다. useEffect의 지연타이밍 리액트 공식문서 : timing of effect 글 componentDidMount와 componentDidUpdate와는 다르게, useEffect로 전달된 함수는 지연 이벤트 동안에 레이아웃 배치와 그리기를 완료한 후 발생합니다. 그렇지만, 모든 effect가 지연될 ..