목록전체 글 (278)
개발 무지렁이
[Spring Boot] 카카오페이(KakaoPay) 단건 결제 기능 구현, 결제 준비 API 및 결제 승인 API
🪛 Application.yml spring: thymeleaf: cache: false prefix: classpath:/templates/ suffix: .html devtools: livereload: enabled: true restart: enabled: true datasource: url: jdbc:h2:tcp://localhost/~/test username: sa password: driver-class-name: org.h2.Driver jpa: hibernate: ddl-auto: create server: port: [지정한 포트번호] my: admin: [kakao developers에서 발급받은 admin key] 📜 payment.html kakao pay 🖤 카카오 페이(단건..
[JavaScript] 기다리지 않고 다음 코드를 실행하는 비동기 처리와 비동기 작업의 결과를 나타내기 위한 약속, Promise
𐂂 비동기 처리 특정 로직의 실행이 끝날 때까지 기다려주지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 '비동기 처리'라 한다. 📜 비동기처리.js console.log('Hello'); setTimeout(function() { console.log('Bye'); }, 3000); console.log('Hello Again'); // Hello // Hello Again // Bye 🤡 요청을 하고, 데이터를 받아올 때까지 기다려주는 코드가 없으면, 데이터를 받아오기도 전에 다음 코드가 실행되어 원하는 값을 얻을 수 없다. 📜 JS 비동기처리 문제점.js function getData() { let tableData; $.get('[url주소..
[Vue] 영역별 구성요소를 나타내는 컴포넌트와 컴포넌트 간의 관계 및 데이터 흐름 (with 컴포넌트 통신방식)
𐂂 Vue 컴포넌트 화면의 영역을 구분하여, 영역별로 코드를 관리하는 구성요소를 말한다. 컴포넌트 기반으로 화면을 개발하면 🧩 재사용성이 증가한다. 𐁍 컴포넌트 간의 관계 ⚠️ Vue 인스턴스를 생성하면 해당 객체는 루트(Root) 컴포넌트가 된다. 이후에 컴포넌트를 등록하는 순간 하위 컴포넌트로 위치하게 된다. 각각의 컴포넌트는 각각의 고유한 데이터 유효범위를 가지고, 각각 데이터를 관리한다. 🍟 전역 컴포넌트 Vue.component('컴포넌트태그', { 컴포넌트 내용 }); 🍟 지역 컴포넌트 components: { '컴포넌트 태그', { 컴포넌트 내용 } } 📜 전역컴포넌트.html 📜 지역컴포넌트.html ⚠️ 전역 컴포넌트는 인스턴스를 생성할 때마다, 따로 등록할 필요없이 모든 인스턴스에 등록..
[Spring Boot] 공통 관심사항을 모아놓고, 원하는 곳에 적용하는 AOP(Aspect Oriented Programming)와 이를 가능하게 하는 프록시 객체(가짜객체)
📕 참고 자료 📕 𐂂 AOP (Aspect Oriented Programming)가 필요한 상황 ❓시간을 측정하는 로직을 모든 메서드에 적용하려면 시간을 측정하는 로직이 핵심 관심사항(CORE CONCERN)은 아니지만 모든 메서드에 들어가야 할 공통 관심사항(CROSS-CUTTING CONCERN)이다. 공통 관심사항을 모아놓고 원하는 곳에 적용할 때, AOP가 필요하다. 🗝️ 원하는 적용대상(target)을 지정할 수 있다. 🗝️ 보통 패키지 레벨로 target을 설정한다. 📜 TimeTraceAop.java @Aspect @Component //Spring Bean으로 등록된다. public class TimeTraceAop { @Around("execution(* hello.hellospring...
[Spring Boot] 인코딩 및 암호화 알고리즘을 통해 비밀키 생성, 이를 사용해 Jwt의 헤더와 페이로드를 서명 (무결성 보장)
𐂂 JwtConfig 📜 jwt 비밀키 생성 객체 Bean등록.java @Configuration public class JwtConfig { @Value("${custom.jwt.secretKey}") private String secretKeyPlain; @Bean public SecretKey jwtSecretKey() { String keyBase64Encoded = Base64.getEncoder().encodeToString(secretKeyPlain.getBytes()); return Keys.hmacShaKeyFor(keyBase64Encoded.getBytes()); } } 🦉 @Value("${ }") : 외부 설정파일에서(properties, yml..)에서 값을 가져와 해당 클래스의..
[Essential Concepts] 쿠키를 쓰지 않는 클라이언트의 HTTP 요청이 있는 경우, DB를 거치지 않은 인증처리를 위한 JWT(Json Web Token)
𐂂 인증(Authentication)과 인가(Authorization) 🪤 인증이란 : 시스템이 제공한 신원을 확인하는 프로세스를 말한다. 🪤 인가란 : 인증된 개체가 어떤 작업을 수행할 권한이 있는지를 결정하는 프로세스를 말한다. 🌱 Spring Boot는 HTTP or HTTPS 요청이면 클라이언트가 뭐든간(?) 상관없이 요청을 처리한다. 클라이언트가 웹 브라우저인 경우, 브라우저 안의 🍪쿠키가 전달되어 인증 및 인가처리를 하는데, 클라이언트가 웹 브라우저가 아닌경우, 🍪쿠키를 잘 쓰지 않는다. 🍪쿠키를 쓰지 않으면 서버의 세션도 못쓴다. * 이럴때 인증 및 인가를 어떻게 처리할까? * 📕 참고 자료 📕 📍 scale-out(서버의 개수를 늘리는 것)되었을 때, 세션을 통해 인증처리 방식 로드밸런서에..