외부 결제 API를 연동하라고 적혀 있어서사용해본 적 없는 결제 API 중에 토스 결제 API를 써보기로 했다. 1. 토스 개발자센터에서 시크릿키 발급받기https://developers.tosspayments.com/ 토스페이먼츠 개발자센터토스페이먼츠 결제 연동 문서, API, 키, 테스트 내역, 웹훅 등록 등 개발에 필요한 정보와 기능을 확인해 보세요. 결제 연동에 필요한 모든 개발자 도구를 제공해 드립니다.developers.tosspayments.com 테스트키를 사용하면 실제 결제는 이뤄지지 않는다. 2.토스 결제 Entity@Entity@Getter@Setter@Builder@NoArgsConstructor@AllArgsConstructorpublic class TossPayment exte..
백엔드 과제 제출로 오랜만에 처음부터 세팅해서 만져본 스프링부트 + JPA퇴사하고 약 4달만에 코딩해보는거라 처음부터 약간 버벅거렸지만..기록해보겠습니당. - 개발 환경Java 21Spring Boot 3.4.1thymeleafMariaDB 10.10- build.gradle 의존성implementation 'org.springframework.boot:spring-boot-starter-data-jpa'implementation 'org.springframework.boot:spring-boot-starter-web'developmentOnly 'org.springframework.boot:spring-boot-devtools'implementation 'org.springframework.boot:s..
정처기 끝났으니까 다시 시작.... 카카오랑 조금 다르기도 하고 버전 올라가면서 조금 수정된 부분이 있어서 겨우겨우 성공.. 리액트는 많아도 리액트네이티브+스프링부트+네이버 로그인 참고 소스는 지인짜 찾기 힘들어서 겨우겨우 했다ㅠㅠ 1. ⭐️Frontend 1. 네이버 개발자센터 등록 설명 생략 2. 리액트네이티브 네이버 로그인 라이브러리 설치 npm install @react-native-seoul/naver-login --save // RN version >= 0.6.0부터 Auto Linking 적용, // ios 경우 추가적으로 Cocoapods 설치 필요 cd ios && pod install https://github.com/crossplatformkorea/react-native-naver-..
아무리 여러 번을 해봐도 로그인은 늘 어렵다.....ㅎㅎㅎ 그리고 아직 친해지지 못한 맥북 + 리액트 네이티브 환경에서 하려니 엄청난 에러를 겪고 겨우 성공한 카카오 로그인... 시작!! ⭐️Frontend 0. 카카오 개발자센터 애플리케이션 설명 생략 1. 리액트네이티브 카카오 로그인 라이브러리 설치 npm install @react-native-seoul/kakao-login //RN 0.60.X 이상부터는 Auto linking 지원 pod install https://github.com/crossplatformkorea/react-native-kakao-login GitHub - crossplatformkorea/react-native-kakao-login: react-native native m..
🤍스프링 시큐리티(Spring Security)란 스프링 기반의 애플리케이션의 인증, 인가 등을 담당하는 스프링 하위 프레임워크 인증과 권한에 대한 부분을 Filter 흐름에 따라 처리함 보안에 대해 체계적으로 다양한 옵션을 제공해주므로 개발자가 보안 관련 로직을 작성하지 않아도 됨. 스프링 시큐리티, SNS 로그인 구현하기 1. build.gradle 관련 의존성 추가 implementation 'org.springframework.boot:spring-boot-starter-oauth2-client' implementation('org.springframework.session:spring-session-jdbc:') testImplementation 'org.springframework.securi..
내가 프로젝트를 시작한지 일주일 되었는데 글을 이제서야 쓰는 이유는...? 이 작업만 거의 일주일이 걸렸기 때문이다...ㅎㅎㅎ Open API를 가져다 써본 경험이 없어서 처음이었고 + 보통 JSON 형식이던데 KOPIS API는 XML형식이라 파싱하는 것부터 애를 먹었다ㅠㅠ 그리고 DB 넣는 거!!! 이게 너무너무 어려웠다... 하고 나니 간단한데... 암튼 구글링을 했을 때 정보가 부족하다는 생각이 들어서 이것부터 정리를 해보려고 한다. 🤍XML 형식의 Open API 데이터 JSON 형식으로 파싱하기 1. 가장 먼저 Open API를 사용하기 위해 필요한 서비스키를 신청한다. 이 과정은 간단하기 때문에 생략. 2. 그다음으로 사이트에 개발에 필요한 가이드라인이 올라와 있다. 나는 뮤지컬 목록을 불러..
🤍Bootstrap으로 댓글창 디자인하기 댓글창은 당연히 글 상세조회 페이지에 필요하다. detail.jsp에 추가 등록 🤍댓글 추가 기능 구현하기 board.js에 버튼 클릭 이벤트를 작성한다. let index = { init: function() { $("#btn-reply-save").on("click", () => { this.replySave(); }); }, replySave: function() { //alert('user의 save함수 호출됨'); let data = { userId : $("#userId").val(), boardId : $("#boardId").val(), content: $("#reply-content").val() }; console.log(data); $.ajax..
🤍REST API) 카카오 로그인 API 서비스 환경설정 1. 카카오 개발자센터에 접속 후 로그인한다. 2. 애플리케이션을 추가하기 3. 아래와 같이 이름을 설정해서 추가해준다. 4. WEB 플랫폼 등록 5. 도메인 등록 6. 카카오 로그인 활성화 7. Redirect URI 설정 8. 동의 항목 설정 9. 이곳에서 카카오로그인 버튼 소스를 가져온다. (축약형, Middle) 10. 로그인 화면에 카카오 로그인 버튼을 추가한다. 11. 카카오 로그인 요청을 보내는 Request URI는 아래와 같이 만들면 된다. GET /oauth/authorize?client_id=${REST_API_KEY}&redirect_uri=${REDIRECT_URI}&response_type=code HTTP/1.1 Host..