한 달 정도 팀프로젝트를 진행했고 1차 개발이 끝나서 배포까지 도전!!현재 프로젝트 구조가 Spring Boot + React + Node.js 로 되어 있기에추후 CI/CD 까지 고려하여서버리스 방식으로 관리가 가장 편리한 Google Cloud Run을 선택하게 되었당. GCP Compute Engine VS Cloud Run 비교 Compute EngineCloud Run서비스 종류가상 머신(VM)컨테이너 기반 서버리스내가 직접 관리?OS, 보안 패치 등 직접GCP가 다 해줌Docker 필요 여부없어도 가능필수 (컨테이너 기반)배포 방식수동 (SSH 접속 등)자동 (gcloud run deploy) 현재 프로젝트 구조서비스기능배포 위치React프론트, 정적 사이트, Nginx로 서빙Cloud Run..

메시지큐란비동기 방식으로 데이터(메시지)를 송수신하는 시스템. 여러 프로세스나 애플리케이션 간 데이터를 교환할 때 중간에서 큐(Queue) 형태로 메시지를 저장하고 수신자가 이를 꺼내서 처리할 수 있도록 한다. 메시지큐 핵심 개념1. Producer(생산자) : 메시지를 생성하여 큐에 넣는 역할2. Queue(큐) : 메시지를 임시로 저장하는 공간 (FIFO 구조)3. Consumer(소비자) : 큐에서 메시지를 가져와 처리하는 역할4. Broker(중앙 관리자) : 메시지를 큐에서 적절히 관리하고 분배하는 시스템 메시지큐의 장점✅ 비동기 처리 : 프로세스가 즉시 응답할 필요 없이 작업을 분배하고 처리 가능✅ 분산 시스템 지원 : 여러 개의 소비자가 메시지를 처리할 수 있어 부하 분산✅ 내결합성(Faul..

매번 헷갈려서 내가 보려고 기록하는 민감성 정보 application.yml 설정값 가져오는 방법 application.yml 일부server: port: 8090spring: datasource: driver-class-name: org.mariadb.jdbc.Driver ... 생략 jpa: ... 생략 batch: job: enabled: true/* 이 부분을 가져오고 싶을 때 */tistory: userAgent : keywordUrl : loginUrl : Config.java 파일// @Value import 주의import org.springframework.beans.factory.annotation.Value 가져와서 사용 시에는 Conf..

외부 결제 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-..