Devlog

Vue 3를 이용한 프론트엔드와 Spring Boot를 이용한 백엔드를 연동하려면, 단순히 "주소만 맞추면 된다"가 아닙니다.CORS, JWT 인증 처리, DTO 통신, 응답 규약, 예외 처리까지 고려한 구조 설계가 필요합니다.이번 포스팅에서는 실전 기준으로 아래 내용을 정리해드립니다.1. 시스템 구성 예시프론트엔드: Vue 3, TypeScript, Pinia, Axios백엔드: Spring Boot 3.x, Java 11+, Spring Security, JWT연동 방식: RESTful API 통신 (JSON 기반)빌드/배포: FE는 dist/로 빌드되어 Nginx에 정적 호스팅, BE는 API 서버로 독립 운영2. CORS 설정 – 백엔드에서 허용Vue 개발 서버는 기본적으로 localhost:51..

Spring Boot 프로젝트에서 전체 API는 Basic 인증을 사용하면서, 특정 API (/api/token/**)만 Bearer 토큰(JWT 등)을 사용하는 구조를 어떻게 구현할 수 있을까요?Spring Security FilterChain을 분리하여 특정 API에만 토큰 인증을 적용하는 방법을 단계별로 설명 드리겠습니다.1. 목표/api/token/** 경로: Bearer 토큰(JWT) 인증 적용그 외 모든 경로: Basic Authentication 적용2. 프로젝트 환경Java 11Spring Boot 3.xSpring Security 6.x 이상JWT 직접 구현 or 라이브러리(JJWT 등) 사용 가능3. 디렉토리 구성 예시src/ └─ main/ └─ java/ └─ ..

SPA나 모바일 환경에서 보안성과 확장성을 위해 세션 기반 인증 대신 JWT를 사용하는 경우가 많습니다.이번 포스팅에서는 기본적인 Access Token 인증 방식에 더해 Refresh Token을 이용한 재인증 처리까지 함께 구현하는 방법을 소개합니다. 📦 JWT 구성 요소 정리항목설명Access Token인증 후 API 호출 시 사용되는 JWT (짧은 유효시간)Refresh TokenAccessToken이 만료되었을 때 재발급을 위해 사용하는 토큰 (긴 유효시간)저장소RefreshToken은 Redis 또는 DB에 저장하여 유효성을 관리하는 것이 일반적1. 의존성 추가 (build.gradle)implementation 'io.jsonwebtoken:jjwt-api:0.11.5'runtimeOnly..

기존 JSP 기반으로 구성된 Spring Boot 프로젝트를 Vue.js를 이용한 클라이언트 사이드 렌더링(CSR) 방식으로 전환하여, 모던한 사용자 경험(UX)을 제공하고자 하시는 분들을 위해 이번 포스팅에서는 기존 프로젝트를 유지하면서 JSP를 제거하고, Vue.js를 프론트엔드로 교체하는 전체적인 흐름과 구현 방법을 단계별로 정리합니다.✅ 전환 전제 및 기본 구조현재 상황은 다음과 같습니다:백엔드(Spring Boot):Java로 구현되어 있으며, @RestController 방식으로 API를 제공기존 JSP가 화면 구성을 담당하였으나, 이제 API를 통해 데이터만 제공프론트엔드:기존에는 JSP 템플릿을 사용했으나, 앞으로는 Vue.js 기반의 SPA(Single Page Application)로 ..

1. REST API란 무엇인가?REST(Representational State Transfer) API는 HTTP를 통해 클라이언트와 서버 간에 데이터를 주고받는 방식입니다. RESTful API는 자원을 URI로 식별하고, HTTP 메서드(GET, POST, PUT, DELETE 등)를 통해 자원을 조작합니다. REST API는 클라이언트-서버 구조, 무상태성, 캐시 처리 가능 등 몇 가지 중요한 특성을 가지고 있습니다.RESTful API의 주요 특성:클라이언트-서버 구조: 클라이언트는 사용자 인터페이스를 담당하고, 서버는 데이터 처리와 저장을 담당합니다.무상태성(Stateless): 서버는 클라이언트의 상태를 저장하지 않으며, 각 요청은 독립적입니다.캐시 처리 가능(Cacheable): 클라이언..

QueryDSL과 캐싱을 활용하면 데이터 조회 성능을 극대화할 수 있습니다. 이번 포스팅에서는 실제 프로젝트에서 QueryDSL과 Redis 캐싱을 적용하는 방법을 다루며, 최적화를 위한 다양한 전략을 소개합니다.1. QueryDSL 기반의 고성능 데이터 조회 적용1) 대량 데이터 조회 시 Streaming 사용JPA는 대량 데이터를 한 번에 조회하면 메모리 문제를 유발할 수 있습니다. 이를 해결하기 위해 stream()을 사용할 수 있습니다.Stream memberStream = queryFactory .selectFrom(member) .where(member.age.gt(20)) .fetch().stream();memberStream.forEach(System.out::println..

JPA와 QueryDSL을 활용할 때 성능 최적화는 필수적인 요소입니다. 잘못된 설정이나 비효율적인 쿼리는 성능 저하를 초래할 수 있습니다. 이번 포스팅에서는 QueryDSL과 JPA의 성능 튜닝 전략을 소개합니다.1. Lazy Loading과 Fetch Join 최적화1) Lazy Loading 기본 설정JPA에서는 연관된 엔티티를 로딩할 때 LAZY 전략을 기본으로 설정하는 것이 성능 최적화에 유리합니다.@Entitypublic class Member { @Id @GeneratedValue private Long id; private String name; @ManyToOne(fetch = FetchType.LAZY) // 지연 로딩 설정 private Team te..

JPA의 기본적인 조회 기능만으로는 복잡한 조건을 가진 동적 쿼리를 처리하기 어렵습니다. QueryDSL을 사용하면 타입 안전한 방식으로 가독성이 뛰어난 동적 쿼리를 작성할 수 있습니다. 이번 포스팅에서는 QueryDSL을 활용한 동적 쿼리 작성 및 성능 개선 기법을 소개합니다.1. QueryDSL 기본 설정1) QueryDSL 의존성 추가 (Gradle 기준)implementation 'com.querydsl:querydsl-jpa:5.0.0'annotationProcessor 'com.querydsl:querydsl-apt:5.0.0:jpa'2) Q클래스 생성QueryDSL은 엔티티 클래스를 기반으로 Q클래스를 자동 생성합니다. 예를 들어 Member 엔티티가 있다면 QMember 클래스가 생성됩니다..

JPA를 사용할 때 성능을 최적화하는 것이 중요합니다. 잘못된 설정이나 무분별한 쿼리 실행은 애플리케이션의 속도를 저하시킬 수 있습니다. 이번 포스팅에서는 JPA의 기본적인 조회 성능 최적화 기법을 소개합니다.1. FetchType 설정 (EAGER vs LAZY)JPA에서는 연관된 엔티티를 조회할 때 FetchType을 설정할 수 있습니다.1) 즉시 로딩 (EAGER)연관된 엔티티를 즉시 조회필요하지 않은 데이터를 불필요하게 로딩하여 성능 저하 가능@Entitypublic class Member { @Id @GeneratedValue private Long id; private String name; @ManyToOne(fetch = FetchType.EAGER) // 즉시..

1. JPA란?JPA(Java Persistence API)는 자바 애플리케이션에서 데이터베이스와 상호 작용하는 ORM(Object-Relational Mapping) 표준입니다. JPA를 사용하면 SQL을 직접 작성하지 않고도 객체지향적으로 데이터베이스를 다룰 수 있습니다.JPA의 주요 특징객체와 관계형 데이터베이스 매핑(O/R Mapping) 지원JPQL(Java Persistence Query Language) 제공자동 트랜잭션 관리캐싱 및 성능 최적화 기능 제공JPA의 한계복잡한 동적 쿼리 작성이 어렵다.기본적으로 제공하는 JPQL은 정적 쿼리 작성에 적합하지만, 동적 쿼리는 번거롭다.네이티브 쿼리 사용 시 유지보수성이 떨어진다.2. QueryDSL이란?QueryDSL은 타입 세이프한 동적 쿼리를..