매번 헷갈려서 내가 보려고 기록하는 민감성 정보 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 스웨거 설정 정보 ..

회사에서 엑셀 다운로드 개발 업무를 맡게 됐는데 기존 소스 로직은 페이징 처리된 부분은 1페이지만 다운이 되서 전체 row를 추출하기 위해 SheetJS 라이브러리를 사용하게 됐다. 결론적으론... 이 라이브러리를 사용 안 하기로 했지만 덕분에 스터디를 했기 때문에 기록해 본다. SheetJS 란? Javascript 클라이언트단에서 엑셀 다운로드 구현 시 사용되는 라이브러리 https://docs.sheetjs.com/ SheetJS Community Edition | SheetJS Community Edition SheetJS Community Edition Documentation docs.sheetjs.com 1. SheetJS , FileSaver 스크립트 추가 2. 테이블 내용 JSON 으로 ..

🤍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..

🤍스프링 시큐리티(Spring Security) 회원정보 수정 구현하기 1. 먼저 회원 정보 수정 페이지로 이동하는 코드를 UserController에 작성한다. @GetMapping("/user/updateForm") public String updateForm() { return "user/updateForm"; } 2. 회원 정보 수정 화면 updateForm을 작성한다. username은 수정할 수 없도록 readonly를 넣어준다. userid는 hidden 속성으로 넣어준다. user 정보는 principal에서 가져온다. 3. 회원 정보 수정 버튼 클릭 이벤트를 user.js에 작성한다. 수정이므로 PUT 방식으로 처리한다. let index = { init: function(){ $("#b..