외부 결제 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..
회사 동료들이랑 프로젝트 시작! 개발 환경은 Spring Boot X React로 오랜만에 스프링부트 환경 세팅 중. 다음 회의 까지 각자 맡은 기능 api 정리하기로 해서 스웨거를 적용해보았다. Swagger란 REST API 웹 서비스를 설계, 빌드, 문서화해주는 오픈 소스 소프트웨어 프레임워크. API 명세, 관리, 테스트 가능 SpringBoot Swagger 적용법 스프링부트 스웨거 라이브러리는 springfox, springdoc 2가지가 대표적인 것 같았는데 나는 springdoc을 적용했다. 1. 의존성 implementation 'org.springdoc:springdoc-openapi-starter-webmvc-ui:2.1.0' 2. SwaggerConfig.java 스웨거 설정 정보 ..
구현 목표 웹 크롤링을 통해 공연장 목록 가져오기 cheerio 사용하기 1. cheerio 설치 npm install cheerio //사용 시 import 방법 cosnt cheerio = require('cheerio'); 2. 웹 크롤링 cheerio 사용법 const html = await getHTML(); const $ = cheerio.load(html.data); 3. 최종 코드 공연장 목록을 오브젝트 배열로 담은 후 const getTheaterList = async () => { const html = await getHTML(); const dataArr = []; const $ = cheerio.load(html.data); const $child = $(".theater-righ..
정처기 끝났으니까 다시 시작.... 카카오랑 조금 다르기도 하고 버전 올라가면서 조금 수정된 부분이 있어서 겨우겨우 성공.. 리액트는 많아도 리액트네이티브+스프링부트+네이버 로그인 참고 소스는 지인짜 찾기 힘들어서 겨우겨우 했다ㅠㅠ 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-..
1. 큐 import java.util.NoSuchElementException; public class Queue { private static int MAX_QUE_SIZE = 10; private int last; private int first; private int size; private int[] data = new int[MAX_QUE_SIZE]; public Queue() { first = last = size = 0; } public int size() { return size; } public boolean isEmpty() { return size==0; } public void add(int item) { last = (last+1) & data.length; data[last] ..
아무리 여러 번을 해봐도 로그인은 늘 어렵다.....ㅎㅎㅎ 그리고 아직 친해지지 못한 맥북 + 리액트 네이티브 환경에서 하려니 엄청난 에러를 겪고 겨우 성공한 카카오 로그인... 시작!! ⭐️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..
💡구현 목표 앱 메인 화면에 당월의 뮤지컬 포스터를 슬라이더로 출력하기! 1. KOPIS 공연 API 인증키 발급 아래 링크에서 인증키를 발급하고 OPEN API의 자세한 항목을 확인할 수 있다. https://www.kopis.or.kr/por/cs/openapi/openApiList.do?menuId=MNU_00074 공연예술통합전산망 예술경영지원센터 운영, 공연 예매 정보 집계 및 DB, 예매상황판, 공연통계 등 제공. www.kopis.or.kr:443 2. 리액트 네이티브 fetch + KOPIS 공연 API 가져오기 Fetch란? 리액트네이티브에서 네트워크 통신을 도와주는 api (fetch와 axios가 있음.) axios와 달리 라이브러리를 import하지 않아도 사용할 수 있다. Prom..