개발자의 끄적끄적

제가 입사하기 전, 우리 회사는 외주 업체를 통해 앱을 개발했습니다. 입사 후, 저는 앱에 푸시 기능을 구현해야 했는데, 외주 업체가 제공한 API를 사용해야 했습니다. 문제는 그들이 제공한 예제 코드가 JavaScript 함수였고, 우리의 클라이언트 프레임워크는 React라는 점이었습니다.처음에는 당황하지 않고 시도해봤습니다. const returnValue = (response: any) => { console.log('response: ', response);};// API 호출 시도하지만, ReferenceError: returnValue is not defined라는 오류가 발생했습니다. 약 2시간 동안 여러 가지 방법을 시도했지만 해결되지 않았습니다. 결국, 그냥 JavaScript 코드로 ..

React에서 `useState`를 사용하여 상태(state)를 관리할 때, 간혹 상태 업데이트가 예상대로 이루어지지 않는 상황을 경험할 수 있습니다. 특히, `setState`가 비동기적으로 동작하는 점을 이해하는 것이 중요합니다. 이번 글에서는 이와 관련된 문제와 해결 방법에 대해 다루어 보겠습니다.​문제 상황아래 코드는 `useState`를 사용하여 상태를 업데이트하고, 업데이트된 상태를 기반으로 API 호출을 시도하는 예제입니다. const [a, setA] = useState(null);const settingA = () => { setA(1); callAPI();}const callAPI = () => { console.log(a);}callAPI(); 여기서 `settingA` 함..