workspace_junsoo

Bank 카카오 소셜로그인 처리

Auth 2.0 1. 내 애플리케이션 항목에 등록 (로그인) - (kakao developers내 애플리케이션 등록) 2. 플랫폼(web 선택) - 사이트 도메인 기본설정 - 3. 카카오 로그인 사용 시 Redirect URI를 등록- 활성화 ON 처리 - (리다이렉트 URI 설정) 4. 동의 항목 설정(제품설정--동의항목 왼쪽 메뉴)- 닉네임, 프로필 사진5. 리소스 다운로드 - 도구 --> 리소스다운로드 --> 카카오로그인 6. REST API 키 - 21625653d6c77548fa54d359f8707123------------------------------------------7. 인가 코드 받기 7-1 . 콜백 메서드 구현 (UserController) 8. 토큰 받기 POST 응답 결과 ..

OAuth 2.0 이란 (Open Authorization)

사용자가 자신의 계정 정보를 직접 공유하지 않아도 서드 파티 애플리케이션들이 제한된 접근을 할 수 있게 해줍니다.카카오 로그인은 카카오계정으로 다양한 서비스에 로그인할 수 있도록 하는 소셜 로그인 서비스입니다. 카카오싱크는 서비스 간편가입 등 카카오 로그인에 더 다양한 확장 기능을 제공하는 비즈니스 설루션입니다. 카카오 로그인과 카카오싱크가 제공하는 핵심 기능은 다음과 같습니다.카카오 devolpoerKakao Developers구분 설명인증(Authentication)ID와 비밀번호로 사용자 신원을 확인, 각 서비스에 사용자가 카카오계정으로 로그인할 수 있는 기능 지원서비스에서 각 사용자를 식별할 수 있는 고유한 회원번호 제공참고: OpenID Connect 지원, 로그인 세션 대신 사용 가능한 ID ..

Server To Server 개념을 알아보자.

💡 학습 목표RestTemplate 사용 이유RestTemplate은 Spring Framework에서 제공하는 HTTP 통신을 간편하게 처리할 수 있는 클래스입니다. org.springframework.web.client.RestTemplate 패키지에 존재 합니다.RESTful 웹 서비스와의 통신을 위해 주로 사용되고 기본적으로 동기 방식으로 처리되며, 비동기 방식으로 처리하고 싶을 경우 AsyncRestTemplate를 사용하면 됩니다.  RestTemplate 대표적 메서드RestTemplate Method HTTP Method 설명getForEntityGETget 요청을 보내고 ResponseEntity로 응답을 받음getForObjectGETget 요청을 보내고 java object로 매핑받..

31. 비동기 통신 사용해보기 (Fatch 함수 사용)

Fatch 함수 사용 예시JSONPlaceholder - Guide JSONPlaceholder - GuideGuide Below you'll find examples using Fetch API but you can JSONPlaceholder with any other language. You can copy paste the code in your browser console to quickly test JSONPlaceholder. Getting a resource fetch('https://jsonplaceholder.typicode.com/posts/jsonplaceholder.typicode.com package com.tenco.bank.api;import org.springframewor..

30. 존재하지 않는 경로에 대한 요청 처리(404페이지 연결)

GlobalControllerAdvice - @ExceptionHandler(Exception.class) 주석 처리@ControllerAdvice // IoC 대상 (싱글톤 패턴) --> HTML 렌더링 예외에 많이 사용public class GlobalControllerAdvice { /** * (개발시에 많이 활용) * 모든 예외 클래스를 알 수 없기 때문에 로깅으로 확인할 수 있도록 설정 * 로깅처리 - 동기적 방식(System.out.println), @slf4j (비동기 처리 됨) */// @ExceptionHandler(Exception.class)// public void exception(Exception e) {// System.out.println("--------..

29. 파일 업로드 - 2단계(ResourceHandler 사용, 초기파라미터 사용)

💡 학습 목표WebMvcConfig 에 addResourceHandlers 코드 추가 하기header.jsp 파일 수정초기 파라메터를 이용해서 경로를 수정해 보기현재 우리 사이트 이미지를 보여줘야 하는 상황 확인 하기로그인 하지 않으면 기본 이미지를 보여 주어야 한다.로그인 후 - 회원 가입 시 이미지를 등록한 사용자 - 회원 가입 시 이미지를 등록하지 않은 사용자 WebMvcConfigurer 인터페이스는 Spring MVC 설정을 맞춤화할 수 있는 메서드를 제공합니다. 개발자는 이 인터페이스를 구현하여 기본 제공되는 스프링 부트의 자동 구성을 수정하거나 추가적인 설정을 할 수 있습니다 ViewResolver: 뷰 리졸버는 컨트롤러에서 반환된 뷰 이름을 바탕으로 실제 뷰의 위치를 찾아내고 렌더링하는 ..

28. 파일 업로드 - 1 단계(멀티파트가 뭘까?)

💡 학습 목표멀티파트(Multipart)에 대한 기본적인 이해스프링 프로젝트에서의 멀티파트 처리회원 가입시 파일 업로드 기능 구현주요 전체 코드 확인 1. 멀티파트(Multipart)에 이해멀티파트(Multipart)는 HTTP 프로토콜을 사용하여 웹 서버로 파일이나 데이터를 업로드할 때 사용되는 데이터 전송 방식 중 하나입니다. "멀티파트"라는 용어는 말 그대로 메시지가 여러 부분으로 구성되어 있음을 의미하며, 이러한 각각의 부분은 다른 유형의 데이터를 담을 수 있습니다.HTTP 메시지에는 클라이언트가 전송하는 HTTP 요청, 그리고 서버가 반환하는 HTTP 응답이 있습니다.| 텍스트 기반 HTTP 메세지POST /example HTTP/1.1Host: example.comContent-Type: t..

27. 사용자 비밀번호 암호화 처리

💡 학습 목표SpringSecurityCrypto 의존성 추가 및 BCryptPasswordEncoder 빈 클래스로 등록회원가입 시 회원 비밀번호 암호화 처리로그인 시 암호호 된 비번 확인 및 기능 추가코드 확인*** 암호화 처리 후 H2 초기 데이터로 들어간 유저로는 로그인이 안됩니다** 패스워드 확인 로직인 변경 됨, 신규 유저 가입 후 테스트 해주세요    💡 마이그레이션이란 데이터베이스 스키마의 변경 내역을 버전 관리하여, 변경에 대한 이력을 남기고, 데이터베이스를 이전 버전에서 최신 버전으로 옮기는 일련에 과정들을 의미합니다.즉, 일반적으로 마이그레이션은 스키마를 변경하거나 새로운 테이블이나 컬럼을 추가하는 등에 작업을 포함하고 따라서 우리가 할 작업 H2 데이터베이스에서 MySQL 로 변..

26. intercepter 활용(인증검사 공통 처리)

💡 학습 목표intercepter란 뭘까?인터셉터 구현 클래스 만드는 방법과 인터셉트를 등록 처리AccountController 인증 검사 제거 및 테스트 1. intercepter란 뭘까?인터셉터는 Spring MVC의 핵심 기능 중 하나로, 웹 애플리케이션에서 공통적인 처리를 재사용할 수 있게 해주는 강력한 도구입니다.인터셉터(Interceptor)는 들어오는 요청과 나가는 응답을 가로채어 특정 로직을 수행할 수 있게 해주는 매커니즘을 제공합니다. 이는 AOP(Aspect-Oriented Programming)의 일종으로 볼 수 있으며, 컨트롤러(Controller)로 요청이 도달하기 전, 후 또는 완료된 후에 추가적인 처리를 하기 위해 사용됩니다.인터셉터는 Spring MVC의 핵심 기능 중 하나..

25. 계좌 상세보기 페이징 처리

💡 학습 목표CSS와 부트스트랩을 활용한 중앙 정렬: 플렉스박스(d-flex)와 부트스트랩의 유틸리티 클래스를 사용해 요소를 중앙에 정렬하는 방법.JSP에서 동적 콘텐츠 처리: JSP에서 동적 데이터를 처리하고 화면에 표시하는 방법.페이징(Pagination) 구현 사전 기반 지식부트스트랩의 그리드 시스템:개념: 부트스트랩은 화면을 12개의 컬럼으로 나누어 레이아웃을 구성할 수 있도록 돕는 그리드 시스템을 제공합니다. col-sm-8은 작은 화면에서 8개의 컬럼을 차지하는 레이아웃을 의미합니다.사용 방법: col-sm-8, col-md-6 등의 클래스를 사용해 반응형 레이아웃을 쉽게 구성할 수 있습니다.예제: col-sm-8은 12개의 그리드 중 8개를 차지하며, 이는 전체 화면의 약 66.67%입니다..