Springboot-React(21)
-
네이버 로그인 1
네이버 개발자 센터에 로그인 한 후 client 키와client_secret 키를 모두 얻어와야 한다. 이후 리액트 쪽 먼저 네이버가 제공하는 코드를 가져와 작성 naverLogin.jsvar express = require('express');var app = express();var client_id = 'YMEPgkqT9p7r23tbgj3h'; //네이버 개발자 센터에서 클라이언트id를 가져와서 교체var client_secret = 'VaKtGlGPXp'; //네이버 개발자 센터에서 클라이언트 시크릴을 가져와서 교체var state = "RANDOM_STATE";var redirectURI = encodeURI("http://localhost:9011/api/naverLogin"); //네이버 ..
2024.07.30 -
mysql-react-springboot 연결하기 2
이제 리액트 파트 UserForm.js : 유저를 등록하는 폼 생성import React, { useState } from "react";const UserForm = ({addUser}) => { const [name, setName] = useState(''); const [email, setEmail] = useState(''); const handleSubmit = (e) => { e.preventDefault(); // 무지성 제출 방지 addUser({name, email}); setName(''); setEmail(''); } return( ..
2024.07.26 -
mysql-react-springboot 연결하기 1
간단하게 테스트 해보기. mysqlCREATE TABLE IF NOT EXISTS user ( id INT AUTO_INCREMENT PRIMARY KEY, name VARCHAR(255) NOT NULL, email VARCHAR(255) NOT NULL UNIQUE); UserMapper.xml select * from user insert into user(name, email) values(#{name}, #{email}) delete from user where id = #{id} update user set where name = #{name}, email = #{email} where id = #{id} service, mapper는 생략 UserCo..
2024.07.26 -
tosspay구현하기 3 (springboot)
PaymentControllerpackage tosspay.controller;import java.util.Base64;import java.util.Map;import org.springframework.beans.factory.annotation.Value;import org.springframework.http.HttpEntity;import org.springframework.http.HttpHeaders;import org.springframework.http.HttpMethod;import org.springframework.http.HttpStatus;import org.springframework.http.ResponseEntity;import org.springframework.web...
2024.07.24 -
tosspay구현하기 2 (springboot)
application.propertiesspring.application.name=spring-tosspay-backend#서버 포트server.port=4000#toss server.js에서 위젯, api 시크릿 키 가져오기widgetSecretKey = 위젯시크릿키apiSecretKey = api시크릿키#db 연결 코드 작성spring.datasource.driver-class-name=oracle.jdbc.OracleDriverspring.datasource.url=jdbc:oracle:thin:@localhost:1521/xespring.datasource.username=kh_workbookspring.datasource.password=kh1234 AuthorizationControllerpa..
2024.07.24 -
tosspay 구현하기 1 (react)
1. 토스페이먼츠 개발자 센터에서 클라이언트키, 시크릿 키를 얻어야 함2. express-react 또는 express-javascript에서 각각의 checkout 파일에서 clientKey 부분에 위에서 받은 클라이언트 키를 삽입// express-javascript//위 코드 생략const clientKey = "내 클라이언트 키";const customerKey = generateRandomString();const tossPayments = TossPayments(clientKey);//이하 코드 생략 3. server.js에서 시크릿키를 삽입//server.js//위 코드 생략const widgetSecretKey = "test_gsk_docs_OaPz8L5KdmQXkzRz3y47BMw6";..
2024.07.24