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 함수 정의라고 얘기하는게 조금 이상하긴 하네요.. 아직 주니어이니 어떻게 얘기하는 게 좋을 지 댓글로 알려주세요!)

​

<Script

id='test'

dangerouslysetinnerhtml={{

__html = `

function returnValue(response) { console.log('response: ', response) }

`

}}>

</Script>

다시 API 호출하니 정상작동!

logic을 구현하고 돌려보니 너무 잘 되었습니다.

​

앞으로 외부 API를 호출할 때는

1. 먼저 문서를 잘 보자.

: 개발자들은 정말 친절하신 분들이십니다. 자신들의 API를 많이 찾아주면 좋아하는 순수한 사람들입니다.

2. 여러가지 방면으로 생각하자.

: 이번에 배운건데 React 내에서만 생각을 했으면 아마 풀지 못 했을 것 같습니다. 이러한 여러가지 방면으로 생각하기 위해서는 경험이 중요하다고 생각합니다. 그리고 쫄지(?) 않는 자신감!이 중요하다고 느꼈습니다.

​

오늘도 극복!