React에서 외부 API callback 함수 정의하기

https://blog.naver.com/bigstarjang1993/223236375024 제가 입사하기 전에 외주 업체를 통해서 앱을 개발했습니다. 제가 입사하고 앱 푸시 기능을 구현해야했을 때 외주 업체가 제공하는 API를 써야했습니다. 문제는.. 외주업체는 javascript 함수를 예제 코드로 주셨고.. 운용하는 product의 client framework는 React.. 당황하지 말자.. 일단 React에서 함수 정의하고.. const returnValue = (response: any) => { console.log('response: ', response) } 그 다음에 한번 API 호출을 해볼까요? ReferenceError: returnValue is not defined 아... 한 2시간정도 했을 때는.. 그냥 javascript 코드로 할 수 있도록 해야겠다는 생각이 들었습니다. 다행히도(?) React에는 Script tag가 있어서 javascript 함수 정의가 가능했습니다. (javascript 함수 정의라고 얘기하는게 조금 이상하긴 하네요.. 아직 주니어이니 어떻게 얘기하는 게 좋을 지 댓글로 알려주세요!) 다시 API 호출하니 정상작동! logic을 구현하고 돌려보니 너무 잘 되었습니다. 앞으로 외부 API를 호출할 때는 1. 먼저 문서를 잘 보자. : 개발자들은 정말 친절하신 분들이십니다. 자신들의 API를 많이 찾아주면 좋아하는 순수한 사람들입니다. 2. 여러가지 방면으로 생각하자. : 이번에 배운건데 React 내에서만 생각을 했으면 아마 풀지 못 했을 것 같습니다. 이러한 여러가지 방면으로 생각하기 위해서는 경험이 중요하다고 생각합니다. 그리고 쫄지(?) 않는 자신감!이 중요하다고 느꼈습니다. 오늘도 극복!