소개합니다.

React.js 를 통한 웹 개발뿐만 아니라, React Native를 통해 Android와 iOS 디바이스에서 실행 가능한 크로스플랫폼 앱 개발이 가능합니다. 필요한 경우, 각 네이티브 환경에서 Android의 Java(Kotlin)과 iOS의 Objective-C(Swift) 언어를 사용한 간단한 UI 개발을 경험했으며, 이를 React Native와 연동하여 모듈을 개발할 수 있습니다.

생소한 환경에서도 개발을 두려워하지 않으며, 개발 도중 발생한 오류를 단순히 라이브러리로 해결하는 것을 넘어 근본적인 원인을 파악하고 해결하는 데 강점이 있습니다.

기술스택

웹 개발: JavaScript, TypeScript, React.js, Redux, Zustand, React Query, React Hook Form
앱 개발: React Native, React Navigation
UI 라이브러리: Ag-Grid, Chakra UI

업무 경력

마일벌스 서비스와 관련된 홈페이지, 앱, 어드민 개발 전반적으로 담당했습니다.

㈜트루스트체인, 서울특별시 마포구 (2022.03 - 2024.10)

앱 광고 및 서드파티 연동

2023.08 - 2024.10

구글 애드몹을 통해 수익 창출 가능성을 확인한 후, 유저가 광고를 시청하고 보상을 받을 수 있는 오퍼월 기능을 구현하기 위해 다양한 광고사의 오퍼월 SDK를 연동하여 추가적인 수익 구조를 구축하였습니다.
연동한 SDK 광고업체: TNK, Tapjoy, Avatye, 모또, Adiscope
광고 업체에서 제공하는 Java(Kotlin), Objective-c(Swift) 언어로 작성된 SDK연동 가이드에 따라 간단한 UI 작업을 하는 NativeModule을 만든 경험이 있습니다.

<aside> 💡

Native Module

React Native에서는 네이티브(Android/iOS) 기능을 사용하기 위해 JavaScript와 네이티브 코드(Android의 Java/Kotlin, iOS의 Objective-C/Swift)를 연결하는 네이티브 모듈을 개발할수 있습니다. 이를 통해 JavaScript 코드에서 네이티브 기능을 호출할 수 있도록 구현했습니다.

</aside>
각 광고사의 SDK를 연동할 때 의존성으로 추가하는 라이브러리의 버전 충돌이 있었는데, 앱 스토어에 배포하기 전이나, 배포한 뒤에 각 디바이스별로 런타임에 오류가 발생할 때 어려움이 있었습니다. 동일한 오류가 발생하는 상황에서 Android와 iOS의 에러 로그를 바탕으로 오류의 원인과 해결방안을 찾으며 문제를 해결하려 했습니다.

스크린샷 2024-12-22 오전 3.09.05.png

실행영상

애드몹 입찰 광고 도입

2023.01 - 2023.07

기존에는 구글 애드몹 플랫폼을 통해 배너 광고와 동영상 광고를 제공하고 있었으나, 광고 소스가 부족한 문제가 있어 추가 수익화를 위해 다른 광고 업체의 소스를 통합하는 방식인 입찰 광고를 도입했습니다.
해당 작업은 새로운 개발 영역이었으며, 스택오버플로우나 블로그와 같은 실제 개발자의 사례를 찾기 어려운 생소한 분야였지만, 공식 문서를 참고하고 구글 담당자와 메일로 피드백을 주고받으며 문제를 해결하기 위한 필요한 정보를 확보했습니다.
기존 앱에서는 자바스크립트로 작성된 로직을 Android와 iOS 네이티브 코드로 변환해주는 라이브러리를 사용하고 있었으며, 여러 광고 업체의 소스를 통합하기 위해 해당 라이브러리 코드를 분석하고 필요한 설정을 적용하여 성공적으로 구현했습니다.

스크린샷 2024-12-22 오전 3.09.39.png

실행영상

마일벌스 앱 버전 업그레이드를 위한 전면 재개발

2022.09 - 2022.12