프롬프트 AI&OpenAPI&공공데이터를 활용한 웹앱개발자 양성 과정 82일차

1. 토스 페이먼트 결제

api 명세서
[https://docs.tosspayments.com/guides/payment/integration]

결제 샘플 밑 java version 설정 방법
[https://github.com/tosspayments/payment-samples/tree/main/payment-window/springboot]

jdk 설정

저장시 자동 빌드 설정

시크릿 키에는 :을 붙여줘야 동작한다.

클라이언트 코드 : 결제를 기획 -> javascript 노출됨
시크릿 코드: 결제를 승인 -> 서버단. 노출되지 않음 -> 추가정보가 올바르게 붙어있는지 확인

js코드의 취약성

조작이 쉽다.

토스 페이먼츠는 애초에 내 상품의 가격이 1000원인지 5만원인지 모른다.
서버단에서 결제 id 기반으로 정합성 체크 처리를 한번 해줄 필요가 있다.

2. 안드로이드 가상머신에서 리액트 앱 실행

npm install @capacitor/core @capacitor/cli @capacitor/android
npx cap init -> out 폴더 생성

npx cap add android

capacitor.config.ts파일

import { CapacitorConfig } from "@capacitor/cli";


const config: CapacitorConfig = {
  appId: "com.example.app",
  appName: "todos",
  webDir: "out",
  server: {
    androidScheme: "https"
  },
};

creating to the mui

프로그래머 사용자
user, admin

에러사항. 안드로이드 실행시 Please provide the path to the Android SDK 에러

해결책 1. android 설정 화면에서 systemsettings->android sdk에서 해결 가능해보이나 android sdk 메뉴 자체가 안뜸
https://racoonlotty.tistory.com/entry/android-studio%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4-sdk-%EC%84%A4%EC%B9%98-%EC%98%A4%EB%A5%98-%EC%A0%95%EB%A6%AC

새 프로젝스 생성후 settings 들어가서 android sdk 재설정하여 회피

capacitor.config.json파일

{
	"appId": "com.example.app",
	"appName": "todos",
	"webDir": "out",
	"server": {
		"androidScheme": "https",
		"url": "http://10.0.2.2:3000",
		"cleartext": true
	}
}

디바이스 매니저 설정

capacitor.config.json 파일 설정

android:usesCleartextTraffic="true"