[OTT JUMP] 크롬 웹 스토어 개발자 등록하기 & OTT JUMP 웹스토어 등록 완료!
2025. 8. 30. 18:28
개발/Inafolio
혼자 잘 쓰고 있었는데, 무니도 웨이브 자동 넘기기가 필요하대서 드디어 으쌰으쌰 하면서 크롬 웹스토어 개발자 등록을 했다.추가하는김에 네이버멤버십중이라 넷플릭스도 호다닥! Chrome Web Store로그인 Chrome 웹 스토어로 이동accounts.google.com 일단 크롬 웹스토어를 접속 접속하면 돈을 내라고 한다. 카드를 등록하고 돈을 낸다.등록비용은 $5 한국이 없어서 그냥 미국으로 하고 구글 우편번호 입력했따 ㅇ_ㅇ 돈내고 들어온 첫화면!저기 오른쪽 위에 '새 항목'을 선택하여 압축한 파일을 올려준다. manifest.json에 경로를 ./을 넣었더니 저렇게 오류가 떴다. 경로에 ./ 를 지울것! 설명을 입력하고 쭉쭉쭉 스토어 리스팅 부분을 적은후에 '초안 저장' ..
[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..