[React&iOS] 웹-네이티브 브리지를 활용한 PG 결제 연동 구조 설계기 - iOS 편
2025. 8. 1. 18:54
개발/Error note
문제의 시작현재 회사에서 안드로이드 앱들은 MainActivity에서 WebView를 활용해 웹 화면을 네이티브 앱 내에 띄워서 표시하고 있다. 이전까지는 대부분 외부 연동이 없는 조회 형태라서 특별한 문제가 없었다. 하지만 이번에 결제기능이 추가되면서.. 문제가생겼다. 결제 수단을 선택하고 그대로 프로세스를 진행하지않고 뒤로가기버튼을 선택한 경우, 앱내 웹뷰로 다시 돌아오지 않았다. 사담을 좀 하자면.. 최근 회사 상황이 꽤나 정신없다. 기존 팀장님께서 퇴사를 선언하신 뒤 사실상 칩거 상태에 들어가셨고(ㅠ) 이후 월초에 새로 채용된 팀장님도 하루 만에 퇴사를 결정하면서 팀장 자리는 공석이다.현재 팀 구성은 총 4명으로 나, 입사 동기, 2년 차 백엔드 개발자, 신입 프론트엔드 개발자 이렇게만 남아 있..
[React&Kotlin] 웹-네이티브 브리지를 활용한 PG 결제 연동 구조 설계기 - 안드로이드 편
2025. 6. 24. 17:35
개발/Error note
문제의 시작 현재 회사에서 안드로이드 앱들은 MainActivity에서 WebView를 활용해 React로 개발된 웹 화면을 네이티브 앱 내에 띄워서 표시하고 있다. 이전까지는 대부분 외부업체와의 연동이 없고 병원 전산팀과 연동하는 형태라서 특별한 문제가 없었다. 하지만 이번에 결제기능이 추가되면서.. 문제가생겼다. 결제 수단을 선택하고 그대로 프로세스를 진행하지않고 뒤로가기버튼을 선택한 경우, 앱내 웹뷰로 다시 돌아오지 않았다. 문제 상황 override fun onBackPressed() { Logger.debug() webView.evaluateJavascript("historyBack();") { if (it?.toString() == "1") ..
[React] 25.04 기준 신규버전 카카오페이 연동하기
2025. 6. 13. 22:20
개발/Javascript
새로 하는 프로젝트에 카카오페이가 들어가게 됐다. 기존에 했던거 복붙 하려했는데, 문서 읽어보니 카카오 디벨로퍼스에서 카카오페이 디벨로퍼스로 빠지면서 결제 API연동 방식 신규버전이 생긴것 같았다. 계정생성 카카오페이 | 개발자센터새로운 기회와 가치를 함께 만들어봐요developers.kakaopay.com카카오페이 개발자센터 계정이 없어서 일단 계정부터 만들어줬다. 사전등록애플리케이션 등록아이콘 이미지와 앱 이름을 넣어서 등록한다. Secret key(dev)발급새로 만들어진 애플리케이션을 선택한 후 하단에 Secret key(dev) 발급 버튼을 누른다. 플랫폼등록애플리케이션 - 플랫폼에 들어가서 Web부분에 테스트할 주소를 입력한다.나는 localhost:3300으로 입력했다. ..
[Javscript/Rechart] x축 스크롤링 추가
2025. 5. 3. 16:57
개발/Javascript
const CustomTick = (props) => { const { x, y, payload } = props const dateParts = payload.value.split('-') // ["2024", "12", "15"] return ( {dateParts[0]}년 {dateParts[1]}월 {dateParts[2]}일 )}const StatUsageStatus = ({ value }) => { ...코드생략 // x축 간격 조정 (4rem) const chartWidth = Math.max(chartData?.length * 64, 800) >= document?.querySelec..
[VSCode] 갑자기 svg파일이 코드가 아닌 미리보기로 보일 때
2025. 4. 19. 18:04
개발/Install, setting, etc
평소랑 다를거 없었는데... 왜..갑자기...갑자기 svg가 코드가 아닌 미리보기로 뜨게됐다. 원래 미리보기로 보다가 일회성으로 코드만 보려는 분들은VSCode검색창 열어서 Text Editor모드로 하면 해당 파일을 코드로 볼 수있다. 하지만 나는 모든 svg파일을 코드로 보는걸 원하기때문에 설정을 수정해줬다. VSCode 설정 (Ctrl + , 또는 Cmd + ,) 열기우측상단 JSON으로 열기 아래 코드 추가"workbench.editorAssociations": { "*.svg": "default"}