개발자는어디까지공부해야할까?

AWS Summit 2026 후기 - 여기어때 Oracle → Aurora MySQL 마이그레이션 세션

알 수 없는 사용자 — Sat, 23 May 2026 17:36:58 +0900

이번 AWS Summit에서 가장 인상 깊게 들었던 세션 중 하나는 여기어때의 Oracle → Aurora MySQL 마이그레이션 사례였다.

현재 나도 사내 시스템에서 Stored Procedure 기반 구조를 JPA 기반 구조로 점진적으로 전환하는 작업을 진행하고 있어서 그런지 단순 사례 발표보다는 실제 현업 관점에서 공감되는 부분이 많았다.

발표를 들으면서 가장 크게 느낀 건 생각보다 변환 자체는 더 이상 가장 어려운 영역이 아니라는 점이었다.

예전에는 Oracle SP를 사람이 직접 해석하고 MyBatis나 JPA 코드로 하나씩 옮기는 작업 자체가 큰 비용이었다면,

지금은 Claude나 Amazon Q 같은 생성형 AI를 활용하면 기본적인 변환 속도 자체는 상당히 빨라졌다.

실제로 반복적인 패턴이나 단순 CRUD 성격의 로직들은 꽤 높은 수준으로 변환해준다.

하지만 직접 SP → JPA 전환 작업을 진행하면서 느끼는 건 결국 어려운 건 코드 작성이 아니라 검증이라는 점이다.

특히 레거시 Stored Procedure는 단순 SQL 집합이라기보다 운영 과정에서 누적된 비즈니스 정책 그 자체에 가까운 경우가 많다.

코드만 보면 왜 이렇게 작성되어 있는지 이해되지 않는 부분들도 실제 운영 데이터와 함께 보면 이유가 보이는 경우가 많다.

예를 들자면

특정 상태값을 중복으로 체크하는 로직
순서가 비효율적으로 보이는 처리
오래된 예외 분기
의미를 알 수 없는 조건문

같은 부분들도 실제로는 장애 대응이나 운영 중 발생했던 특정 케이스들을 처리하기 위해 유지된 경우가 많다.

이런 부분은 결국 정적 분석만으로는 파악이 어렵다.

AI 전환 시

SQL 구조 분석
문법 변환
반복 패턴 처리

에는 강점을 보이지만, 운영 환경에서 누적된 데이터 흐름과 비즈니스 맥락까지 완전히 이해하지는 못한다.

그래서 결국 마지막 검증 책임은 개발자가 가져갈 수밖에 없다는 생각이 들었다.

현재 일부 로직들은 Shadow Test 형태로 비교 검증을 진행하고 있다.

조회성 로직은 비교적 접근이 단순하다.

기존 SP 결과와 신규 JPA 결과를 동일 조건으로 조회한 뒤 결과를 비교하면 어느 정도 검증이 가능하기 때문이다.

하지만 실제로 어려운 영역은 CUD(Create / Update / Delete) 쪽이다.

특히 UPDATE 계열 로직들은 단순 데이터 수정 수준이 아니라:

여러 테이블 동시 갱신
상태 변경
누적 계산
후처리
커서 기반 순차 처리

등이 하나의 트랜잭션 안에서 함께 수행되는 경우가 많다.

문제는 이런 로직들을 코드 레벨에서 Shadow Test 방식으로 검증하기가 생각보다 쉽지 않다는 점이다.

인프라 레벨 Shadow Traffic처럼 요청 자체를 복제하는 구조와는 다르게 지금 진행 중인 작업은 코드 자체를 교체하는 작업에 가깝기 때문이다.

현 시점은

롤백 기반 비교
특정 키 기준 정합성 검증
SP 결과와 JPA 결과 대조
케이스별 데이터 비교

같은 방식들을 계속 고민하며 검증 범위를 넓혀가고 있다.

최근 가장 크게 느끼는 건 결국:

동작한다와
운영 가능한 수준으로 안전하다는 완전히 다른 문제라는 점이다.

로컬 환경에서는 정상 동작하더라도 실제 운영 환경에서는...

데이터 정합성
동시성
Lock
순서 보장
타이밍 이슈

같은 문제들이 계속 발생한다.

특히 몇 년 이상 운영된 Stored Procedure들은 이미 수많은 장애와 예외 상황을 거치며 높은 확률로 안정화된 코드들이기 때문에

단순히 JPA로 다시 작성하는 것만으로는 해결되지 않는 경우가 많다.

요즘은 이 작업이 단순 리팩토링이라기보다 운영 중인 비즈니스 로직을 재현하는 작업에 더 가깝다는 생각이 든다.

이번 세션도 단순히 Oracle DB 에서 Aurora Mysql DB로 이전했다는 성공 사례보다는 실제 운영 환경에서 어떤 방식으로 검증하고 안정성을 확보했는지에 대한 이야기가 많아서 더 인상 깊게 남았다.

Ref.

https://aws.amazon.com/ko/blogs/tech/oracle-to-amazon-aurora-mysql-migration-journey/

Oracle에서 Amazon Aurora MySQL로: 여기어때의 6주간 데이터베이스 마이그레이션 여정 | Amazon Web Services

개요 여기어때컴퍼니는 대한민국 대표 여행 플랫폼 기업으로 운영하며 숙박·항공·레저까지 통합 여행 서비스를 제공하고 있습니다. 2025년 1월, 여기어때컴퍼니는 온라인투어를 인수하면서 항

aws.amazon.com

https://aws.amazon.com/ko/events/summits/seoul/agenda/

강연 목록 | AWS Summit Seoul 2026

2026년 5월 20-21일 오전 8시 30분: 등록 시작 오전 9시 30분 - 오전 10시 40분: 기조연설 오전 11시 10분 - 오후 4시 50분: 브레이크아웃 세션 오전 10시 - 오후 5시 30분: 엑스포

aws.amazon.com

헬스장가기싫은날 루틴

알 수 없는 사용자 — Wed, 6 May 2026 22:07:18 +0900

헬스장가기귀찮

월	가슴 + 삼두	푸쉬업	4 × 최대
		덤벨 바닥 프레스	4 × 15~20
		덤벨 플라이	3 × 15~20
		오버헤드 삼두	3 × 15~20
		의자 딥스	3 × 최대
화	등 + 이두	덤벨 원암 로우	4 × 15~20
		덤벨 데드리프트	4 × 15~20
		덤벨 컬	4 × 15~20
		해머 컬	3 × 15~20
수	어깨 + 하체	덤벨 스쿼트	4 × 20~25
		런지	3 × 15 (각 다리)
		힙 쓰러스트	3 × 20
		숄더 프레스	4 × 15~20
		레터럴 레이즈	4 × 15~20
		벤트오버 레이즈	3 × 15~20
목	휴식	가벼운 걷기 or 스트레칭
금	가슴 + 삼두	월요일 반복
토	등 + 이두	화요일 반복
일	휴식	완전 휴식

[SpringBoot] Spring Boot 4.0.0 나왔다!!

알 수 없는 사용자 — Fri, 21 Nov 2025 15:07:31 +0900

스프링 팀에서 2025-11-20 기준으로 Spring Boot 4.0.0 정식 버전을 공개했다.

이제 Maven Central에서 바로 가져다 쓸 수 있고,

스프링 부트도 3.x 세대 → 4.x 세대로 한 단계 올라간 느낌이다.

공식 블로그와 릴리즈 노트를 기준으로,
백엔드 개발자 입장에서 중요한 포인트만 골라서 정리해본다.

1. 뭐가 크게 바뀐걸까?

공식 블로그 기준으로 4.0의 키워드는 대략 이렇게 정리할 수 있다

Spring Framework 7 기반
코드베이스 전체 모듈화 → 더 작고 집중된 JAR
JSpecify 기반의 널 안정성(null-safety) 향상
Java 25 1급 지원 (최소 지원은 여전히 Java 17)
API Versioning, HTTP Service Clients 같은 REST 개발 기능 강화

거기에 더해서 릴리즈 노트까지 보면

Gradle 9 지원
OpenTelemetry 스타터 추가
HTTP/테스트/Redis/MongoDB 쪽 품질·운영 기능 보강
스프링 생태계 전체(Spring Security 7, Spring Data 2025.1, Spring Batch 6 등) 버전 업

요 정도를 “큰 틀”로 잡고 보면 된다.

2. 코드/아키텍처 관점에서 눈에 띄는 변화들

2-1. 모듈화된 Spring Boot – 더 작고, 더 쪼개진 JAR

스프링 부트 코드베이스가 완전히 모듈화됐다.

필요한 기능만 의존성으로 가져올 수 있게 쪼개졌고
JAR 단위가 더 작고 focused 해졌다.

실질적으로 기대할 수 있는 건:

Docker 이미지 레이어가 더 깔끔해짐
스타터/모듈 단위로 기능을 나누기 쉬워짐
“이 기능만 쓰고 싶은데 의존성이 너무 많이 딸려온다” 같은 답답함이 조금 줄어들 가능성

새 프로젝트를 Spring Boot 4로 시작한다면,
초반부터 모듈 구성을 신경 쓰면 꽤 깔끔한 구조를 가져갈 수 있을 것 같다.

2-2. JSpecify 기반 Null-Safety 강화

Spring Boot 4는 JSpecify 기반으로 널 관련 어노테이션/메타데이터를 강화했다.

메서드 파라미터/리턴 타입에 대해 “null이 올 수 있는지/없는지”가 더 정확하게 힌트로 붙고
IDE나 정적 분석 툴에서 널 관련 경고를 더 잘 잡아줄 수 있게 됨

자바가 코틀린처럼 완전한 null-safe 언어는 아니지만,
Spring 쪽에서 메타데이터를 잘 뿌려주면 **“실수로 NPE 내는 코드”**는 확실히 줄어들 수 있다.

2-3. Java 25 1급 지원 (Java 17은 그대로 지원)

이번 버전에서 Java 25를 1급 시민으로 공식 지원한다.
그렇다고 “17은 버렸다”가 아니라, Java 17 호환성은 유지한다.

기존 LTS 기반(17)으로 여유 있게 운영하든
JDK 25의 새로운 기능과 최적화를 적극적으로 쓰고 싶든
둘 다 선택지가 열려 있는 상태라고 보면 된다.

실무 느낌으로는:

새 프로젝트 → 여건 되면 Java 21 또는 25 + Boot 4 조합 고려
기존 프로젝트 → 당장은 17 + Boot 3.x 유지 → 점진적 마이그레이션

2-4. HTTP Service Clients – 인터페이스만 쓰면 HTTP 클라이언트 끝

Spring Boot 4에서는 HTTP Service Clients 에 대한 auto-config 및 프로퍼티 지원이 들어갔다.

감각적으로 말하면,

“Feign 느낌 + Spring 공식 버전”

이라고 생각하면 편하다.

@HttpExchange, @GetExchange, @PostExchange 같은 어노테이션으로
평범한 자바 인터페이스만 정의하면
스프링이 알아서 구현체를 만들어 주는 방식.

예를 들면 이런 느낌으로 쓸 수 있다.

@HttpExchange(url = "https://api.example.com")
public interface UserClient {

    @GetExchange("/users/{id}")
    UserResponse getUser(@PathVariable Long id);

    @PostExchange("/users")
    UserResponse createUser(@RequestBody CreateUserRequest req);
}

Boot에서 이걸 자동 구성해주기 때문에

RestTemplate/WebClient로 매번 직접 호출로직 짜던 걸
인터페이스 선언 + 주입만으로 정리할 수 있다.

2-5. API Versioning – 부트에서 바로 버전링 지원

Spring MVC / WebFlux 에서 API 버전 관리를 도와주는 API Versioning 자동 설정이 추가됐다.

spring.mvc.apiversion.*
spring.webflux.apiversion.*

같은 프로퍼티로 기본 전략을 지정할 수 있고,
필요하면 ApiVersionResolver, ApiVersionParser, ApiVersionDeprecationHandler 같은 빈을 직접 정의해서
버전 파싱/Deprecated 처리 정책을 세밀하게 커스터마이징할 수 있다.

“URL에 v1, v2 붙이고 말지 뭐” 수준이 아니라:

헤더 기반 버전 관리
Deprecated 버전 응답에 경고 헤더 붙이기
특정 버전 이상에서만 허용되는 엔드포인트 관리

프레임워크 스타일로 풀어줄 수 있는 기반이 생긴 셈이다.

3. 운영/테스트/관찰성 측면에서의 변화

릴리즈 노트 쪽을 보면 운영/테스트 관련해서 꽤 눈에 띄는 것들이 있다.

3-1. Gradle 9 지원

Spring Boot 4는 Gradle 9 정식 지원
Gradle 8.x(8.14+)도 여전히 지원

새 프로젝트 시작할 때 빌드 툴 버전을 조금 더 공격적으로 가져가도 된다.

3-2. OpenTelemetry 스타터 추가

새 스타터: spring-boot-starter-opentelemetry 가 추가됐다.

OTLP로 메트릭/트레이스 내보내는 데 필요한 의존성을 한 번에 가져오고
OpenTelemetry SDK까지 자동 설정해준다.

즉, “관찰성” 쪽도 이제 부트 스타터 한 방으로 어느 정도 기본 셋업을 깔고 갈 수 있게 된 셈이다.

3-3. RestTestClient – 테스트용 HTTP 클라이언트

테스트 쪽에는 RestTestClient라는 새로운 도구가 들어갔다.

@SpringBootTest + @AutoConfigureMockMvc 환경에서
- MockMvc 위에 얹은 RestTestClient를 주입해서 사용
실제 포트로 띄우는 통합 테스트에서도
- 실행 중인 서버를 향하는 RestTestClient를 주입해서 사용 가능

MockMvc + WebTestClient 사이에서 고민하던 케이스들을
조금 더 일관된 방식으로 가져갈 수 있을 듯하다.

3-4. Redis, MongoDB, SSL Health 쪽 개선

운영 관점에서 자주 쓰이는 기능들도 손을 봤다.

Redis Static Master/Replica 구성 auto-config 추가
Redis 관찰성 개선 (MicrometerCommandLatencyRecorder → MicrometerTracing 기반)
MongoDB Health Indicator가 Spring Data MongoDB 없이도 동작 가능
SSL Health/Info의 status 표현 방식 개선 (만료 임박 체인 정보 별도 노출 등)

이런 것들은 전형적인 “운영하면서 계속 피드백 들어온 것들” 반영 느낌이다.

3-5. Spring 생태계 전체 버전 업

Spring Boot 4.0 기준으로 같이 올라간 스프링 프로젝트들

Spring Framework 7.0
Spring Security 7.0
Spring Data 2025.1
Spring Batch 6.0
Reactor 2025.0
그 외 AMQP, Kafka, GraphQL, REST Docs, Session 등 전반적인 메이저/마이너 업그레이드

결론적으로,

“부트만 4.0으로 올리는 게 아니라,
스프링 전체 세대를 한 번에 올리는 셈”

이라는 느낌으로 보는 게 맞다.

4. 마이그레이션 – 기존 프로젝트들은 그러면 어떻게...?

릴리즈 노트 첫 문장부터 "업그레이드는 평소보다 좀 더 손이 갈 수 있다" 고 못을 박고 시작한다.

정리하면

기존 Spring Boot 3.5에서 4.0으로 가는 전용 Migration Guide가 따로 있다.
3.5보다 더 낮은 버전(3.2, 3.1 등)을 쓰고 있다면
- 먼저 3.5까지 올린 다음에 4.0으로 가는 걸 추천한다.

그리고 설정 변경들만 따로 모아놓은 Configuration Changelog 도 있으니,
yml/properties 손볼 때 필수로 같이 봐야 한다.

실무 감각으로는:

새로 만드는 서비스
→ 가능하면 Boot 4 + Spring Framework 7 기준으로 설계 시작
이미 운영 중인 레거시 서비스
→ “LTS + 회사 인프라 지원 범위 + 사용 중인 라이브러리 호환성” 을 보고
순서를 정리해서 천천히 올리는 게 현실적일 것 같다.

정리하면 Spring Boot 4.0은 단순히 “마이너한 기능 추가”가 아니라,

플랫폼 세대 교체 (Framework 7, Java 25, 생태계 전체 버전 업)
코드 모듈화 + null-safety 강화로 장기적인 유지보수성 개선
HTTP/Versioning/Observability/Test 같은 실전 기능 보강

이 세 축이 동시에 들어간 릴리즈다.

Ref.

스프링부트 공식 Docs

https://spring.io/blog/2025/11/20/spring-boot-4-0-0-available-now

Spring Boot 4.0.0 available now

On behalf of the team and everyone who has contributed, I'm extremely happy to announce that Spring Boot 4.0.0 has been released and is now available from Maven Central. This release is the beginning of a new Spring Boot generation providing solid foundati

spring.io

스프링부트 github

https://github.com/spring-projects/spring-boot

GitHub - spring-projects/spring-boot: Spring Boot helps you to create Spring-powered, production-grade applications and services

Spring Boot helps you to create Spring-powered, production-grade applications and services with absolute minimum fuss. - spring-projects/spring-boot

github.com

chat gpt - 계속하려면 challenges.cloudflare.com 차단을 해제하십시오.

알 수 없는 사용자 — Tue, 18 Nov 2025 22:16:37 +0900

2025-11-18

클라우드플래어 서버 이슈로

현재 chatGPT를 이용할 수 없습니다..

클라우드플레어(Cloudflare)는 웹사이트의 보안과 성능을 향상시키는 미국의 인터넷 서비스 기업입니다. 주요 서비스로는 CDN(콘텐츠 전송 네트워크), DDoS 공격 방어, 리버스 프록시, 무료 DNS 서비스(1.1.1.1) 등이 있으며, 개인과 기업 모두 인터넷의 속도, 안전성, 안정성을 높이는 데 사용됩니다.

주요 서비스 및 기능

보안: DDoS 공격, 악성 봇 등 다양한 위협으로부터 웹사이트를 보호합니다.
성능 향상: 전 세계에 분산된 엣지 네트워크를 통해 콘텐츠를 사용자에게 더 가까운 위치에서 제공하여 속도를 높입니다.
리버스 프록시: 웹사이트와 사용자의 사이에 위치하여 트래픽을 보호하고 최적화합니다.
무료 DNS 서비스 (1.1.1.1): 빠르고 안전하며 개인 정보를 중시하는 무료 DNS 서비스를 제공합니다.
기타: SSL 인증, 도메인 등록, 애플리케이션 삽입 등 다양한 서비스를 제공합니다.

누가 사용하나요?

기업: 클라우드, SaaS, 온프레미스 등 다양한 환경에서 복잡성을 줄이고 보안을 강화하기 위해 사용합니다.
개인: 블로거, 개인 웹사이트 운영자 등 인터넷 서비스를 제공하는 모든 사람이 사용할 수 있습니다.
특징: 웹사이트 트래픽이 많거나 DDoS 공격에 취약한 사이트들이 주로 이용합니다.

클라우드 플레어 서버 상태 확인하기

https://www.cloudflarestatus.com/

Cloudflare Status

www.cloudflarestatus.com

[Java] String 은 왜 불변(Immutable)일까? ( feat. StringBuilder를 써야 하는 이유)

알 수 없는 사용자 — Mon, 17 Nov 2025 15:32:10 +0900

코테 풀다가 한 번쯤 턱 맞는 포인트

프로그래머스 같은 데서 이런 문제 한 번쯤 본 적 있을 거다.

문자열 my_string 과 정수 k가 주어질 때,
my_string 을 k번 반복한 문자열을 return 하세요.

대부분 처음에는 이렇게 짠다.

public String solution(String my_string, int k) {
    String answer = "";
    for (int i = 0; i < k; i++) {
        answer += my_string;
    }
    return answer;
}

테스트 몇 개 돌려보면 잘 동작하고, 길이도 작으면 제출해도 그냥 통과한다.
근데 문자열 길이랑 k가 좀만 커지면 이런 코드 패턴이 진짜 성능 구멍이 된다.

이유는 하나다.

Java 의 String 은 “불변(immutable)” 이기 때문.

이 글에서는

String 이 불변이라는 게 정확히 무슨 뜻인지

왜 그렇게 설계됐는지

코테/실무에서 어디서 사고가 나는지

그래서 실제로 코드를 어떻게 짜는 게 좋은지

정리해보려고 한다.

1.String 이 불변이라는 말의 의미

아주 단순한 코드 하나 보자.

String s = "hello";  
s.toUpperCase();  
System.out.println(s); // hello

처음 보면 여기서 한 번씩 당황한다.
“대문자로 바꾸라고 했는데 왜 그대로지?”

이유는 간단하다.

toUpperCase() 는 기존 String 을 수정하는 메서드가 아니다.

대문자로 변환된 새 String 객체 를 만들어서 리턴할 뿐이다.

원래 "hello" 라는 문자열 객체는 그대로 남아 있다.

정상적인 사용은 이렇게 된다.

String s = "hello";  
s = s.toUpperCase();  
System.out.println(s); // HELLO

정리하면:

한 번 만들어진 String 객체의 내용은 절대 안 바뀐다.
바뀌는 건 그 객체를 가리키는 변수 뿐이다.

이게 String 이 불변(immutable) 이라는 말의 의미다.

2. 왜 굳이 String 을 불변으로 만들었을까?

“그냥 가변으로 만들어서 바꾸기 편하게 해주지…” 싶은데,
Java 쪽에서 일부러 불변으로 설계한 이유가 몇 가지 있다.

2-1. 보안(Security)

String 은 이런 데 자주 쓰인다.

DB 커넥션 URL, 사용자 ID, Password

파일 경로

Class 이름, 리플렉션 관련 문자열

네트워크 주소, 각종 설정값

만약 String 이 가변이면,
어딘가에서 참조를 들고 있다가 중간에 값을 바꿔버리는 것도 가능해진다.

String password = "secret";  
// 다른 코드가 password 를 바꿔버릴 수 있다면?

불변이면 이런 류의 공격 자체가 구조적으로 막힌다.
한 번 만들어진 문자열의 내용은 누구도 바꿀 수 없기 때문.

2-2. 스레드 안전(Thread-Safety)

멀티스레드 환경에서 여러 스레드가 같은 문자열을 공유하는 경우가 많다.

같은 URL

같은 SQL 쿼리

같은 메시지 템플릿 등

만약 가변 타입이면, 동기화 안 하면 레이스 컨디션, 데이터 깨짐이 발생할 수 있다.
하지만 String 은 불변이라서,

여러 스레드가 동시에 읽기만 해도 안전 하고

따로 synchronized 를 걸 필요도 없다.

그래서 JVM 내부, 라이브러리 내부에서도 String 을 마음 편하게 공유해서 쓴다.

2-3. String Pool & 캐싱

Java 에는 String Pool(상수 풀) 이라는 개념이 있다.

String a = "hello";  
String b = "hello";  

System.out.println(a == b); // true (같은 객체)

리터럴 "hello" 는 JVM 상수 풀에 한 번만 올라가고,
같은 리터럴을 쓰는 변수는 그 객체를 재사용한다.

이게 가능한 이유도 String 이 불변이기 때문이다.
누군가 "hello" 라는 문자열의 내용을 중간에 바꿔버릴 수 있다면,
상수 풀이라는 개념이 성립할 수 없다.

추가로 String 은 hashCode() 결과도 한 번 계산해두고 재사용한다.
그래서 HashMap 의 key, HashSet 의 원소로 자주 쓰이는 것도 이 덕분이다.

3.불변이라서 생기는 성능 문제 – 코테 예시로 보기

다시 처음 코테 문제로 돌아가 보자.

my_string 을 k번 반복해서 이어붙인 문자열을 반환

처음 짰던 코드:

public String solution(String my_string, int k) {  
    String answer = "";  
    for (int i = 0; i < k; i++) {  
        answer += my_string;  
    }  
    return answer;  
}

겉으로 보면

첫 번째 반복: "" + "abc" → "abc"

두 번째 반복: "abc" + "abc" → "abcabc"

세 번째 반복: "abcabc" + "abc" → "abcabcabc"

이렇게 보이는데, 내부에서는 이런 일이 일어난다.

answer = answer + my_string;

이 한 줄이 컴파일되면 실제로는 대략:

answer = new StringBuilder(answer)  
             .append(my_string)  
             .toString();

이런 식으로 바뀐다.

즉, 매 반복마다:

기존 answer 내용을 전부 복사해서

my_string 을 뒤에 붙인 새 문자열을 만들고

그걸 다시 answer 에 대입

길이가 커질수록 매번 더 긴 문자열을 계속 복사하는 구조라서
결국 전체 시간 복잡도는 O(n²) 쪽으로 간다.

문자열이 10개, 100개 이럴 때는 티가 안 나는데,
길이 10만, 20만 이런 쪽으로 가면 이 차이가 바로 시간 초과로 튀어나온다.

4.StringBuilder 를 써야 하는 이유

그래서 문자열 누적할 때는 보통 이렇게 바꾼다.

public String solution(String my_string, int k) {  
    StringBuilder sb = new StringBuilder(my_string.length() * k);  
    for (int i = 0; i < k; i++) {  
        sb.append(my_string);  
    }  
    return sb.toString();  
}

StringBuilder 는 내부에 char[] 버퍼를 하나 들고 있고,
append() 할 때마다 그 버퍼에 글자를 채워 넣는 식으로 동작한다.

버퍼가 부족해지면 가끔씩만 크게 확장

전체적으로는 O(n) 에 가까운 시간 복잡도

여기서

new StringBuilder(my_string.length() * k);

이렇게 capacity 를 미리 잡아두는 이유는,

최종 문자열 길이를 대략 알고 있으니까

중간에 버퍼 확장(reallocate) 이 거의 안 일어나게 하려는 것

코테에서 “문자열 이어붙이기” 계열 문제는
이 패턴 하나만 붙잡고 있어도 웬만한 건 다 처리된다.

5.“컴파일러가 + 를 StringBuilder 로 바꿔준다면서?”

자바 컴파일러가 문자열 더하기를 최적화해 준다는 얘기도 많이 들을 거다.

String s = "a" + "b" + "c";

이 코드는 컴파일할 때 대략 이렇게 바뀐다.

String s = new StringBuilder()  
        .append("a")  
        .append("b")  
        .append("c")  
        .toString();

그래서 한 줄 안에서 상수 + 상수 + 상수 이런 건 크게 걱정 안 해도 된다.

문제는 반복문 안에서 누적할 때 이다.

String s = "";  
for (int i = 0; i < n; i++) {  
    s = s + "a";  
}

이건 반복마다 다음처럼 바뀐다.

s = new StringBuilder(s)  
        .append("a")  
        .toString();

매번 새로운 StringBuilder 를 만들고,
이전 문자열 전체를 복사하고, 새 String 을 만들고… 이게 반복된다.

그래서 실질적인 가이드는 이렇게 보면 된다.

한 줄 안에서 "a" + "b" + "c"
→ 컴파일러가 알아서 최적화해주니 괜찮다.

반복문 안에서 문자열 누적 (+=, s = s + ...)
→ 성능 구멍이 될 수 있으니 무조건 StringBuilder 를 쓰는 게 안전하다.

6.Java 11 이상이라면 repeat() 도 있다

문제 조건이 “문자열을 k번 반복해서 이어붙여라” 딱 이 정도면,
Java 11 이상에서는 아예 메서드가 준비돼 있다.

public String solution(String my_string, int k) {  
    return my_string.repeat(k);  
}

내부 구현도 결국 StringBuilder 비슷한 방식으로 효율적으로 동작하기 때문에,
환경이 허용하면 이게 제일 깔끔하다.

정리

Java 11+ : my_string.repeat(k);

Java 8 기준 : StringBuilder + append 반복

7.불변이라서 생기는 또 다른 함정들

불변이라는 특성 때문에 자주 헷갈리는 부분 몇 개만 정리해 둔다.

7-1. 문자열 메서드들은 전부 “새 String 반환”

아래 코드를 보자.

String s = " hello ";  

s.trim();  
s.toUpperCase();  
s.replace("H", "J");  

System.out.println(s); // " hello "

값이 하나도 안 바뀐다.

이유는:

trim(), toUpperCase(), replace() 전부

기존 문자열을 고치는 게 아니라, 새 문자열을 만들어서 리턴하는 메서드이기 때문

정상적인 사용은 이렇게 해야 한다.

String s = " hello ";  

s = s.trim();             // "hello"  
s = s.toUpperCase();      // "HELLO"  
s = s.replace("H", "J");  // "JELLO"

체이닝해도 마찬가지다.

String s = " hello ";  
s = s.trim()  
     .toUpperCase()  
     .replace("H", "J");

7-2. substring 도 동일

String s = "abcdef";  
String sub = s.substring(0, 3); // "abc"  

System.out.println(s);   // "abcdef"  
System.out.println(sub); // "abc"

substring() 이 원본을 자르는 게 아니라,
잘라진 부분만 따로 담은 새 String 을 만들어준다고 생각하면 된다.

8.코테/실무에서 String 불변 때문에 생기는 패턴 정리

마지막으로, 실전에서 그냥 규칙처럼 가져가도 되는 패턴들만 정리해본다.

반복문에서 문자열 누적 → 무조건 StringBuilder

StringBuilder sb = new StringBuilder();  
for (...) {  
    sb.append(...);  
}  
String result = sb.toString();

출력 많이 하는 백준/프로그래머스 스타일 문제

StringBuilder sb = new StringBuilder();  
for (int i = 0; i < n; i++) {  
    // 로직  
    sb.append(result).append('\\n');  
}  

System.out.print(sb);

문자열 반복 (my_string, k 문제 같은 것)

Java 11 이상: my_string.repeat(k)

Java 8 기준: StringBuilder 로 직접 반복

문자열 조작 메서드들은 전부 “새 객체 반환”이라는 걸 항상 기억하기

trim, toUpperCase, toLowerCase, replace, substring …

호출만 하고 변수에 다시 대입 안 하면, 원본은 그대로다.

9.마무리

정리하면, 머릿속에는 이 정도만 남겨두면 된다.

String 은 한 번 만들어지면 안 바뀐다.
바뀌는 건 그걸 가리키는 변수뿐이다.

여기에:

반복문에서 문자열 누적 시 StringBuilder 써라

많이 반복되는 문자열은 capacity 미리 잡아라

문자열 메서드는 항상 “새 String” 을 리턴한다

이 정도만 붙여두면,
코테에서도 시간초과 덜 나고 실무 코드에서도 의미 없이 느린 문자열 처리 코드를 피할 수 있다.

나중에 기회 되면 여기서 파생되는 주제들
(예: String Pool, intern(), == vs equals() 비교 등)
따로 빼서 면접 대비용으로 정리해도 괜찮을 것 같다.

::contentReference\[oaicite:0\]{index=0}

구 레거시 윈도우 서버 프로젝트 (IIS / ASP) 이관 도전기

알 수 없는 사용자 — Wed, 30 Jul 2025 09:52:04 +0900

1. 이관 개요 및 환경 정리

이관 전 서버: Windows Server 2008 R2 Enterprise (IIS 7.5)
이관 후 서버: Windows Server 2012 Standard (IIS 8.0)
목적: 특정 사이트만 이전 (전체가 아님)
주요 서비스: ASP/ASP.NET 웹사이트, MSSQL 연동, FTP 등

2. 사전 준비 (백업/점검)

체크리스트

웹사이트 파일 백업 (웹 루트 폴더 전체)
IIS 설정 백업 (ApplicationHost.config/메타베이스 등)
DB 백업 (필요 시 .bak, 또는 DUMP)
SSL 인증서 백업 (필요시)
방화벽/포트 확인 (HTTP/HTTPS, FTP 등)
서버 IP/도메인 정보 메모
Windows Update (신규 서버에 최신 보안 패치 적용)

상세 설명

백업은 두 번! (실제 복사, 그리고 자동화 스크립트/도구)
운영 중인 사이트라면 이관 시점을 사전에 정해두는 것이 안전

3. IIS 설정 백업 방법

3-1. ApplicationHost.config 내보내기

(IIS 7.0 이상은 메타베이스 대신 ApplicationHost.config 기반임)

# PowerShell을 '관리자 권한'으로 실행 
cd "C:\Windows\System32\inetsrv" 
appcmd add backup myBackup

myBackup은 백업명 (원하는 이름으로 변경 가능)
결과물: C:\Windows\System32\inetsrv\backup\myBackup\

3-2. 사이트별 구성 내보내기 (특정 사이트만)

사이트명 확인:

appcmd list site

특정 사이트만 내보내려면:

appcmd list site "사이트명" /config /xml > D:\Backup\site_config.xml

3-3. 웹사이트 파일 백업

일반적으로 C:\inetpub\wwwroot\ 또는 커스텀 경로
해당 사이트 루트 전체 복사:

robocopy "C:\inetpub\wwwroot\YourSite" "D:\Backup\YourSite" /E

FTP 등 별도 서비스 폴더도 동일하게

3-4. SSL 인증서 백업

인증서 MMC에서 내보내기(개인키 포함, .pfx)
IIS 관리 콘솔 → 서버 인증서 → 내보내기

4. 웹사이트 파일/데이터베이스 이전

백업해둔 웹사이트 폴더를 신규 서버로 복사
DB는 .bak 파일로 복원하거나, Export/Import
SSL 인증서는 MMC로 Import

5. IIS 설정 복원 및 재구성 (2012)

5-1. IIS 역할 및 필요 컴포넌트 설치

IIS 설치 (서버 관리자 → 역할 및 기능 추가)
ASP/ASP.NET, CGI 등 필요한 구성요소 추가
32비트 지원(필요시), ISAPI, Windows 인증 등 옵션 확인

5-2. 사이트 Import

(전체 백업/복원이 아니라면 수동 등록 추천)

A. ApplicationHost.config 복원

전체 환경 복원 필요시:

appcmd restore backup myBackup

주의: 전체 복원은 기존 설정을 덮어씌우니 신규 서버에서 조심히 테스트할 것!

B. 사이트 개별 등록

IIS 관리자에서 ‘사이트 추가’
포트/호스트헤더/인증/애플리케이션 풀 등 원본과 동일하게 구성
site_config.xml 직접 Import는 지원 안 하므로, GUI에서 수동 입력이 일반적
Application Pool은 .NET 버전/모드(Integrated/Classic), 32비트 지원 여부 확인

C. SSL 인증서 설치

인증서 MMC → 인증서 가져오기
IIS 관리 콘솔에서 바인딩에 인증서 연결

D. hosts 파일 등 도메인 매핑(테스트 목적)

6. 테스트 및 마이그레이션 체크리스트

사이트 정상 동작 여부 (HTTP/HTTPS)
DB 연결 및 쿼리 정상 작동
파일 업로드/다운로드, 세션, 쿠키 등 정상 여부
이벤트 로그 오류 여부 확인 (이벤트 뷰어)
외부 접근성 (방화벽, 포트)
관리자 페이지/FTP 등 부가 서비스 정상여부
백업/복원 시 권한 문제(권한 상속/계정) 체크

7. FAQ & 문제 해결 팁

Q1. 백업한 appcmd 설정이 바로 Import가 안될 때?
→ 2008R2와 2012는 구조상 거의 동일하지만, 일부 컴포넌트/경로 차이로 인해 직접 GUI에서 재등록이 더 안전
Q2. 인증서 내보내기 오류
→ 인증서 MMC에서 ‘개인키 포함’ 옵션 반드시 체크
Q3. 권한 오류
→ 웹 루트 폴더는 IIS_IUSRS, NETWORK SERVICE에 읽기/쓰기 권한 필요
Q4. 바인딩 충돌
→ 기존과 동일한 포트 사용시 중복에 유의 (특히 80, 443)

Q5. 전체 구성 백업과 사이트별 구성 내보내기 차이
→ 전체 백업/롤백용, 사이트별 내보내기는 부분 이관/문서화용

백업 범위	IIS 전체	지정한 사이트(1개)
용도	전체 환경 복구/마이그레이션	특정 사이트만 복구/이관
복원 방법	appcmd restore backup	수동 생성 참고자료
실제 파일	시스템 폴더에 저장	원하는 경로에 XML로 저장
일반적 활용	서버 전체 백업/롤백	일부 사이트 백업/이관

https://learn.microsoft.com/ko-kr/iis/

IIS 설명서

IIS에 대해 알아봅니다.

learn.microsoft.com

https://learn.microsoft.com/en-us/iis/get-started/getting-started-with-iis/getting-started-with-appcmdexe

Getting Started with AppCmd.exe

AppCmd.exe is the single command line tool for managing IIS 7 and above. It exposes all key server management functionality through a set of intuitive manage...

learn.microsoft.com

실무에서 가장 많이 발생하는 이슈는 권한/경로 문제, SSL 인증서 이슈와 서버간 Application Pool 호환성이니 반드시 체크리스트 기반으로 차근차근 진행하는 게 안전하다

Spring Boot + MyBatis 쿼리 파라미터 자동 로깅 라이브러리 개발 후기 " mybatis-query-logger "

알 수 없는 사용자 — Mon, 9 Jun 2025 12:19:38 +0900

mybatis

Spring Boot + MyBatis 쿼리 자동 로깅 라이브러리 개발기

이번 포스팅에서는 내가 처음으로 만들어 본 오픈소스 라이브러리인 MyBatis Query Logger를 소개 하려고 한다. 실무에서 MyBatis를 사용하면서 쿼리와 파라미터를 로깅하는 데 번거로움을 느꼈고, 이를 해결하고자 인터셉터 기반의 로깅 도구를 직접 제작하게 되었다.

라이브러리 소개

MyBatis Query Logger는 다음과 같은 기능을 제공한다:

SQL 쿼리 자동 로깅
바인딩된 파라미터 이름 및 값 출력
실행 시간(ms) 측정 및 느린 쿼리(Slow Query) 감지
SLF4J 또는 System.out.println 중 선택 가능
Spring Boot 자동 설정 지원

설치 방법

dependencies {
    implementation 'com.github.DongJu-Na:mybatis-query-logger:0.1.4'
}

# application.yml 설정 예시
mybatis-query-logger:
  enabled: true
  use-slf4j: true
  slow-query-threshold-ms: 1000

사용 예시

다음과 같이 출력된다:

====== MyBatisQueryLogger ======
SQL:
SELECT * FROM USERS WHERE ID = ?
PARAMETERS:
id = 1 (Integer)
DURATION: 5ms
================================

느린 쿼리 감지

설정한 임계값(slow-query-threshold-ms)을 초과할 경우 다음 메시지가 함께 출력된다:

SLOW QUERY DETECTED! Threshold: 1000ms

구현 포인트

@Intercepts 어노테이션을 통해 MyBatis StatementHandler의 prepare 메서드를 감쌌다.
BoundSql 객체를 활용하여 SQL 문자열과 바인딩된 파라미터 목록을 추출한다.
파라미터 타입은 Map, DTO, null 등 다양한 상황을 고려하여 리플렉션 기반으로 추출하고 있다.
로깅 여부와 출력 방식은 application.yml 설정으로 제어할 수 있다.

배운 점 및 느낀 점

Spring Boot에서의 자동 설정 구조, MyBatis 인터셉터 구조, JitPack을 통한 Maven 배포 등 다양한 요소를 처음 다뤄봤다. 실제 현업에서도 유용하게 쓸 수 있고, 다른 개발자들도 편하게 사용할 수 있도록 문서화와 설정 확장에도 신경을 썼다.

앞으로의 개선 계획

로그 출력 포맷 개선 (멀티라인 → 단일라인 등)
파라미터 JSON 포맷 출력 옵션
LogLevel 설정 기능 추가

마무리하며

누군가에겐 사소할 수 있지만 실무에서는 매우 유용한 기능이라고 생각한다.

라이브러리로써도, 오픈소스 커리어 시작점으로써도 의미 있는 작업이었고,

앞으로도 계속 유지보수하고 기능을 확장해나갈 계획이다.

궁금한 점이나 버그 제보는 언제든 GitHub Issue

GitHub 저장소: https://github.com/DongJu-Na/mybatis-query-logger

Build Log : https://jitpack.io/#DongJu-Na/mybatis-query-logger/0.1.4

함께 읽어볼만한 게시물들..

MyBatis 공식 문서 - 플러그인 → @Intercepts, @Signature 어노테이션 설명 포함

https://mybatis.org/mybatis-3/ko/configuration.html#plugins

마이바티스 3 | 매퍼 설정 – mybatis

매퍼 설정 마이바티스 XML 설정파일은 다양한 설정과 프로퍼티를 가진다. 문서의 구조는 다음과 같다.: configuration properties 이 설정은 외부에 옮길 수 있다. 자바 프로퍼티 파일 인스턴스에 설정할

mybatis.org

MyBatis BoundSql 객체 설명

https://mybatis.org/mybatis-3/ko/java-api.html#BoundSql

마이바티스 3 | 자바 API – mybatis

자바 API 이제 마이바티스를 설정하는 방법과 매핑을 만드는 방법을 알게 되었다. 이미 충분히 잘 사용할 준비가 된 셈이다. 마이바티스 자바 API 는 당신의 노력에 대한 보상을 얻게 할 것이다. JD

mybatis.org

MyBatis Spring Boot Starter 문서 → ConfigurationCustomizer 등록 방식

https://mybatis.org/spring-boot-starter/mybatis-spring-boot-autoconfigure/

Introduction – mybatis-spring-boot-autoconfigure

Using the SpringBootVFS The MyBatis-Spring-Boot-Starter provides the SpringBootVFS as an implementation class of VFS. The VFS is used for searching classes (e.g. target class of type alias, type handler class) from an application (or application server). I

mybatis.org

Spring Boot 공식 문서 - Externalized Configuration

https://docs.spring.io/spring-boot/appendix/application-properties/index.html

Common Application Properties :: Spring Boot

docs.spring.io

JitPack 문서 - Gradle 설정

https://jitpack.io/docs/#gradle

:: Documentation for JitPack.io

JitPack.io JitPack is a novel package repository for JVM and Android projects. It builds Git projects on demand and provides you with ready-to-use artifacts (jar, aar). If you want your library to be available to the world, there is no need to go through p

docs.jitpack.io

SLF4J 공식문서

https://www.slf4j.org/docs.html

SLF4J Documentation

Documentation Given the small size of SLF4J, its documentation is not very lengthy. Videos

www.slf4j.org

[nssm] 윈도우(window)에서 JAR 파일 서비스로 등록하기

알 수 없는 사용자 — Thu, 24 Apr 2025 12:11:28 +0900

nssm

nssm (Non-Sucking Service Manager)은 Windows 환경에서 Java 애플리케이션이나 기타 실행 파일을 Windows 서비스처럼 등록해서 관리할 수 있게 해주는 매우 실용적인 도구

인프라가 열악하여

api 서버를 스테이션 남는거에 돌리고 있는데

정전이라도 일어나면 데이터 동기화 스케줄러들이 죽는게 아닌가 :(

그래도 외부 유지보수 업체분들이 작업하고 스테이션은 꼭 정상화 이후에 키고 가니

서버라도 알아서 재부팅하게 설정해보도록 하자

도커를 사용하다가 윈도우에서는 너무 무겁고

굳이 컨테이너로 배포할 필요가 없다

그래서 찾다가 발견된 nssm !!!!!

1. 커맨드로 nssm.exe를 실행해보면 ( nssm.exe 파일이 있는 경로에서 실행!)

-help 명령어와 같이 프로그램 커맨드에 대한 설명이 나온다

자세한 설명은 공식문서를 참고!!

2. 서비스 등록 명령어 입력 시 gui 창과 함께 설정 할 수 있다.

.\nssm.exe install FS-Service

✅ NSSM의 장점

자동 재시작 지원	서비스가 비정상 종료될 경우 자동 재시작 가능
부팅 시 자동 시작 가능	Windows 서비스로 등록되기 때문에 시스템 부팅 후 자동 실행 가능
보안 계정 지정 가능	특정 사용자 권한으로 서비스 실행 가능 (예: 도메인 계정, 로컬 계정 등)
작업 디렉토리 지정	애플리케이션이 실행될 경로를 지정할 수 있어 경로 문제 회피
표준 출력/에러 로그 파일 지정 가능	I/O 탭에서 stdout, stderr 파일 지정해 콘솔 로그 저장 가능
설정이 GUI로 쉬움	GUI 기반이라 직관적으로 설정 가능 (nssm install)
가볍고 무료	설치 없이도 단일 실행 파일로 사용 가능 (Portable)

❌ NSSM의 단점

⚠️ 정식 유지보수 중단	공식적으로는 개발이 중단되었고, NSSM 2.24가 마지막 릴리즈입니다
에러 로그는 기본적으로 콘솔 출력	별도로 파일 로그 설정하지 않으면 문제 원인 파악 어려움
서비스 설정 변경 시 수동 재등록 필요	설정 변경이 즉시 반영되지 않고 재시작 필요할 수 있음
❌ GUI 외에 설정 자동화가 번거로움	GUI는 편리하지만 대규모 자동화에는 CLI 또는 PowerShell이 더 적합
복잡한 애플리케이션에는 한계	복잡한 Dependency가 있는 경우엔 sc.exe 또는 WinSW, nssm + bat 조합이 필요할 수 있음

NSSM이 적합한 케이스

Java JAR(Spring Boot 등)을 윈도우에서 백그라운드 서비스로 실행하고 싶을 때
.exe 또는 .bat 파일을 부팅 시 자동으로 실행하고 싶은 경우
Docker/VM 없이 Windows 서버에서 간단하게 WAS 구동 자동화하고 싶을 때
사내 시스템에서 매우 간단한 백엔드 서비스 자동화가 필요할 때

요약

"작지만 강력한 윈도우 서비스 매니저"가 필요하다면 NSSM은 최고의 선택 중 하나로
다만, 장기적으로는 WinSW, PowerShell 서비스 등록 스크립트, 또는 NSSM 대체 오픈소스들도 고려해볼 수 있다.

Ref

https://nssm.cc/

NSSM - the Non-Sucking Service Manager

NSSM - the Non-Sucking Service Manager nssm is a service helper which doesn't suck. srvany and other service helper programs suck because they don't handle failure of the application running as a service. If you use such a program you may see a service lis

nssm.cc

[Docker] 도커로 환경을 옮긴 후 셀레니움이 실행이 안되는 오류 해결

알 수 없는 사용자 — Thu, 24 Apr 2025 10:23:39 +0900

SessionNotCreatedException: Could not start a new session Possible causes are invalid address of the remote server or browser start-up failure.

도커에 대한 이해도가 떨어졌다..

도커는 컨테이너 개념인데

당연히 구글 크롬이 설치가 안되어 있는데

드라이버로 실행하려 하니 발생한 문제..

FROM eclipse-temurin:17-jdk

# Chrome 설치에 필요한 패키지와 라이브러리 설치
RUN apt-get update && apt-get install -y \
    wget curl gnupg2 unzip fonts-liberation \
    libglib2.0-0 libnss3 libgconf-2-4 libxi6 libgbm1 libgtk-3-0 libx11-6 x11-utils

# Chrome만 설치 (WebDriverManager가 chromedriver는 Java에서 자동 설치)
RUN wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub | apt-key add - && \
    sh -c 'echo "deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main" > /etc/apt/sources.list.d/google-chrome.list' && \
    apt-get update && \
    apt-get install -y google-chrome-stable && \
    apt-get clean && \
    rm -rf /var/lib/apt/lists/*

ENV TZ=Asia/Seoul LANG=ko_KR.UTF-8

# 현재 디렉토리에 있는 jar 복사
COPY credit-*.jar /app.jar

ENTRYPOINT ["java", "-jar", "/app.jar"]

[SpringBoot] When allowCredentials is true, allowedOrigins cannot contain the special value "*" since that cannot be set on the "Access-Control-Allow-Origin" response header. To allow credentials to a set of origins... 어쩌고저쩌고.. 오류 해결하기

알 수 없는 사용자 — Thu, 17 Apr 2025 12:23:16 +0900

java.lang.IllegalArgumentException: When allowCredentials is true, allowedOrigins cannot contain the special value "*" since that cannot be set on the "Access-Control-Allow-Origin" response header. To allow credentials to a set of origins, list them explicitly or consider using "allowedOriginPatterns" instead.

스프링부트에서 웹소켓 서버를 만들어서

간단한 플레시게임을 만드려고 했는데

엥?? 이전에는 이렇게 작성하면 별 문제 없었는데??
모든 Access-Control-Allow-Origin * 설정했는데??
뭐가 변경된거지??????

현재 내 웹 컨픽, 소켓 설정은 아래와 같다.

package com.car.ndj.config;

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class WebConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry
                .addMapping("/**")
                .allowedOriginPatterns("*")
                .allowedMethods("GET","POST","PUT","DELETE","OPTIONS")
                .allowedHeaders("*")
                .allowCredentials(true);
    }
}

package com.car.ndj.config;

import lombok.RequiredArgsConstructor;
import org.springframework.context.annotation.Configuration;
import org.springframework.messaging.simp.config.MessageBrokerRegistry;
import org.springframework.web.socket.config.annotation.EnableWebSocketMessageBroker;
import org.springframework.web.socket.config.annotation.StompEndpointRegistry;
import org.springframework.web.socket.config.annotation.WebSocketMessageBrokerConfigurer;

@Configuration
@EnableWebSocketMessageBroker
@RequiredArgsConstructor
public class WebSocketConfig implements WebSocketMessageBrokerConfigurer {

    @Override
    public void registerStompEndpoints(StompEndpointRegistry registry) {
        registry.addEndpoint("/ws").setAllowedOriginPatterns("*").withSockJS();
    }

    @Override
    public void configureMessageBroker(MessageBrokerRegistry config) {
        config.enableSimpleBroker("/topic"); // 구독 prefix
        config.setApplicationDestinationPrefixes("/app"); // 송신 prefix
    }
}

 setAllowedOrigins -> setAllowedOriginPatterns

사실 오류 내용을 직역하면

allowCredentials가 true인 경우, allowedOrigins는 "Access-Control-Allow-Origin" 응답 헤더에 설정할 수 없는 특수 값 "*"를 포함할 수 없습니다. 특정 출처 집합에 대한 자격 증명을 허용하려면 해당 출처 집합을 명시적으로 나열하거나 "allowedOriginPatterns"를 사용하는 것이 좋습니다

해결 방법이 다 있다.

allowedOrigin("*") 과 allowCredentials(true) 는 동시에 설정할 수 없는데

이 부분은 추후에 시간이 나면 내부 소스를 따라가보도록 하자

웹소켓 설정과 웹 컨픽 설정을 수정하여 해결 할 수 있다.

java.lang.IllegalArgumentException: When allowCredentials is true, allowedOrigins cannot contain the special value "*" since that cannot be set on the "Access-Control-Allow-Origin" response header. To allow credentials to a set of origins, list them explicitly or consider using "allowedOriginPatterns" instead.

단말기 결제 VAN 결제 데이터 동기화 하여 회계 전표 자동 생성 시스템화까지 ...☠️

알 수 없는 사용자 — Thu, 27 Mar 2025 14:44:34 +0900

임꺽정 회사 회계는 더존을 이용하여 회계 전표를 작성하고 있었는데

장길산을 모회사로 두고 있는 홍길동 회사와 임꺽정 회사가 합병하면서

흩어져 있는 시스템들이 제대로 인터페이스가 연동 되지 않고 있었다.

임꺽정 회사 전표는 이제 장길산 회사 회계 시스템에 데이터가 입력되어야 하는데

이 작업을 9년 가까이 수기로 하고 있었다. (사람이.. DB로 강제로 데이터를 밀어넣고 있었음.. )

이 부분을 자동화 할 수 있는지 나에게 기술검토를 요청 하였고

확인 하면서 많은 문제가 있고

왜 그동안 시도하지 못했는지 알게 되었다.

문제점

1. 시스템이 많이 노후화 되었고 유지보수도 제대로 안되고 있는 상황 또 포스 프로그램을 직접적으로는 수정할 수 없는 상황 (관리는 되지 않지만 외주업체가 따로 있는 상태) 이며 POS가 너무 불편하다고 취소나 결제를 VAN결제 단말기로 다이렉트로 운영하고 있는 지점들도 있는 상황..

2. VAN 거래내역 데이터를 통해 비교하여야 하는데 API를 제공하고 있지 않음

2-1. 취소나 거절 승인건에 대해 판단하기 어려움 / POS를 통하지 않고 취소를 하는 경우가 多

3.모 회사 데이터베이스는 다이렉트로 붙을 수 없고 모회사 망안에서만 붙을 수 있음

회계 처리되는 로직을 확인할 수 없음

4. 외상(후불)일 경우 채권 처리가 되지 않아 일일이 수기로 전표를 입력해야 되는 문제

5. 시스템이 다 흩어져 있고 관련 문서나 담당자가 존재 하지 않음

해결방안

1. 마감 프로세스 도입 / 일 단위로 마감을 하면서 계정 코드 입력 할 수 있는 화면 개발 / 지점별로 마감 현황 화면 개발

(상당 시간 소비.. 마감 로직 설계 등등..)

2. 크로미움을 이용하여 VAN 사 관리자 페이지에서 일 단위로 데이터 스크래핑 하여 구조에 맞게 결제 데이터 저장

3. 자회사 데이터베이스 DB링크를 이용하여 모회사 회계처리 로직 접근 후

모회사에 구조에 맞도록 처리

4. 채권 계산하는 로직 개발 - 데이터 관리 주체가 자회사가 아닌 모회사다 보니 데이터는 읽기만 가능한 상태

마감 시 결제 건별로 채권을 재계산 금액 부족 시 선수금 처리 하는 로직 개발

5. 노가다 .. 관련된 모든 프로그램 분석 (상당 시간 소비..)

큰 줄기만 적다보니 어렵지 않은 작업인거같다만..

노가다성 작업이 많고 파악해야 될 프로그램들이 너무 흩어져있었다.. 관련 담당자들도 없고

또 프로그램에 접근하는게 보안차원인건 알지만 너무 복잡하다..

여태 경험했던 개발 작업 중 제일 스트레스를 받았던 것 같다..

---

최종

효율을 극대화 하기 위해

모든 지점이 마감 되면 power automate를 이용하여

웹 훅 -> 특정 값 확인 -> 관리자들에게 팀즈 메세지 전송

API 동시성 문제 개선하기 (MAX + 1 Key 채번)

알 수 없는 사용자 — Tue, 4 Feb 2025 11:33:00 +0900

결제 API 동시성 이슈..

전자락카 매출정보를 연동하는 API 동시성 문제를 개선해보자!

작업 할 당시에 개발 환경은 jdk 17 , spring boot , mybatis , oracle 이다.

키오스크에서 결제를 하면

VAN 결제정보 데이터를 API를 이용하여 저장하는 단순한 구조이다.

대략 api 흐름..

api 응답시간 0.3초

키오스크를 이용하는 손님도 적고 문제가 생길거라고는...미처 생각하지 못했다

이러고 시간이 한참 지나고나서.....

이용자수가 엄청 늘었다...

혹시? 동시성 문제가 생기진 않았을까.. 로그를 보니

중복키 로그가........

개선하고자

테스트코드를 수정하고 디버깅을 진행 하였다.

문제점 찾기

예시 코드

AS-IS

    @Transactional(rollbackFor = Exception.class)
    public ResponseEntity<?> payment(paymentDto dto){
     // ... 코드
        coinLockerMapper.insertA(dto);
        coinLockerMapper.insertB(dto);
        coinLockerMapper.insertC(dto);
        coinLockerMapper.insertD(dto);
        return ResponseEntity.ok("성공");
    }

INSERT INTO TABLE_A
        (
        SALE_DATE,
        UPJANG_CODE,
        UPJANG_SEQ,
        SEQ_NO1,
        UPDATE_SYS_DATE,
        UPDATE_EMP_NO,
        UPDATE_IP
        )
        VALUES(
        '영업일자',
        '영업장코드',
        '영업장순번',
        (SELECT NVL(MAX(SEQ_NO1), '0') + 1 FROM TABLE_A
        WHERE jm.UPJANG_CODE ='영업장코드'
        AND jm.UPJANG_SEQ ='업장순번'
        AND jm.SEQ_NO2 = '?'
        AND jm.SALE_DATE = '영업일자'
        AND jm.MENU_CODE = '특정메뉴코드'),
        sysdate,
        '손님',
        'IP'
        )
        ;
        
        ...
        ...
        ...

TO-BE

    @Transactional(rollbackFor = Exception.class)
    public ResponseEntity<?> payment(paymentDto dto){
     // ... 코드
        coinLockerMapper.insertABCD(dto);
        return ResponseEntity.ok("성공");
    }

...

V_SEQ_NO1              NUMBER(4,0) := 1;  
BEGIN
    SELECT (SEQ_NO1 + 1)
    INTO V_SEQ_NO1
    FROM TABILE_SEQ 
    WHERE SALE_DATE = P_SALE_DATE
      AND UPJANG_CODE = P_UPJANG_CODE
      AND TABLE_TYPE = P_TABLE_TYPE
    FOR UPDATE WAIT 3;
  EXCEPTION
    WHEN NO_DATA_FOUND THEN
      V_SEQ_NO1 := 1;
  END;

INSERT INTO TABLE_A
        (
        SALE_DATE,
        UPJANG_CODE,
        UPJANG_SEQ,
        SEQ_NO1,
        UPDATE_SYS_DATE,
        UPDATE_EMP_NO,
        UPDATE_IP
        )
        VALUES(
        '영업일자',
        '영업장코드',
        '영업장순번',
        V_SEQ_NO1,
        sysdate,
        '손님',
        'IP'
        );


MERGE INTO TABLE_Z target
	  USING (
		  SELECT    '영업일자' AS SALE_DATE, 
		  			'업장코드' AS UPJANG_CODE, 
		  			'테이블타입' AS TABLE_TYPE,
		  			 sysdate AS UPDATE_SYS_DATE,
				     '사용자' AS UPDATE_EMP_NO,
					 '아이디' AS UPDATE_IP 
		FROM DUAL
		  ) source
	  ON (target.SALE_DATE = source.SALE_DATE AND target.UPJANG_CODE = source.UPJANG_CODE AND target.TABLE_TYPE = source.TABLE_TYPE )
	  WHEN MATCHED THEN
	    UPDATE SET SEQ_NO1 = SEQ_NO1 + 1,
	               UPDATE_SYS_DATE = SOURCE.UPDATE_SYS_DATE,
	               UPDATE_EMP_NO = SOURCE.UPDATE_EMP_NO,
	               UPDATE_IP = SOURCE.UPDATE_IP
	        
	  WHEN NOT MATCHED THEN
	    INSERT (SALE_DATE, UPJANG_CODE,UPJANG_SEQ, SEQ_NO1,TABLE_TYPE,UPDATE_SYS_DATE,UPDATE_EMP_NO,UPDATE_IP)
	    VALUES (source.SALE_DATE, source.UPJANG_CODE,'40', 1,source.TABLE_TYPE,SOURCE.UPDATE_SYS_DATE,SOURCE.UPDATE_EMP_NO,SOURCE.UPDATE_IP);

문제가 되는 건

채번을 시퀀스로 관리하는게 아닌

컬럼 조합에 따라 순번을 max + 1을 이용하여 채번하고 있었기 때문에 발생하였다...

이용자수가 적으면 문제가 되지 않지만 급증했을 경우에는

api 처리량이 증가함에 따라 unique constraints violation(유일성 제약조건 위배) 발생한다.

해결 방법

1. 시퀀스를 이용

✅ 장점

동시성(Concurrency)에 강함
- 원자적(Atomic) 연산으로 여러 트랜잭션이 동시에 시퀀스를 요청해도 충돌 없이 동작.
- SELECT SEQ_NAME.NEXTVAL FROM DUAL; 실행 시 별도의 락(Lock) 없이 안전하게 증가.
- 대량 삽입(INSERT) 시에도 병목 없이 빠른 키 할당 가능.
빠른 키 생성 (Full Table Scan 없음)
- 인덱스를 조회하거나 별도의 테이블을 조회할 필요 없이 즉시 새로운 키 반환.
- 채번 테이블을 사용할 경우 발생하는 SELECT MAX(ID) + 1 같은 연산이 필요 없음.
Rollback 영향을 받지 않음
- 트랜잭션이 ROLLBACK 되더라도 이미 할당된 시퀀스 값은 그대로 유지됨.
- 동일한 값을 두 번 사용하는 일이 없으므로 유니크한 키를 보장.
성능 최적화 옵션 제공
- CACHE 옵션을 사용하면 일정 개수의 값을 미리 메모리에 올려두어 DB I/O를 줄이고 성능 향상 가능.
- NOORDER 옵션을 사용하면 RAC 환경에서도 성능을 높일 수 있음.
단순한 자동 증가 값이 필요한 경우 최적
- 시퀀스를 사용하면 자동으로 증가하는 값(ID) 생성이 가능하여 별도의 로직이 필요 없음.
- UUID나 복합 키보다 간단하게 고유한 값을 생성할 수 있음.

❌ 단점

시퀀스 값이 중간에 건너뛸 수 있음
- CACHE 옵션을 사용하면 DB 장애나 재시작 시 미리 할당된 시퀀스 값이 유실될 수 있음.
- 트랜잭션 롤백 시에도 이미 할당된 시퀀스 값은 되돌려지지 않음.
비즈니스 로직에 맞춘 복합 키 생성 불가
- 단순 숫자 증가 방식이라 YEAR + DEPT + SEQ 같은 조합 키를 생성할 수 없음.
- 특정 그룹(부서별, 연도별)로 별도의 시퀀스를 운영해야 할 경우 관리가 복잡해질 수 있음.
초기화(Reset) 어려움
- 특정 조건(예: 연도가 바뀔 때마다 1부터 시작)에서 시퀀스를 초기화하려면 DROP 후 다시 생성해야 함.
- 일반적으로 ALTER SEQUENCE로 현재 값을 변경할 수 없으며, 임시 테이블을 활용하는 우회 방법이 필요함.
트랜잭션과 독립적이므로 Rollback 시 순차적 증가가 깨질 수 있음
- 예를 들어, INSERT INTO ... VALUES (SEQ.NEXTVAL) 후 ROLLBACK 하면 해당 값이 유실되며 건너뜀.
- 순차적인 숫자가 필요할 경우 시퀀스 대신 채번 테이블을 고려해야 함.
일부 데이터베이스(MySQL, SQL Server)에서는 지원되지 않음
- 오라클에서는 기본적으로 지원되지만, 다른 DBMS에서는 AUTO_INCREMENT나 채번 테이블을 사용해야 할 수도 있음.

2. 채번 테이블 만들어서 관리

✅ 장점

조합된 키 관리 가능
- 특정 컬럼 조합(예: YEAR + DEPT + SEQ)으로 원하는 방식의 키를 생성할 수 있음.
- 단순한 숫자 증가 방식의 시퀀스로는 불가능한 복합 키를 유연하게 생성 가능.
비즈니스 로직 적용 가능
- 특정 조건에 따라 다른 규칙을 적용하여 키 생성 가능.
- 예를 들어, 특정 부서(DEPT)별로 연도별(YEAR) 독립적인 증가값 유지 가능.
시퀀스와 다르게 응용 프로그램에서 제어 가능
- 시퀀스는 DB 내부에서 자동 증가하지만, 채번 테이블은 직접 SQL을 통해 제어 가능.
- 특정 조건에서 번호를 다시 초기화하는 등의 유연한 관리 가능.
트랜잭션 내에서 조정 가능
- 시퀀스는 트랜잭션과 독립적으로 동작하므로 Rollback 시 복구 불가능하지만,
  채번 테이블은 트랜잭션 롤백 시 다시 원래 값으로 되돌릴 수 있음.
다른 데이터베이스에서도 동일한 방식 사용 가능
- 일부 데이터베이스(예: MySQL)에서는 시퀀스 기능이 제한적이므로,
  채번 테이블을 사용하면 DBMS에 상관없이 일관된 방식으로 키를 관리할 수 있음.

❌ 단점

동시성 이슈 (Locking 필요)
- 다수의 트랜잭션이 동시에 같은 키를 가져가려 하면 충돌 가능.
- 이를 방지하기 위해 SELECT ... FOR UPDATE 또는 LOCK을 사용해야 함.
- 성능이 중요한 환경에서는 병목이 될 가능성이 있음.
Full Table Scan 발생 가능
- 특정 조건(YEAR + DEPT)의 최신 키 값을 조회하려면,
  인덱스가 적절히 설정되지 않으면 Full Table Scan이 발생할 가능성이 있음.
트랜잭션 롤백 시 키 값 관리 필요
- 시퀀스는 자동 증가하여 롤백해도 번호가 건너뛰지만,
  채번 테이블은 롤백 시 값을 직접 관리해야 일관성 유지 가능.
- 예를 들어, 트랜잭션 실패 시 증가된 키를 다시 조정해야 함.
추가적인 I/O 비용 발생
- 시퀀스는 메모리에서 관리되지만, 채번 테이블은 매번 DB를 조회해야 함.
- 따라서 동시 요청이 많을 경우, 성능 저하 가능성이 있음.
- 이를 방지하려면 미리 일정 개수의 키를 캐싱하는 방식 고려 가능.
응용 프로그램에서 추가 로직 필요
- 단순한 자동 증가 ID보다 관리할 로직이 많아짐.
- 키를 가져오는 별도의 서비스/DAO 로직이 필요하며,
  복잡한 비즈니스 로직이 얽힐 가능성이 있음.

결론 (언제 채번 테이블을 선택하면 좋을까?)

✅ 채번 테이블이 적합한 경우

컬럼 조합(YEAR + DEPT + SEQ) 기반의 복합 키를 사용해야 할 때
비즈니스 로직에 따라 키를 다르게 생성해야 할 때
특정 조건에서 시퀀스를 초기화하거나 재사용해야 할 때
시퀀스를 지원하지 않는 DB(MySQL 등)에서도 동일한 방식 유지가 필요할 때

❌ 시퀀스가 더 나은 경우

단순 숫자 증가 방식이면 시퀀스가 훨씬 빠르고 효율적
동시 트랜잭션이 많은 경우 Locking 문제 발생 가능
채번 테이블 조회 시 추가적인 I/O 부담이 발생하는 것이 문제될 때

성능을 개선하려면?
채번 테이블을 쓰더라도 성능을 개선하는 방법을 고려해야 합니다.

SELECT ... FOR UPDATE를 사용하여 충돌을 방지하면서 최신 값을 가져오기
일정 개수(BATCH_SIZE)를 미리 캐싱하여 DB I/O를 줄이기
인덱스를 잘 설계하여 Full Table Scan 방지

window 10 enterprise 라이센스 만료 후 일정 사용 시간 지나면 강제 종료 되는 현상 해결 방법

알 수 없는 사용자 — Thu, 19 Dec 2024 13:50:21 +0900

회사 남는 pc 에 로컬 database를 테스트용으로 사용하고 있는데
라이센스가 만료 되어

1시간 정도 사용하면 강제적으로 종료되는 것을 확인 하였다. (윈도우 이벤트 뷰어에서 확인 가능)

window license monitoring service를 일시적으로 중지하여

강제 부팅을 막을 수 있다.

해당 서비스를 중지 하기 위해서 두번째 참조 링크를 참고하여 따라하면 된다!

추후 라이센스 구매 전까지는 ..

https://learn.microsoft.com/en-us/sysinternals/downloads/psexec

PsExec - Sysinternals

Execute processes on remote systems.

learn.microsoft.com

https://digitalitskills.com/how-to-stop-windows-server-auto-shutdown-every-hour-after-license-expire/

newman 을 이용하여 node 서버 부하 테스트 및 pm2 클러스트 모드 사용 / 커넥션 풀 사용하여 부하 예방하기

알 수 없는 사용자 — Tue, 12 Nov 2024 16:12:38 +0900

후기

다른 사람이 만든 코드를 유지보수한다는게 정말 쉽지 않은 것 같다..

또 java/spring boot 가 아닌 node/express 환경이다 보니 정이 더 안붙는...

원인

특정 기간에 예약이 몰려 서버에 부하가 되는 상황 확인

테스트 방법

1. 포스트맨을 이용하여 예약 api 컬렉션 준비

2. node에 newman 종속성 추가 및 실행코드 작성

3. pm2 모니터링

const newman = require('newman'); // Newman 모듈
const instances = 900; 

const runNewmanInstance = () => {
    return new Promise((resolve, reject) => {
        newman.run({
            collection: require('./collection.json'), 
            reporters: 'cli',
        }, (err) => {
            if (err) reject(err);
            else resolve();
        });
    });
};

Promise.all(Array.from({ length: instances }, runNewmanInstance))
    .then(() => {
        console.log(`${instances}개의 컬렉션이 동시에 완료되었습니다.`);
    })
    .catch((error) => {
        console.error('오류 발생:', error);
    });

server.js 수정

{
	"apps" : [
    	{
            "name" : "서버이름",
            "script" : "src/server.js",
            "watch" : ["src"],
            "ignore_watch" : ["temp"],
            "watch_option" : {
            	"followSymlinks" : false
            },
	    "exec_mode" : "cluster",
            "instances" : "max"
        }
    ]
}

변경 전

pm2 monit

as is

변경 후

pm2 monit

to be

클러스트 모드를 이용하여 분산 처리 하고 나니 was 부하는 줄일 수 있었으나

데이터베이스에 접근하는 행위가 있는 api는 계속 지연되는 현상이 생기는 것을 확인 ..

db를 접근할 때 커넥션을 다이렉트로 맺고 끊는 것을 확인 할 수 있었다..

이부분을 커넥션 풀을 설정하여 성능을 개선 하였다..

이후 앞전에 설명했던 로드 테스트용 스크립트로 수치를 늘렸을 때 as-is와 to-be 확연한 차이가 나는 것을 확인

Ref.

pm2 docs

https://pm2.keymetrics.io/docs/usage/quick-start/

PM2 - Quick Start

Advanced process manager for production Node.js applications. Load balancer, logs facility, startup script, micro service management, at a glance.

pm2.keymetrics.io

postman docs

https://learning.postman.com/docs/getting-started/overview/

Get started in Postman | Postman Learning Center

Postman is a collaboration platform for API development. Postman's features simplify each step of building an API and streamline collaboration so you can create better APIs—faster.

learning.postman.com

newman docs

https://learning.postman.com/docs/collections/using-newman-cli/command-line-integration-with-newman/

Run and test collections from the command line using Newman CLI | Postman Learning Center

Postman is a collaboration platform for API development. Postman's features simplify each step of building an API and streamline collaboration so you can create better APIs—faster.

learning.postman.com

커넥션 풀이란?

https://ko.wikipedia.org/wiki/%EC%97%B0%EA%B2%B0_%ED%92%80

연결 풀 - 위키백과, 우리 모두의 백과사전

위키백과, 우리 모두의 백과사전. 연결 풀[1] 또는 커넥션 풀(connection pool)은 소프트웨어 공학에서 데이터베이스로의 추가 요청이 필요할 때 연결을 재사용할 수 있도록 관리되는 데이터베이스

ko.wikipedia.org

[Request processing failed: org.springframework.jdbc.UncategorizedSQLException: Error attempting to get column '컬럼명' from result set. Cause: java.sql.SQLException: 부적합한 열 유형: getBLOB not implemented for class oracle.jdbc.driver.T4CLongRawAccessor 오류 해결 하

알 수 없는 사용자 — Mon, 28 Oct 2024 10:32:32 +0900

[Request processing failed: org.mybatis.spring.MyBatisSystemException] with root cause

java.sql.SQLException: 부적합한 열 유형: getBLOB not implemented for class oracle.jdbc.driver.T4CLongRawAccessor
	at oracle.jdbc.driver.GeneratedAccessor.getBLOB(GeneratedAccessor.java:1021) ~[ojdbc8-21.9.0.0.jar:21.9.0.0.0]
	at oracle.jdbc.driver.GeneratedStatement.getBLOB(GeneratedStatement.java:289) ~[ojdbc8-21.9.0.0.jar:21.9.0.0.0]
	at oracle.jdbc.driver.GeneratedScrollableResultSet.getBLOB(GeneratedScrollableResultSet.java:547) ~[ojdbc8-21.9.0.0.jar:21.9.0.0.0]
	at oracle.jdbc.driver.GeneratedScrollableResultSet.getBlob(GeneratedScrollableResultSet.java:136) ~[ojdbc8-21.9.0.0.jar:21.9.0.0.0]
	at oracle.jdbc.driver.GeneratedResultSet.getBlob(GeneratedResultSet.java:585) ~[ojdbc8-21.9.0.0.jar:21.9.0.0.0]
	at com.zaxxer.hikari.pool.HikariProxyResultSet.getBlob(HikariProxyResultSet.java) ~[HikariCP-5.1.0.jar:na]
	at org.apache.ibatis.type.BlobTypeHandler.getNullableResult(BlobTypeHandler.java:39) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.type.BlobTypeHandler.getNullableResult(BlobTypeHandler.java:28) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.type.BaseTypeHandler.getResult(BaseTypeHandler.java:86) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.type.UnknownTypeHandler.getNullableResult(UnknownTypeHandler.java:77) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.type.BaseTypeHandler.getResult(BaseTypeHandler.java:86) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.executor.resultset.DefaultResultSetHandler.getPropertyMappingValue(DefaultResultSetHandler.java:530) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.executor.resultset.DefaultResultSetHandler.applyPropertyMappings(DefaultResultSetHandler.java:495) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.executor.resultset.DefaultResultSetHandler.getRowValue(DefaultResultSetHandler.java:418) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.executor.resultset.DefaultResultSetHandler.handleRowValuesForSimpleResultMap(DefaultResultSetHandler.java:366) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.executor.resultset.DefaultResultSetHandler.handleRowValues(DefaultResultSetHandler.java:337) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.executor.resultset.DefaultResultSetHandler.handleResultSet(DefaultResultSetHandler.java:310) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.executor.resultset.DefaultResultSetHandler.handleResultSets(DefaultResultSetHandler.java:202) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.executor.statement.PreparedStatementHandler.query(PreparedStatementHandler.java:66) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.executor.statement.RoutingStatementHandler.query(RoutingStatementHandler.java:80) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.executor.SimpleExecutor.doQuery(SimpleExecutor.java:65) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.executor.BaseExecutor.queryFromDatabase(BaseExecutor.java:336) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.executor.BaseExecutor.query(BaseExecutor.java:158) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.executor.CachingExecutor.query(CachingExecutor.java:110) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.executor.CachingExecutor.query(CachingExecutor.java:90) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.session.defaults.DefaultSqlSession.selectList(DefaultSqlSession.java:154) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.session.defaults.DefaultSqlSession.selectList(DefaultSqlSession.java:147) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.session.defaults.DefaultSqlSession.selectList(DefaultSqlSession.java:142) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.session.defaults.DefaultSqlSession.selectOne(DefaultSqlSession.java:75) ~[mybatis-3.5.14.jar:3.5.14]
	at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke0(Native Method) ~[na:na]
	at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:77) ~[na:na]
	at java.base/jdk.internal.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) ~[na:na]
	at java.base/java.lang.reflect.Method.invoke(Method.java:569) ~[na:na]
	at org.mybatis.spring.SqlSessionTemplate$SqlSessionInterceptor.invoke(SqlSessionTemplate.java:425) ~[mybatis-spring-3.0.3.jar:3.0.3]
	at jdk.proxy2/jdk.proxy2.$Proxy63.selectOne(Unknown Source) ~[na:na]
	at org.mybatis.spring.SqlSessionTemplate.selectOne(SqlSessionTemplate.java:160) ~[mybatis-spring-3.0.3.jar:3.0.3]
	at org.apache.ibatis.binding.MapperMethod.execute(MapperMethod.java:87) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.binding.MapperProxy$PlainMethodInvoker.invoke(MapperProxy.java:141) ~[mybatis-3.5.14.jar:3.5.14]
	at org.apache.ibatis.binding.MapperProxy.invoke(MapperProxy.java:86) ~[mybatis-3.5.14.jar:3.5.14]

mybatis 이용하여 oracle database

테이블에 데이터를 조회하는 기능을 개발하는 중에
이미지 파일들이 있는 long row 컬럼이 있었는데

단순하게 resultMap을 사용하여
jdbcType을 LONGVARBINARY 로 선언하면 처리가 가능할 줄 알았으나
jdbcType은insert나 update 같은 쿼리를 수행할 때는 MyBatis가 파라미터 타입을 명확히 인식할 수 있도록 jdbcType을 지정하는 경우 사용하는 것이니 나처럼 바보같은 실수는 하지 않길 바란다..

속성		설명
property		결과 칼럼에 매핑하기 위한 필드나 프로퍼티. 자바빈 프로퍼티가 해당 이름과 일치한다면 그 프로퍼티가 사용될 것이다. 반면에 마이바티스는 해당 이름이 필드를 찾을 것이다. 점 표기를 사용하여 복잡한 프로퍼티 검색을 사용할 수 있다. 예를들어 “username”과 같이 간단하게 매핑될 수 있거나 “address.street.number” 처럼 복잡하게 매핑될수도 있다.
column		데이터베이스의 칼럼명이나 별칭된 칼럼 라벨. resultSet.getString(columnName) 에 전달되는 같은 문자열이다.
javaType		패키지 경로를 포함한 클래스 전체명이거나 타입 별칭. 자바빈을 사용한다면 마이바티스는 타입을 찾아낼 수 있다. 반면에 HashMap으로 매핑한다면 기대하는 처리를 명확히 하기 위해 javaType 을 명시해야 한다.
jdbcType		지원되는 타입 목록에서 설명하는 JDBC 타입. JDBC타입은 insert, update 또는 delete 하는 null 입력이 가능한 칼럼에서만 필요하다. JDBC의 요구사항이지 마이바티스의 요구사항이 아니다. JDBC로 직접 코딩을 하다보면 null이 가능한 값에 이 타입을 지정할 필요가 있을 것이다.
typeHandler		이 문서 앞에서 이미 타입 핸들러에 대해 설명했다. 이 프로퍼티를 사용하면 디폴트 타입 핸들러를 오버라이드 할 수 있다. 이 값은 TypeHandler구현체의 패키지를 포함한 전체 클래스명이나 타입별칭이다.

그렇다면 long raw에 값을 어떻게 해야 잘 처리 할 수 있을까?

resultMap에서 아래 세가지 방법으로 처리 할 수 있다.

1. javaType을 byte[] 로 받는 방법
2. javaType을 String으로 받는 방법
3. typeHandler를 사용하는 방법

나는 로직을 한 곳에 집중 시키는 것을 좋아해서 3번을 추천한다.

그렇다면 typeHandler 는 어떻게 코드를 작성해야 할까?
아래는 long raw 값을 자바에서 받기 위한 typehandler 예시 코드이다.

package com.xxx.xxx.handler;

import org.apache.ibatis.type.JdbcType;
import org.apache.ibatis.type.TypeHandler;

import java.sql.CallableStatement;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;

public class LongRawHandler implements TypeHandler<byte[]> {

    @Override
    public void setParameter(PreparedStatement ps, int i, byte[] parameter, JdbcType jdbcType) throws SQLException {
        if (parameter != null) {
            ps.setBytes(i, parameter);
        } else {
            ps.setNull(i, java.sql.Types.LONGVARBINARY);
        }
    }

    @Override
    public byte[] getResult(ResultSet rs, String columnName) throws SQLException {
        return rs.getBytes(columnName);
    }

    @Override
    public byte[] getResult(ResultSet rs, int columnIndex) throws SQLException {
        return rs.getBytes(columnIndex);
    }

    @Override
    public byte[] getResult(CallableStatement cs, int columnIndex) throws SQLException {
        return cs.getBytes(columnIndex);
    }
}

해당 오류 덕분에 mybatis에 대해 더 자세히 알게 된 것 같다 :)

Ref.

https://stackoverflow.com/questions/31771198/message-invalid-column-type-getblob-not-implemented-for-class-oracle-jdbc-drive

Message Invalid column type: getBLOB not implemented for class oracle.jdbc.driver.T4CLongRawAccessor

I have a problem when trying to read blob from Oracle DB by using this rs.getBlob("ARCHIVE_REQ_FILE_BLOB") I also tried this oracle.sql.BLOB blob= (oracle.sql.BLOB) ((OracleResultSet) rs).

stackoverflow.com

https://mybatis.org/mybatis-3/ko/index.html

mybatis – 마이바티스 3 | 소개

마이바티스는 무엇인가? 마이바티스는 개발자가 지정한 SQL, 저장프로시저 그리고 몇가지 고급 매핑을 지원하는 퍼시스턴스 프레임워크이다. 마이바티스는 JDBC로 처리하는 상당부분의 코드와

mybatis.org

https://mybatis.org/mybatis-3/ko/sqlmap-xml.html

mybatis – 마이바티스 3 | 매퍼 XML 파일

Mapper XML 파일 마이바티스의 가장 큰 장점은 매핑구문이다. 이건 간혹 마법을 부리는 것처럼 보일 수 있다. SQL Map XML 파일은 상대적으로 간단하다. 더군다나 동일한 기능의 JDBC 코드와 비교하면

mybatis.org

[Oracle] 패키지,프로시저,펑션 에서 특정 문자열 찾기

알 수 없는 사용자 — Thu, 10 Oct 2024 17:25:27 +0900

SELECT
	T1.OBJECT_ID
	, T1.OBJECT_NAME
	, T1.OBJECT_TYPE
	, T2.TEXT
FROM
	USER_OBJECTS T1
	INNER JOIN USER_SOURCE T2 ON T1.OBJECT_NAME = T2.NAME
WHERE
	T1.OBJECT_TYPE IN ('PROCEDURE', 'FUNCTION','PACKAGE BODY')
	AND T2.TEXT LIKE '%검색 문자열%'

특정 프로그램 유지보수 중 데이터가 계속 편집이 되는데 인수인계 문서가 없어서 난감하다 ‍

그럴 때 자주 애용하는

특정 테이블에 데이터가 어느 프로시저 또는 패키지에서 편집되는지 알 수 있는 꿀팁 쿼리

Ref.

https://docs.oracle.com/en/database/oracle/oracle-database/21/refrn/USER_OBJECTS.html

Database Reference

USER_OBJECTS describes all objects owned by the current user. Its columns (except for OWNER), are the same as those in ALL_OBJECTS.

docs.oracle.com

https://asktom.oracle.com/ords/asktom.search?tag=what-is-user-objects

What is user_objects? - Ask TOM

Response to followup Joseph Giallombardo, August 01, 2017 - 4:04 pm UTC Ok...so user objects is an internal table ok...let me work on that... thanks.

asktom.oracle.com

[Java] 리플렉션(Reflection) 이란 무엇인가요?

알 수 없는 사용자 — Mon, 7 Oct 2024 09:52:11 +0900

자바 리플렉션 그림으로 표현(출처 : http://jessezhuang.github.io/article/java-reflection-test/)

지난 번 운이 좋아 여러 대기업 면접을 보게 되었는데

k사 기술 면접에서

자바 리플렉션이라고 물었던 적이 있다..

난 당시에 대답을 시원하게 하지 못했다

사실 웹 개발자가 리플렉션을 사용할 일은 드물것이라고 생각이 든다...

그래서 .. Java Reflection 이란 무엇인가요?

자바 리플렉션은 프로그램이 실행 중일 때 클래스, 메서드, 필드 등을 동적으로 조회하고 조작할 수 있게 해주는 기능
이를 통해 런타임에 클래스의 구조를 알아내고, 객체의 메서드를 호출하거나 필드의 값을 수정할 수 있다.
자바에서 이미 로딩이 완료된 클래스에서 또 다른 클래스를 동적으로 로딩 (Dynamic Loading)하여 생성자(Constructor), 멤버 필드(Member Variables) 그리고 멤버 메서드 (Member Method) 등을 사용할 수 있는 기법
구체적인 Class Type을 알지 못하더라도 해당 Class의 method, type, variable들에 접근할 수 있도록 해주는 자바 API이며, 컴파일된 바이트 코드를 통해 Runtime에 동적으로 특정 Class의 정보를 추출할 수 있는 프로그래밍 기법

리플렉션의 주요 특징 ️

동적 클래스 정보 조회: 객체의 클래스 타입, 메서드, 필드 등의 정보를 런타임에 확인할 수 있다.
객체 생성 및 메서드 호출: 클래스의 인스턴스를 동적으로 생성하고, 메서드를 호출할 수 있다.
접근 제어 무시: private이나 protected 접근 제한자를 무시하고 필드나 메서드에 접근할 수 있다.

리플렉션을 사용하는 이유

플러그인 시스템: 특정 클래스나 메서드가 미리 정의되어 있지 않은 애플리케이션에서 확장 기능을 추가할 때 유용
프레임워크 및 라이브러리 개발: Spring, Hibernate 등 프레임워크는 리플렉션을 활용해 빈 생성, 의존성 주입 등을 동적으로 처리함
유연성: 컴파일 타임에 정의되지 않은 객체와의 상호작용이 가능.

리플렉션의 단점

성능 저하: 리플렉션은 일반적인 코드보다 더 많은 자원을 사용하므로 성능이 떨어질 수 있다.
컴파일 시 안전성 부족: 런타임 오류가 발생할 가능성이 크다.
캡슐화 위반: 접근 제어자를 무시할 수 있어, 잘못 사용하면 보안 및 유지보수 측면에서 문제가 될 수 있다.

언제 리플렉션을 사용해야 할까?

리플렉션은 고급 기능으로, 주로 프레임워크 개발이나 동적 기능이 필요한 상황에서 사용된다.

하지만 성능 문제와 유지보수성 고려가 필요하므로, 가능하다면 사용을 최소화하고 대체 방안을 고려하는 것이 좋다.

예제 코드

디렉토리

<code>
java-reflection-study/
│
├── src/
│   ├── Main.java
│   ├── com/
│   │   └── example/
│   │       ├── examples/
│   │       │   ├── ClassInfoExample.java
│   │       │   ├── FieldAccessExample.java
│   │       │   ├── MethodInvocationExample.java
│   │       └── interfaces/
│   │       │   └── ReflectionExample.java
│   │       ├── utils/
│   │       │   └── ReflectionUtils.java
│   │       ├── MyClass.java
│   │       ├── Person.java
│   │       └── ExampleRunner.java
│
└── README.md
</code>

main.java

import com.example.ExampleRunner;

/**
 * 프로그램의 진입점으로, ExampleRunner를 사용해 리플렉션 예제를 실행합니다.
 */
public class Main {

    public static void main(String[] args) {
        ExampleRunner exampleRunner = new ExampleRunner();
        exampleRunner.runExamples();
    }
}

객체 지향적 설계 하기 위해 공통으로 사용되는 메소드는 인터페이스로 관리

package com.example.interfaces;

/**
 * 리플렉션 예제를 위한 공통 인터페이스입니다.
 */
public interface ReflectionExample {

    /**
     * 리플렉션 예제를 실행하는 메서드입니다.
     */
    void runExample();
}

예제 실행 클래스

package com.example;

import com.example.examples.ClassInfoExample;
import com.example.examples.FieldAccessExample;
import com.example.examples.MethodInvocationExample;
import com.example.interfaces.ReflectionExample;

import java.util.ArrayList;
import java.util.List;

/**
 * 다양한 리플렉션 예제를 실행하는 클래스입니다.
 */
public class ExampleRunner {

    private final List<ReflectionExample> examples = new ArrayList<>();

    public ExampleRunner() {
        // 예제를 리스트에 추가
        examples.add(new ClassInfoExample(MyClass.class));
        examples.add(new MethodInvocationExample(new MyClass(), "sayHello", "Reflection"));
        examples.add(new FieldAccessExample(new Person("Alice", 30), "name", "Bob"));
    }

    /**
     * 모든 리플렉션 예제를 실행합니다.
     */
    public void runExamples() {
        for (ReflectionExample example : examples) {
            example.runExample();
        }
    }
}

클래스 정보 출력하는 예제

package com.example.examples;

import com.example.interfaces.ReflectionExample;
import com.example.utils.ReflectionUtils;

/**
 * 클래스 정보 출력 예제를 담당하는 클래스입니다.
 */
public class ClassInfoExample implements ReflectionExample {

    private final Class<?> clazz;

    public ClassInfoExample(Class<?> clazz) {
        this.clazz = clazz;
    }

    @Override
    public void runExample() {
        System.out.println("=== 클래스 정보 출력 예제 ===");
        ReflectionUtils.printClassInfo(clazz);
        System.out.println();
    }
}

해당 예제 코드 repo Ref https://github.com/DongJu-Na/java-reflection-study

Readme 참고해주세요!

Ref.

자바 리플렉션 예제 연습 샘플 github repo (추가로 들어갈 예제 샘플코드가 있다면 pr을 날려주세요)

https://github.com/DongJu-Na/java-reflection-study

GitHub - DongJu-Na/java-reflection-study: 리플렉션 쉽게 이해하기!

리플렉션 쉽게 이해하기! Contribute to DongJu-Na/java-reflection-study development by creating an account on GitHub.

github.com

https://www.youtube.com/watch?v=67YdHbPZJn4

https://www.youtube.com/watch?v=Q-8FC09OSYg

[axios] Axios의 사용자 제공 입력의 잘못된 유효성 검사로 인한 CSRF 취약점 CVE-2023-45857

알 수 없는 사용자 — Tue, 10 Sep 2024 12:53:57 +0900

사내 레거시.. 프론트 프로젝트에서 axios 라이브러리를 보던 중

이전에 보았던 보안취약점 코드가 떠올랐다..

라이브러리를 업데이트 해야겠다..

package.json 파일을 확인해보니..

"axios": "^0.27.2"

보안에 관심이 많은 사람들은

참조 링크를 확인해보면 좋은 경험치가 될 것 같다

Ref.

https://github.com/axios/axios/issues/6006

CVE-2023-45857 (CWE-359) XSRF-TOKEN value is disclosed to an unauthorised actor · Issue #6006 · axios/axios

Describe the bug Hi team, @jasonsaayman and @DigitalBrainJS, The library inserts the X-XSRF-TOKEN header using the secret XSRF-TOKEN cookie value in all requests to any server when the XSRF-TOKEN c...

github.com

https://nvd.nist.gov/vuln/detail/CVE-2023-45857#match-13074642

NVD - CVE-2023-45857

References to Advisories, Solutions, and Tools By selecting these links, you will be leaving NIST webspace. We have provided these links to other web sites because they may have information that would be of interest to you. No inferences should be drawn on

nvd.nist.gov

https://portswigger.net/web-security/csrf/preventing

How to prevent CSRF vulnerabilities | Web Security Academy

In this section, we'll provide some high-level guidance on how you can protect your own websites from the kinds of vulnerabilities we've demonstrated in our ...

portswigger.net

uncategorized SQLException; SQL state [99999]; error code [17056]; 지원되지 않는 문자 집합(클래스 경로에 orai18n.jar 추가): KO16KSC5601 에러 해결 방법! ️

알 수 없는 사용자 — Fri, 30 Aug 2024 15:53:23 +0900

Cause: java.sql.SQLException: 지원되지 않는 문자 집합(클래스 경로에 orai18n.jar 추가): KO16KSC5601
; uncategorized SQLException; SQL state [99999]; error code [17056]; 지원되지 않는 문자 집합(클래스 경로에 orai18n.jar 추가): KO16KSC5601] with root cause

환경 구성 중 오류가 발생하였다.

오류를 자세히 읽어보면.. 답이!!!!!!!!!!

라이브러리를 다운받아 종속성을 추가하면 해결할 수 있다.

gradle

// https://mvnrepository.com/artifact/com.oracle.ojdbc/orai18n
implementation group: 'com.oracle.ojdbc', name: 'orai18n', version: '19.3.0.0'

maven

<!-- https://mvnrepository.com/artifact/com.oracle.ojdbc/orai18n -->
<dependency>
    <groupId>com.oracle.ojdbc</groupId>
    <artifactId>orai18n</artifactId>
    <version>19.3.0.0</version>
</dependency>

메이븐 저장소 링크

https://mvnrepository.com/artifact/com.oracle.ojdbc/orai18n/19.3.0.0

outlook 자격 증명 팝업이 반복해서 나올 경우

알 수 없는 사용자 — Fri, 23 Aug 2024 10:31:09 +0900

회사 그룹웨어가 트래픽이 몰릴 경우 메일을 보지 못하는 ..

여러 계열사 같이 사용하는 그룹웨어다 보니

급여날 , 또는 특정 이슈가 있을 경우 트래픽이 너무 몰려서 메일 확인이 어려울 때가 빈번하게 발생하였다..

차선책으로 아웃룩으로 포워딩 하여 사용하려고 하니

자격증명이 계속 뜨는게 아닌가..

https://answers.microsoft.com/ko-kr/outlook_com/forum/all/%EC%95%84%EC%9B%83%EB%A3%A92013-%EC%B5%9C%EC%B4%88/07b314d9-c9f6-427e-909c-c470a0ab2593

리디렉션 중

서버 인증을 받기 때문에 특정 도메인으로 로그인하는 회사들이 몇 개 있던걸로 기억하여

아웃룩 관련 자격증명을 삭제 한 후 재시도하니 해결 되었다.

대부분 자격증명을 삭제 후 안내 준 특정 도메인 계정을 입력하면 해결 될 것이다..

[SpringBoot] 스프링을 이용하여 가벼운(간단한) 스케줄링 작업 처리하는 방법

알 수 없는 사용자 — Tue, 13 Aug 2024 10:22:48 +0900

현 시스템을 이용하지 않는 외부 기능이 생겨 데이터 처리 작업을 해야 되는 일이 생겼다.

이전에 작업하였던 스프링배치(배치+쿼츠)와 스프링 스케줄 어떤 걸로 구현할 지 고민하다가

데이터 처리할 양이 상당히 적고 (100 Row 미만) 작업이 복잡하지 않아 스케줄러를 이용하기로 결정

* 스케줄러 : 특정한 시간에 등록한 작업을 자동으로 실행 시키는 것을 의미합니다.

Spring에서 제공하는 스케줄러로는 Spring Scheduler(종속 추가 x), Spring Quartz(종속 추가 필요)가 있습니다.

스프링 스케줄러 사용 방법

1. 스케줄링을 활성화 하려면 @EnableScheduling 주석을 메인 Spring Boot 애플리케이션 클래스에 추가하거나 프로젝트에서 만든 구성 클래스에 추가하기만 하면 된다.

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.scheduling.annotation.EnableScheduling;

@SpringBootApplication
@EnableScheduling
public class ApiApplication {

	public static void main(String[] args) {
		SpringApplication.run(ApiApplication.class, args);
	}

}

2. 스케줄이 활성화 되었다면 @Scheduled 어노테이션을 이용하여 스케줄링 작업할 코드를 작성하면 끝 엄청 간단하다

해당 어노테이션에서는 세가지 설정이 가능하다. 나는 cron표현식을 이용했는데 보다 자세한 이용 방법은 아래 참조 링크 확인하길!

fixedDelay : scheduler가 끝나는 시간 기준으로 설정한 밀리초 간격으로 실행

fixedRate : scheduler가 시작하는 기준으로 설정한 밀리초 간격으로 실행

cron 표현식 : cron = 0? : 앞에서 부터 초, 분, 시, 일, 월, 요일(연도)순으로 진행

import com.elysian.api.domain.temp.service.TempService;
import lombok.RequiredArgsConstructor;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.scheduling.annotation.Scheduled;
import org.springframework.stereotype.Component;

import java.time.LocalDateTime;
import java.time.format.DateTimeFormatter;

@Component
@Slf4j
@RequiredArgsConstructor
public class TempTask {

    private final TempService tempService;

    @Value("${schedule.use}")
    private boolean useSchedule;

    @Scheduled(cron = "${schedule.cron}")
    public void mainJob() {
        try {
            if (useSchedule) {
                String formatDate = LocalDateTime.now().minusDays(1).format(DateTimeFormatter.ofPattern("yyyyMMdd"));
                log.info("Batch Start Date = {}",formatDate);
                tempService.sync(formatDate);
            }
        }  catch (Exception e) {
            log.info("* Batch 시스템이 예기치 않게 종료되었습니다. Message: {}", e.getMessage());
        }
    }
}

참고 Ref.

https://spring.io/guides/gs/scheduling-tasks

Getting Started | Scheduling Tasks

Although scheduled tasks can be embedded in web applications, the simpler approach (shown in this guide) creates a standalone application. To do so, package everything in a single, executable JAR file, driven by a Java main() method. The following snippet

spring.io

https://docs.spring.io/spring-framework/docs/current/javadoc-api/org/springframework/scheduling/annotation/EnableScheduling.html

EnableScheduling (Spring Framework 6.1.11 API)

Enables Spring's scheduled task execution capability, similar to functionality found in Spring's XML namespace. To be used on @Configuration classes as follows: @Configuration @EnableScheduling public class AppConfig { // various @Bean definitions } This e

docs.spring.io

https://docs.spring.io/spring-framework/docs/current/javadoc-api/org/springframework/scheduling/annotation/Scheduled.html

Scheduled (Spring Framework 6.1.11 API)

A cron-like expression, extending the usual UN*X definition to include triggers on the second, minute, hour, day of month, month, and day of week.

docs.spring.io

https://docs.oracle.com/cd/E12058_01/doc/doc.1014/e12030/cron_expressions.htm

Cron Expressions

A Cron Expressions Cron expressions are used to configure instances of CronTrigger, a subclass of org.quartz.Trigger. A cron expression is a string consisting of six or seven subexpressions (fields) that describe individual details of the schedule. These f

docs.oracle.com

https://djlife.tistory.com/31

스프링 배치(Spring Batch) 시작하기 !

스프링 배치 5가 릴리즈된지 거의 1년이 흘렀는데 이 때는 안보고 있다가.. 급하게 스케줄러와 배치를 이용해야 되는 일이 생겻다 내가 만들어야 할 프로그램 프로세스 흐름은 이와 같다.

djlife.tistory.com

[Java] 모던 자바(Modern JAVA) 란 무엇인가!!!! (feat. 새롭게 추가된 기능들)

알 수 없는 사용자 — Sun, 24 Mar 2024 03:21:56 +0900

GPT 3.5

"모던 자바(Modern Java)"는 주로 자바 프로그래밍 언어의 최신 기능과 개선된 패러다임을 지칭합니다. 기존의 자바 버전에서 도입된 기능들과는 달리, 자바 8 이후부터의 새로운 기능과 변경된 프로그래밍 스타일을 포함합니다.

모던 자바에서는 함수형 프로그래밍의 개념을 도입하고, 람다 표현식과 스트림 API 등을 통해 코드를 더욱 간결하고 유연하게 작성할 수 있습니다. 또한, 형식 추론(var 키워드), 모듈 시스템, 레코드(Records) 등과 같은 새로운 기능들이 추가되어 프로그래머가 코드를 작성하고 유지보수하는 데 도움이 됩니다.

따라서 모던 자바는 자바 언어를 사용하여 최신의 개발 트렌드와 요구 사항에 부합하는 현대적이고 효율적인 코드를 작성하는 것을 의미합니다.

자바8 이후에 새로운 기능들을 활용하여 개발하는 개념을 모던 자바라고 이해하면 될 것 같다.

JDK 8 이후에 새롭게 추가된 기능들에 대해 알아보자!

var 키워드의 확장(JDK 10 이상) - 자바 10부터는 var 키워드가 지역 변수 뿐만 아니라 반복 변수 및 익명 클래스의 파라미터로도 사용 가능하고 이는 코드의 가독성을 향상시키고, 반복 변수와 익명 클래스의 형식을 더 명확하게 표현할 수 있게 된다.

(* Type Inference : 타입을 생략하여도 이를 문맥상 충분히 알 수 있으면 컴파일러가 타입을 추론해주는 것)

단 var 타입을 사용하기 전에

오라클에서 var를 출시하게 된 이유와 사용하였을 때 기대효과 단점 등등 꼭 읽어보고 사용하도록 하자!

https://developer.oracle.com/learn/technical-articles/jdk-10-local-variable-type-inference

package org.ndj;

import java.util.Arrays;

public class LocalVariableTypeInference {
    public static void main(String[] args)  {
        // old Java
        String oldName = "DONGJU";
        int[] oldNums = new int[]{1,2,3,4,5};

        // modern Java
        var newName = "DONGJU";
        var nums = new int[]{1,2,3,4,5};


        System.out.println("oldName > " + oldName + " Class  > " + oldName.getClass());
        System.out.println("oldNums > " + Arrays.toString(oldNums) + " Class  > " + oldNums.getClass());
        System.out.println("newName > " + newName + " Class  > " + newName.getClass());
        System.out.println("nums > " + Arrays.toString(nums) + " Class  > " + nums.getClass());

    }
}

스위치 표현식 (Switch Expressions) - 자바 12부터는 스위치 표현식이 개선되어서 더 간결하고 가독성 있는 코드를 작성할 수 있다. 아래 코드를 보고 표현식 사용 유무 차이를 확인해보자!

package org.ndj;

public class SwitchNewStatement {

    public static void main(String[] args) {

        // old way
        int olcDayNum = 6;
        String oldDay = "";

        switch(olcDayNum) {
            case 1:
                oldDay = "Monday";
                break;
            case 2:
                oldDay = "Tuesday";
                break;
            case 3:
                oldDay = "Wednesday";
                break;
            case 4:
                oldDay = "Thursday";
                break;
            case 5:
                oldDay = "Friday";
                break;
            case 6:
                oldDay = "Saturday";
                break;
            case 7:
                oldDay = "Sunday";
                break;
            default:
                oldDay = "Not Valid";
                break;
        }

        // new way
        int newDayNum = 6;
        String newDay = switch (newDayNum) {
            case 1 -> "Monday";
            case 2 -> "Tuesday";
            case 3 -> "Wednesday";
            case 4 -> "Thursday";
            case 5 -> "Friday";
            case 6 -> "Saturday";
            case 7 -> "Sunday";
            default -> "Not Valid";
        };
        
        System.out.println("oldDay > " + oldDay);
        System.out.println("newDay > " + newDay);


    }

}

텍스트 블록(Text Block) - 기능이 자바 15에 정식으로 추가 되었다. 기능 추가가 아닌 언어적인 변화로 자바에서 XML, SQL 등 멀티라인으로 문자열을 사용하는 개발자들에게 희소식이다.

아래 코드를 보면 이스케이프 시퀀스 와 (+) 연산자를 사용하지 않아 코드가 훨씬 깔끔한걸 볼 수 있다.

package org.ndj;

public class TextBlock {

    public static void main(String[] args) {
        // old way
        String oldMultiLineString = "<header>\n" +
                "\t<h1>Welcome DJ</h1>\n" +
                "</header>";

        // new way
        String newMultiLineString = """
                <header>
                    <h1>Welcome DJ</h1>
                </header>
            """;

        System.out.println(oldMultiLineString);
        System.out.println(newMultiLineString);

    }

}

Records (레코드) - 자바 14부터는 레코드(record)라는 새로운 데이터 타입이 도입되었는데, 레코드 타입은 불변성(immutability)과 데이터 전달 객체(data transfer object)를 지원하는 간결한 방식으로 데이터를 표현할 수 있도록 한다.

* 해당 타입을 사용하기전 읽어보면 좋을만한 글

https://www.baeldung.com/java-record-keyword

DTO 클래스 생성 시 불필요하게 코드 생성 하는것을 줄일 수 있는 정도로 나는 이해하고 있다.

각 데이터 조각에 대한 private , final 필드
각 필드에 대한 getter
각 필드에 해당 인수가 있는 공개 생성자
모든 필드가 일치할 때 동일한 클래스의 객체에 대해 true를 반환하는 equals 메서드
모든 필드가 일치할 때 동일한 값을 반환하는 hashCode 메서드
클래스 이름, 각 필드 이름 및 해당 값을 포함하는 toString 메소드

package org.ndj;

public class RecordClass {
    // old way MemberDto 클래스를 외부 클래스로 변경
    public static class MemberDto {
        private String name;
        private int age;

        public MemberDto(String name, int age) {
            this.name = name;
            this.age = age;
        }

        public String getName() {
            return name;
        }

        public int getAge() {
            return age;
        }

        public void setName(String name) {
            this.name = name;
        }

        public void setAge(int age) {
            this.age = age;
        }

        @Override
        public String toString() {
            return "MemberDto{" +
                    "name='" + name + '\'' +
                    ", age=" + age +
                    '}';
        }

    }

    // new way Record 클래스 선언
    record Member(String name, int age) {}

    public static void main(String[] args) {
        MemberDto oldMember = new MemberDto("DJ",30);
        System.out.println(oldMember.toString());
        System.out.println("name > " + oldMember.name);
        System.out.println("age > " + oldMember.age);

        Member member = new Member("DJ",30);
        System.out.println(member.toString());
        System.out.println("name > " + member.name);
        System.out.println("age > " + member.age);

    }

}

Stream API (스트림 API) - 자바 8 부터 컬렉션을 처리하고 변환하는 기능을 제공하는데 이를 통해 데이터 처리 과정을 선언적으로 표현할 수 있어 코드의 가독성과 유지보수성을 향상시킨다

Java 8 스트림 API의 특징을 다음처럼 요약할 수 있다.

선언형 : 가독성 +
코드 조립 : 유연성 +
병렬화 : 성능 +

package org.ndj;

import java.util.*;
import java.util.stream.Collectors;
import java.util.stream.Stream;

public class StreamApi {

    public static void main(String[] args) {

        List<String> names = Arrays.asList("John", "Doe", "Jane", "Alex", "Alice");
        List<Integer> numbers = Arrays.asList(1, 2, 3, 4, 5);

        /*******************************************************************
         * old way
         ********************************************************************/

        //Filtering - 데이터 컬렉션에서 특정 조건을 만족하는 요소들만 선택
        List<String> oldFilteredNames = new ArrayList<>();
        for (String name : names) {
            if (name.startsWith("J")) {
                oldFilteredNames.add(name);
            }
        }

        System.out.println(oldFilteredNames);

        //Mapping - 데이터 컬렉션의 요소를 다른 형태로 변환
        List<Integer> oldNameLengths = new ArrayList<>();
        for (String name : names) {
            oldNameLengths.add(name.length());
        }

        System.out.println(oldNameLengths);

        //Sorting - 데이터 컬렉션의 요소를 정렬
        List<String> oldSortedNames = new ArrayList<>(names);
        oldSortedNames.sort(Comparator.naturalOrder());

        System.out.println(oldSortedNames);

        //Grouping - 데이터 컬렉션의 요소를 특정 기준으로 그룹화
        Map<Integer, List<String>> oldNamesByLength = new HashMap<>();
        for (String name : names) {
            int length = name.length();
            List<String> group = oldNamesByLength.getOrDefault(length, new ArrayList<>());
            group.add(name);
            oldNamesByLength.put(length, group);
        }

        System.out.println(oldNamesByLength);

        //Reducing - 데이터 컬렉션의 모든 요소를 하나로
        int oldSum = 0;
        for (int num : numbers) {
            oldSum += num;
        }

        System.out.println(oldSum);

        //Processing - 데이터 컬렉션을 병렬로 처리
        int oldSumValue = 0;
        for (int num : numbers) {
            oldSumValue += num;
        }

        System.out.println(oldSumValue);

        //Stream Concatenation - 두 개의 스트림을 연결
        List<String> oldConcatenatedList = new ArrayList<>();
        List<String> oldFirstNames = Arrays.asList("John", "Doe");
        List<String> oldLastNames = Arrays.asList("Smith", "Johnson");
        oldConcatenatedList.addAll(oldFirstNames);
        oldConcatenatedList.addAll(oldLastNames);
        System.out.println(oldConcatenatedList);


        /*******************************************************************
         * new way Stream API Use
         ********************************************************************/

        //Filtering - 데이터 컬렉션에서 특정 조건을 만족하는 요소들만 선택
        List<String> filteredNames = names.stream()
                .filter(name -> name.startsWith("J"))
                .toList(); // collect(Collectors.toList()) same Code 같은 동작화는 코드

        System.out.println(filteredNames.toString());

        //Mapping - 데이터 컬렉션의 요소를 다른 형태로 변환
        List<Integer> nameLengths = names.stream()
                .map(String::length)
                .toList();

        System.out.println(nameLengths);

        //Sorting - 데이터 컬렉션의 요소를 정렬
        List<String> sortedNames = names.stream()
                .sorted()
                .toList();

        System.out.println(sortedNames.toString());

        //Grouping - 데이터 컬렉션의 요소를 특정 기준으로 그룹화
        Map<Integer, List<String>> namesByLength = names.stream()
                .collect(Collectors.groupingBy(String::length));

        System.out.println(namesByLength.toString());

        //Reducing - 데이터 컬렉션의 모든 요소를 하나로
        Optional<Integer> sum = numbers.stream()
                .reduce(Integer::sum);

        System.out.println(sum.toString());

        //Processing - 데이터 컬렉션을 병렬로 처리
        int sumValue = numbers.parallelStream()
                .mapToInt(Integer::intValue)
                .sum();

        System.out.println(sumValue);

        //Stream Concatenation - 두 개의 스트림을 연결
        List<String> firstNames = Arrays.asList("John", "Doe");
        List<String> lastNames = Arrays.asList("Smith", "Johnson");
        Stream<String> concatenatedStream = Stream.concat(firstNames.stream(), lastNames.stream());

        System.out.println(concatenatedStream);


    }

}

이 외에도 추가된 기능이 많으니 책 또는 오라클 Docs에서 꼭 확인하도록 하자 !!

Ref

블로그에서 사용한 코드 github (더 좋은 예제가 있다면 PR 또는 댓글 남겨주세요 )

https://github.com/DongJu-Na/modern-java-practice

GitHub - DongJu-Na/modern-java-practice: Example project to practice modern Java

Example project to practice modern Java. Contribute to DongJu-Na/modern-java-practice development by creating an account on GitHub.

github.com

최신 Java/JVM 빌드 사례

https://github.com/binkley/modern-java-practices

GitHub - binkley/modern-java-practices: Modern Java/JVM Build Practices

Modern Java/JVM Build Practices. Contribute to binkley/modern-java-practices development by creating an account on GitHub.

github.com

나는 프로그래머다 웨비너 - 자바8 깊숙히! - 케빈(Kevin Lee 영상도 이어서 보길 추천!)

https://www.youtube.com/watch?v=lIEKOe0bh0M&t=10s

[10분 테코톡] 그레이, 호이의 Modern Java

https://www.youtube.com/watch?v=veJO12VV-Mg

모던 자바 인 액션 책 추천!

https://www.manning.com/books/modern-java-in-action

Modern Java in Action

Manning’s bestselling Java 8 book has been revised for Java 9 and 10! In it, you’ll build on your existing Java language skills with the newest features and techniques.

www.manning.com

https://developer.oracle.com/learn/technical-articles/jdk-10-local-variable-type-inference

Get Free Tier with no time limits on a selection of Always Free services like Autonomous Database, Compute, and Storage, and US$300 in free credits to try additional cloud services.

developer.oracle.com

https://d2.naver.com/helloworld/4911107

[모니터링] 프로메테우스 + 그라파나 모니터링 시스템 구축하기 (feat micrometer)

알 수 없는 사용자 — Wed, 14 Feb 2024 14:27:42 +0900

이 전에 만든 스프링 배치+스케줄러에서 호출하는 API 퍼포먼스 측정을 위해

CTO님이 WAS 모니터링 환경을 구성하는 업무를 지시하였다.

근데 난 모니터링 환경을 구성해본적이 없다 ( 사이드프로젝트가 아니라 회사에서 구성한 적은 이번이 처음 )

스타트업에서는 해당 환경을 구성할 일이 없었고

그 전 회사에서는 어느 과장님께서 이미 구성한 환경을 이용만 해보았는데

처음하는 일인지라 간만에 집중했던 것 같다

스카우터와 프로메테우스에서 고민을 많이 했지만

추후 확장성과 대시보드를 다양하게 구성할 수 있고 차트 디자인도 마음에 들어서

스카우터+그라파나 를 선택하게 되었다

포스팅 할 생각이 없었던 지라 설치부터는 사진을 남기지 않았다.. ‍♂️

공식문서 또는 위키 설명과 서버에 구성하는 방법에 대해서 간략한 설명(?)과 함께 포스팅을 남긴다.

프로메테우스를 통하여 메트릭 정보를 수집하고

그라파나로 수집한 데이터를 시각화 하여 모니터링 환경을 구성한다!

나는 centos 에 구성하였다.

그래서... 프로메테우스(Prometheus) 가 뭔가요?

공식문서에서는 아래와 같이 설명하고 있다.

프로메테우스란?

Prometheus 는 원래 SoundCloud 에서 구축된 오픈 소스 시스템 모니터링 및 경고 툴킷입니다 . 2012년 시작된 이후 많은 기업과 조직에서 Prometheus를 채택했으며 이 프로젝트에는 매우 활발한 개발자 및 사용자 커뮤니티가 있습니다 . 이제는 독립형 오픈 소스 프로젝트이며 어떤 회사와도 독립적으로 유지 관리됩니다. 이를 강조하고 프로젝트의 거버넌스 구조를 명확히 하기 위해 Prometheus는 Kubernetes 에 이어 두 번째 호스팅 프로젝트로 2016년에 Cloud Native Computing Foundation 에 합류했습니다 .

Prometheus는 지표를 시계열 데이터로 수집하고 저장합니다. 즉, 지표 정보는 레이블이라고 하는 선택적 키-값 쌍과 함께 기록된 타임스탬프와 함께 저장됩니다.

프로메테우스 아키텍처 (출처 : 프로메테우스 공식 홈페이지)

그래서... 그라파나는 뭔가요?

위키백과에서는 그라파나를 아래와 같이 설명하고 있다.

Grafana는 멀티플랫폼 오픈 소스 애널리틱스 및 인터랙티브 시각화 웹 애플리케이션이다.

지원되는 데이터 소스에 연결될 때 웹의 차트, 그래프, 경보를 제공한다. 추가 기능이 포함된 라이선스된 GRafana Enterprise 버전은 셀프 호스팅된 설치본으로, 또는 Grafana Labs 클라우드 서비스의 계정으로 이용이 가능하다. 플러그인을 통해 확장이 가능하다. 최종 사용자는 인터랙티브 쿼리 빌더를 사용하여 복잡한 모니터링 대시보드를 만들 수 있다. Grafana는 타입스크립트 기반 프론트엔드, Go 기반 백엔드로 나뉜다.

처음에 포스팅 할 생각이 없어가지고 리눅스 환경에 Prometheus , Grafana 설치하는 사진은 없다..

설정부터 살펴보자 설치 방법은 공식문서 또는 다른 블로그 포스팅을 참고하시길!!

cpu 사용률,메모리 사용량 기타 등등 메트릭 정보도 수집하기 위해 * Node Exporter 도 같이 설치해주자

* Node Exporter 는 Prometheus와 함께 사용되는 오픈 소스 소프트웨어입니다. Node Exporter는 리눅스 및 Unix 시스템에서 실행되는 서버 리소스 및 운영 체제 메트릭을 수집하는 데 사용됩니다.

Node Exporter는 CPU 사용률, 메모리 사용량, 디스크 사용량, 네트워크 활동 및 기타 시스템 관련 메트릭과 같은 다양한 정보를 제공합니다. 이러한 메트릭은 Prometheus 서버로 전송되어 모니터링, 경고 및 시각화를 위해 사용될 수 있습니다.

따라서 Node Exporter는 서버의 상태와 성능을 모니터링하고 이를 Prometheus나 기타 모니터링 도구를 사용하여 분석하는 데 사용됩니다. 이를 통해 시스템 관리자는 서버의 건강 상태를 파악하고 필요한 조치를 취할 수 있습니다.

다른 모니터링 오픈 소스에 비해 프로메테우스 + 그라파나 설정은 비교적 간단한 것 같다.

1. 메트릭 정보를 수집할 gradle 프로젝트에 아래와 같이 의존성을 추가한다

2. 프로젝트 application.yml 파일을 열어서 아래와 같이 Spring Actuator 설정을 추가한다.

management:
  endpoints:
    web:
      exposure:
        include: prometheus
  metrics:
    tags:
      application: "ndj-project"

2. 프로메테우스 설치 경로에 가서 vi 편집기로 prometheus.yml 파일을 열어 편집한다.

vi prometheus.yml

global:
  scrape_interval: 10s

scrape_configs:
  - job_name: "수집한 타임시리즈1"
    metrics_path: "/actuator/prometheus"
    static_configs:
      - targets: ["localhost:포트"]

  - job_name: "수집한 타임시리즈2"
    metrics_path: "/actuator/prometheus"
    static_configs:
      - targets: ["localhost:포트"]

  - job_name: "수집한 타임시리즈3"
    metrics_path: "/actuator/prometheus"
    static_configs:
      - targets: ["localhost:8088"]

  - job_name: "수집한 타임시리즈4"
    metrics_path: "/actuator/prometheus"
    static_configs:
      - targets: [ "localhost:8180" ]

  - job_name: "수집한 타임시리즈5"
    metrics_path: "/actuator/prometheus"
    static_configs:
      - targets: [ "localhost:8380" ]

  - job_name: "수집한 타임시리즈6"
    metrics_path: "/actuator/prometheus"
    static_configs:
      - targets: [ "localhost:포트" ]
  
  - job_name: "수집한 타임시리즈7"
    metrics_path: "/actuator/prometheus"
    static_configs:
      - targets: [ "localhost:포트" ]
  
  - job_name: "수집한 타임시리즈8"
    metrics_path: "/actuator/prometheus"
    static_configs:
      - targets: [ "localhost:포트" ]

  - job_name: "수집한 타임시리즈9"
    metrics_path: "/actuator/prometheus"
    static_configs:
      - targets: [ "localhost:포트" ]



  - job_name: "node_exporter"
    static_configs:
      - targets: ["localhost:포트"]

  - job_name: "prometheus"
    static_configs:
      - targets: ["localhost:포트"]

3. 그라파나에 어드민 계정으로 접속한다.

(어드민 설정 하는 것도 사진을 남기지 않았기에 어드민 설정 방법은 공식문서 또는 다른 블로그 포스팅을 참고!!)

admin 계정으로 사용할 계정 role을 변경할 수 있다.

별도 설정하지 않았다면 어드민 계정 아이디 admin 비밀번호 admin

좌측 메뉴에서 톱니바퀴 (Configuration) 메뉴에서 내가 이용할 계정 role 변경 이후 datasource에서 prometheus를 추가한다.

4. + 버튼을 클릭하여 대시보드를 구성하거나

이미 다른 사용자가 구성해놓은 템플릿을 다운로드 하여 그라파나에 import 하여 이용할 수도 있다.

https://grafana.com/grafana/dashboards/

나는 여기서 https://grafana.com/grafana/dashboards/4701-jvm-micrometer/ 를 이용하고 있다.

포스팅 생각이 없었기에 두서 없이 작성해버렸다..

잘못된 정보 댓글 남겨주시면 바로 정정하겠습니다 !!

Ref

https://prometheus.io/docs/introduction/overview/

Overview | Prometheus

An open-source monitoring system with a dimensional data model, flexible query language, efficient time series database and modern alerting approach.

prometheus.io

https://github.com/prometheus/prometheus

GitHub - prometheus/prometheus: The Prometheus monitoring system and time series database.

The Prometheus monitoring system and time series database. - prometheus/prometheus

github.com

https://grafana.com/docs/grafana/latest/

Grafana open source documentation | Grafana documentation

Thank you! Your message has been received!

grafana.com

https://github.com/grafana/grafana

GitHub - grafana/grafana: The open and composable observability and data visualization platform. Visualize metrics, logs, and tr

The open and composable observability and data visualization platform. Visualize metrics, logs, and traces from multiple sources like Prometheus, Loki, Elasticsearch, InfluxDB, Postgres and many mo...

github.com

https://micrometer.io/

Micrometer Application Observability

Vendor-neutral application observability facade Micrometer provides a facade for the most popular observability systems, allowing you to instrument your JVM-based application code without vendor lock-in. Think SLF4J, but for observability.

micrometer.io

스프링 배치(Spring Batch) 시작하기 !

알 수 없는 사용자 — Sat, 3 Feb 2024 22:10:59 +0900

스프링 배치

스프링 배치 5가 릴리즈된지 거의 1년이 흘렀는데 이 때는 안보고 있다가..

급하게 스케줄러와 배치를 이용해야 되는 일이 생겻다

내가 만들어야 할 프로그램 프로세스 흐름은 이와 같다.

프로그램 한 사이클이 돌아가는데 약 2시간 조금 안되게 걸리고 있는 상황인데, ( 마스터 데이터가 늘어날 수록 시간이 곱이 되는 상황) 개발 하고 나서 어느점을 보완해야 되는지 설명 하는게 더 빠를 것 같아서 일단 개발한다..

배치 was,api was가 버틸수 있을 지 모르겠다.. 스케줄 시간보다 잡이 더 길어질수도 있는 상황.

기술적으로 자문을 구할 수 있는 상황이 아니며.. 정책적으로도 풀 수 없는 상황이라 참 난처하다..

최대한 스케일 아웃으로 풀어야 하는데.. 머리가 너무 아프다

일단 만들어보자

아래 프로세스 흐름은 내가 만들어야 할 자동화 프로그램이다

스프링 배치 + 쿼츠 스케줄러로 구현해보려 한다.

Spring Batch 주요 프로세스 흐름과 용어 정리

주요용어와 프로세스를 알고 시작하면

보다 쉽게 접근할 수 있다고 나는 생각한다.

스프링배치 주요 흐름 이미지 출처 (https://terasoluna-batch.github.io/)

스프링 배치 (Spring Batch):
- 스프링 배치는 대규모 데이터 처리 작업을 자바 기반의 배치 처리 어플리케이션을 만들기 위한 프레임워크
- 대용량 데이터를 처리하는 경우나 주기적인 업무 일괄 처리 등에 사용
- 스프링 배치는 배치 작업을 트랜잭션 처리와 함께 관리하고, 실패한 작업을 복구하고 재시작할 수 있는 기능을 제공
- 잡(Job), 스텝(Step), 리더(Reader), 프로세서(Processor), 라이터(Writer) 등의 개념을 이용하여 배치 처리를 설계하고 실행
쿼츠 (Quartz):
- 쿼츠는 자바 기반의 오픈 소스 스케줄링 라이브러리
- 스케줄링 작업을 관리하고 실행할 수 있는 기능을 제공
- 주기적으로 실행되어야 하는 작업이나 예약된 작업을 관리하고 실행하는 데 사용
- 쿼츠는 크론 표현식을 사용하여 실행 스케줄을 설정하고, 다양한 트리거(trigger)를 통해 작업을 실행할 수 있음
- 분산 환경에서도 사용할 수 있는 확장 가능한 아키텍처를 가지고 있어, 대규모 시스템에서도 유연하게 활용됨

요약하자면, 스프링 배치는 대규모 데이터 처리를 위한 일괄 처리 프레임워크이고, 쿼츠는 예약된 작업을 스케줄링하고 실행하는 데 사용되는 라이브러리 함께 사용되어 시스템에서 정기적인 작업 처리와 스케줄링을 효과적으로 관리할 수 있음

Job : 전체 배치 프로세스를 캡슐화한 엔티티, 배치 처리 과정을 하나의 단위로 만들어 놓은 객체

JobInstance : Job 실행의 단위(job이 각각 실행할 때마다 따로 추적할 수 있도록 매 실행마다 생성되며 특정 job과 식별 가능한 JobParameters에 상응하는 JobInstance는 단 한 개뿐이다.)

JobParameters : JobInstance에 전달되는 매개변수 역할, JobInstance를 구분하는 식별자 역할

JobExecution : Job에 대한 실행 시도 정보를 담은 객체.

Step : 배치 Job의 배치처리를 정의하고 순차적인 단계를 캡슐화 한 도메인 객체. Job은 하나 이상의 Step을 가져야 한다.

StepExecution : Step에 대한 실행 시도 정보를 담은 객체.

ExecutionContext : 프레임워크에서 유지/관리하는 key-value의 컬렉션. StepExecution객체 또는 JobExecution객체에 속하는 상태를 저장

JobExecutionContext : Commit 시점에 저장

StepExecutionContext : 실행 사이에 저장

JobRepository : 위에 업근된 모든 저장(Persistence)매커니즘을 담당.(JobLauncher, Job, Step 구현체에 CRUD 기능을 제공)

JobLauncher : 주어진 JobParameters로 Job을 실행하는 간단한 인터페이스.

Item Reader : Step에서 아이템을 한 번에 하나씩 읽어오는 작업을 추상화한 개념

Item Writer : Step에서 배치나 청크 단위로 아이템을 출력하는 작업을 추상화한다.

Item Processor : 아이템을 처리하는 비즈니스 로직을 나타내는 추상화 개념

https://github.com/spring-projects/spring-batch/wiki/Spring-Batch-5.0-Migration-Guide

Spring Batch 5.0 Migration Guide

Spring Batch is a framework for writing batch applications using Java and Spring - spring-projects/spring-batch

github.com

스프링배치5부터는 매인 애플리케이션에 @EnableBatchProcessing 어노테이션을 사용할 필요가 없다.

자세한 내용은 마이그레이션 가이드부터 읽어 보길 권장한다!!

spring-boot-starter-batch,spring-boot-starter-quartz 배치를 사용하기 위해 배치,쿼츠 종속성 추가

plugins {
	id 'java'
	id 'org.springframework.boot' version '3.2.2'
	id 'io.spring.dependency-management' version '1.1.4'
}

group = 'ndj.batch'
version = '0.0.1-SNAPSHOT'

java {
	sourceCompatibility = '17'
}

repositories {
	mavenCentral()
}

dependencies {
	implementation 'org.springframework.boot:spring-boot-starter-batch'
	implementation'org.springframework.boot:spring-boot-starter-quartz'
	implementation 'org.springframework.boot:spring-boot-starter-data-jpa'
	implementation 'org.springframework.boot:spring-boot-starter-web'
	developmentOnly 'org.springframework.boot:spring-boot-devtools'
	runtimeOnly 'com.h2database:h2'
	compileOnly('org.projectlombok:lombok')
	annotationProcessor 'org.projectlombok:lombok'
	testAnnotationProcessor 'org.projectlombok:lombok'
	testImplementation 'org.springframework.boot:spring-boot-starter-test'
	testImplementation 'org.springframework.batch:spring-batch-test'
}

tasks.named('test') {
	useJUnitPlatform()
}

간단한 잡 생성해보기.

package ndj.batch.demo.job;

import lombok.RequiredArgsConstructor;
import lombok.extern.slf4j.Slf4j;
import org.springframework.batch.core.Job;
import org.springframework.batch.core.Step;
import org.springframework.batch.core.job.builder.JobBuilder;
import org.springframework.batch.core.repository.JobRepository;
import org.springframework.batch.core.step.builder.StepBuilder;
import org.springframework.batch.core.step.tasklet.Tasklet;
import org.springframework.batch.repeat.RepeatStatus;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.transaction.PlatformTransactionManager;

@Slf4j
@RequiredArgsConstructor
@Configuration
public class SimpleJob {

    @Bean(name = "simpleJob1")
    public Job simpleJob1(JobRepository jobRepository, Step simpleStep1) {
        log.info(">>> simpleJob1");
        return new JobBuilder("simpleJob1", jobRepository)
                .start(simpleStep1)
                .build();
    }
    @Bean("simpleStep1")
    public Step simpleStep1(JobRepository jobRepository, Tasklet testTasklet, PlatformTransactionManager platformTransactionManager){
        log.info(">>> simpleStep1");
        return new StepBuilder("simpleStep1", jobRepository)
                .tasklet(testTasklet, platformTransactionManager).build();
    }
    @Bean
    public Tasklet testTasklet(){
        return ((contribution, chunkContext) -> {
            log.info(">>>>> Tasklet");
            return RepeatStatus.FINISHED;
        });
    }
}

메타테이블 정보

메타테이블은 소스 코드나 메타데이터 역할을 할 데이터를 보유하도록 지정된 데이터베이스 또는 기타 데이터 보유 구조의 섹션입니다. 대부분의 경우 메타테이블에서 데이터를 읽고 찾은 데이터에 따라 다양한 작업을 수행하도록 특정 소프트웨어가 작성되었습니다. ( 위키백과 )

BATCH_JOB_EXECUTION	배치 작업 실행에 대한 정보를 저장 (각 배치 작업의 실행에 대한 기본 정보와 상태를 포함)
BATCH_JOB_EXECUTION_CONTEXT	배치 작업 실행에 필요한 컨텍스트 정보를 저장 (예로 JobExecutionContext의 속성들이 여기에 저장)
BATCH_JOB_EXECUTION_PARAMS	배치 작업 실행에 전달된 매개변수 정보를 저장
BATCH_JOB_INSTANCE	배치 작업의 인스턴스에 대한 정보를 저장 (여러 번 실행될 수 있는 동일한 작업의 각 인스턴스를 식별)
BATCH_STEP_EXECUTION	배치 스텝의 실행에 대한 정보를 저장합니다. 각 스텝 실행에 대한 상태와 통계를 추적합니다.
BATCH_STEP_EXECUTION_CONTEXT	배치 스텝 실행에 필요한 컨텍스트 정보를 저장합니다.

QRTZ_BLOB_TRIGGERS	Quartz에서 Blob 형태의 트리거 정보를 저장
QRTZ_CALENDARS	Quartz 캘린더 정보를 저장 (캘린더는 특정 시간에 트리거를 활성화 또는 비활성화할 수 있도록 함)
QRTZ_CRON_TRIGGERS	Quartz에서 Cron 표현식을 사용하는 트리거 정보를 저장
QRTZ_FIRED_TRIGGERS	실행된 트리거에 대한 정보를 저장
QRTZ_JOB_DETAILS	Quartz 작업에 대한 상세 정보를 저장
QRTZ_LOCKS	Quartz에서 사용되는 락 정보를 저장
QRTZ_PAUSED_TRIGGER_GRPS	일시 중단된 트리거 그룹에 대한 정보를 저장
QRTZ_SCHEDULER_STATE	Quartz 스케줄러의 상태 정보를 저장
QRTZ_SIMPLE_TRIGGERS	Quartz에서 간단한 트리거 정보를 저장
QRTZ_SIMPROP_TRIGGERS	Quartz에서 사용되는 특별한 속성을 가진 트리거 정보를 저장
QRTZ_TRIGGERS	Quartz 트리거에 대한 기본 정보를 저장

참고 Ref.

https://docs.spring.io/spring-batch/reference/

Overview :: Spring Batch

The reference documentation is divided into several sections:

docs.spring.io

https://www.quartz-scheduler.org/documentation/quartz-2.3.0/tutorials/crontrigger.html

Cron Trigger Tutorial

CronTrigger Tutorial Introduction cron is a UNIX tool that has been around for a long time, so its scheduling capabilities are powerful and proven. The CronTrigger class is based on the scheduling capabilities of cron. CronTrigger uses “cron expressions

www.quartz-scheduler.org

https://terasoluna-batch.github.io/guideline/5.0.0.RELEASE/en/Ch02_SpringBatchArchitecture.html#:~:text=Primary%20components%20of%20Spring%20Batch%20and%20overall%20process%20flow

Spring Batch Architecture

Spring Batch architecture acting as a base for TERASOLUNA Server Framework for Java (5.x) is explained. What is Spring Batch Spring Batch, as the name implies is a batch application framework. Following functions are offered based on DI container of Spring

terasoluna-batch.github.io

https://github.com/DongJu-Na/spring-batch-skelton

GitHub - DongJu-Na/spring-batch-skelton: Spring Batch Skelton Code

Spring Batch Skelton Code . Contribute to DongJu-Na/spring-batch-skelton development by creating an account on GitHub.

github.com

테이블 매핑 안 되는 데이터 조회 API 속도 개선하기

알 수 없는 사용자 — Tue, 2 Jan 2024 13:38:56 +0900

C 데이터를 이용하여 A,B 데이터를 서로 조인하여 데이터를 가지고 와야 되는 상황

테이블 튜닝 x (인덱스나 컬럼 및 외부 테이블 추가가 불가능한 상황)

A 마스터 테이블

B 정보성 테이블

C 프로젝트 외 API

1. 데이터 연관 관계 모두 1:N , 1:N ( 화면에서 표출 될 땐 A-C 1:1 관계로 표출)

2. 백엔드에서 내부 반복을 통하여 데이터를 조립하는 수 외에는 뾰족한 수가 없음

3. 서버단에서 C데이터를 조회 후 내부 반복 시작

4. 내부 반복중 A-B 조인 데이터 C데이터와 조립

as-is 10~9s
to-be 5~7s

Sol.

1.조건으로 최대한 데이터 필터링

2.외부반복보다는 내부반복 이용 (퍼포먼스를 위해)

더 좋은 접근 방법이 있다면 댓글 부탁드립니다

[백엔드 개발자 면접 단골 질문 뿌시기 - 3] 스레드(thread)와 프로세스(process)의 차이를 설명해 줄 수 있어요?

알 수 없는 사용자 — Thu, 28 Dec 2023 00:32:14 +0900

프로세스 vs 스레드 이미지 출처 guru99

전공자라면 운영체제(OS) 를 배우기 때문에

프로세스와 스레드 개념을 알고 있겠지만

비전공자에게는 익숙치 않다.

면접 단골 질문인 만큼

이 글을 통해 프로세스와 스레드 개념을 이해하고

차이점에 대해 간략하게나마 기억에 남기기 위해 글을 작성해둔다.

0. 프로그램과 프로세스(Process)

10분 테코톡 코다님 영상에서는 프로그램과 프로세스에 대해서 피자집에 간 상황으로 비유하고 있는데

피자 레시피 = 프로그램
피자 = 프로세스

이처럼 프로그램 자체는 실행시키기 전에는 코드가 구현되어 있는 파일일 뿐

피자를 주문하기 위한 종이 레시피가 피자가 되는 것 처럼 프로그램이 실행이 되어 사용할 수 있는 무언가가 되는게

프로세스이다

1. 프로세스와 스레드의 정의

프로세스 (Process)	스레드 (Thread)
운영체제로부터 자원을 할당받은 작업의 단위	프로세스가 할당받은 자원을 이용하는 실행 흐름의 단위

Process

Process는 위의 프로그램과 프로세스에서 알아봤다

우리는 컴퓨터를 사용할 때 여러개의 프로세스를 사용하려고 한다(코딩을 하면서 음악을 듣는다거나 등등)

이런 다수의 프로세스를 동시에 실행시키기 위해 다수의 프로세스를 시분할로, 짧은 텀을 반복하면서 전환하며 실행시킨다.

Thread

그래서 등장한게 바로 경량화된 프로세스 버전인 스레드이다

프로세스가 경령화된 프로세스 버전인 이유는 하나의 프로세스안에 다수의 스레드가 있을 때 공유되는 자원이 있기 때문이다

스레드는 코드, 데이터, 힙 영역을 공통된 자원으로 사용한다
즉 각 스레드는 각각의 스택만을 사용하는 것이다

이처럼 공유하는 자원이 있기 때문에 컨텍스트 스위칭이 일어날 때 캐싱 적중률이 올라간다
쉽게 말해 CPU에 프로세스를 모조리 다 빼고, 넣을 필요가 없게 됐다는 말이다

2. 멀티 프로세스와 멀티 스레드

* 멀티프로세스와 멀티스레드 두 가지 개념이 모두 처리방식의 일종이다

Multi-process

예를 들어 여러 사용자가 로그인을 요청하는 상황이 있다
한 프로세스는 매번 하나의 로그인만 처리 할 수 있기 때문에 동시에 처리할 수 없다

그래서 부모 프로세스가 fork를 해서 자식 여러 개의 자식 프로세스를 만들어 일을 처리하도록 한다
이 때 자식프로세스는 부모와 별개의 메모리 영역을 확보하게 된다

Multi-thread

Multi-thread는 위의 Multi-process와 다르게 한 프로세스 내에서 구분지어진 실행 단위라고 할 수 있다

실행단위는 프로세스일 수도 있고, 스레드일 수도 있다

그래서 만약 프로세스가 다수의 스레드로 구분되어 있지 않으면 단일 스레드 하나로 프로세스가 실행된다
이 때 실행단위는 프로세스 그 자체가 된다
즉 해당 프로세스의 하나밖에 없는 쓰레드가 실행 단위가 되는 것이다

프로세스에서 여러 스레드로 실행단위가 나누어지면 멀티 스레드가 된다

2-1. Multi-process와 Multi-thread의 특징

Multi-process

각 프로세스는 독립적
IPC를 사용한 통신
자원 소모적, 개별 메로리 차지
Context Switching 비용이 큼
동기화 작업이 필요하지 않음

Multi-thread

Thread끼리 긴밀하게 연결되어 있음
공유된 자원으로 통신 비용 절감
공유된 자원으로 메모리가 효율적임
Context Switching 비용이 적음
공유 자원 관리를 해야함

* 용어 정리

실행 단위 - cpu core에서 실행하는 하나의 단위로 프로세스와 스레드를 포괄하는 개념

프로세스 - 하나의 스레드만 가지고 있는 단일 스레드 프로세스

동시성 - 한 순간에 여러가지 일이 아니라, 짧은 전환으로 여러가지 일을 도잇에 처리하는 것처럼 보이는 것

Ref

https://www.guru99.com/difference-between-process-and-thread.html

Process vs Thread – Difference Between Them

What is a Process? A process is the execution of a program that allows you to perform the appropriate actions specified in a program. It can be defined as an execution unit where a program runs. The O

www.guru99.com

https://devlog-wjdrbs96.tistory.com/145

[Java] 프로세스(process)와 쓰레드(Thread)의 개념과 구현

프로세스(process)란 간단히 말해서 '실행 중인 프로그램(program)'이다. 프로그램을 실행하면 OS로부터 실행에 필요한 자원(메모리)을 할당받아 프로세스가 된다. 그리고 프로그램을 수행하는 데 필

devlog-wjdrbs96.tistory.com

https://www.youtube.com/watch?v=1grtWKqTn50

[백엔드 개발자 면접 단골 질문 뿌시기 - 2] JVM(Java Virtual Machine) 에 대해 설명 하세요

알 수 없는 사용자 — Thu, 14 Dec 2023 00:45:30 +0900

: JVM에 대해서 설명해줄수 있나요?

: 자... 자바.. 버츄얼 머신으로 .. .java(자연어) 를 컴파일러를 통하여 .class(바이트코드) ... .. 운영체제마다 다른 기계어를...

: 나가

: ...

JAVA개발자라면 주민등록번호처럼 군번처럼

툭 건드리면 관등성명 대는 것 처럼 술술 나와야 되는 상식이라고 생각드는데

개인적으로 주니어 ~ 시니어를 떠나서 가볍게 묻기 좋은 질문이라고 생각한다.

깊게는 몰라도 정의는 꼭 알아두도록 하자!

그래서 JVM이 도대체 뭔데?

Java Virtual Machine(자바 가상 머신)은 Java로 개발한 프로그램을 컴파일하여 만들어지는 바이트코드를 실행시키기 위한 가상머신이다. JRE(Java Runtime Environment)에 포함되어 있으며, Java 컴파일러가 프론트엔드를 담당한다면 Java 가상 머신은 코드 최적화와 백엔드를 담당한다(웹이 아닌 컴파일러의 프론트엔드/백엔드를 말하는 것이다).

JVM이 어떻게 동작하는데?

1. 개발자가 자바코드를 작성한다.

2. ( .java ) 인 파일을 자바 컴파일러를 통해 자바 바이트 코드로 컴파일한다.

3. 컴파일 된 바이트 코드를 JVM의 Class Loader에 전달한다.

4. Class Loader는 동적 로딩을 통해 필요 클래스들을 로딩 및 링크하여 Runtime Data Area에 올린다. (JVM의 메모리)

5. 실행 엔진은 JVM메모리에 올라온 바이트 코드들을 명령어 단위로 하나씩 가져와서 실행한다.

(JVM 구성과 Runtime Data Area 본문은 _Jbee 님께서 정리한 내용을 인용하였습니다.)

JVM 구성

Class Loader(클래스 로더)

JVM내로 클래스(.class파일)를 로드하고, 링크를 통해 배치하는 작업을 수행하는 모듈이다. Runtime 시에 동적으로 클래스를 로드한다. jar파일 내 저장된 클래스들을 JVM위에 탑재하고 사용하지 않는 클래스들은 메모리에서 삭제한다. (컴파일러 역할) 자바는 동적코드, 컴파일 타임이 아니라 런타임에 참조한다. 즉, 클래스를 처음으로 참조할 때, 해당 클래스를 로드하고 링크한다는 것이다. 그 역할을 클래스 로더가 수행한다.

Execution Engine(실행 엔진)

클래스를 실행시키는 역할이다. 클래스 로더가 JVM내의 런타임 데이터 영역에 바이트 코드를 배치시키고, 이것은 실행엔진에 의해 실행된다. 자바 바이트코드는 기계가 바로 수행할 수 있는 언어보다는 비교적 인간이 보기 편한 형태로 기술된 것이다. 그래서 실행 엔진은 이와 같은 바이트코드를 실제로 JVM내부에서 기계가 실행할 수 있는 형태로 변경한다. 이 때 두 가지 방식을 사용하게 된다.

Interpreter(인터프리터)

실행 엔진은 자바 바이트 코드를 명령어 단위로 읽어서 실행한다. 하지만 이 방식은 인터프리터 언어의 단점을 그대로 갖고 있다. 한 줄 씩 수행하기 때문에 느리다는 것이다.

JIT(Just - In - Time)

인터프리터 방식의 단점을 보완하기 위해 도입된 JIT 컴파일러이다. 인터프리터 방식으로 실행하다가 적절한 시점에 바이트코드 전체를 컴파일하여 네이티브 코드로 변경하고, 이후에는 해당 더 이상 인터프리팅 하지 않고 네이티브 코드로 직접 실행하는 방식이다. 네이티브 코드는 캐시에 보관하기 때문에 한 번 컴파일된 코드는 빠르게 수행하게 된다. 물론 JIT컴파일러가 컴파일하는 과정은 바이트코드를 인터프리팅하는 것보다 훨씬 오래걸리므로 한 번만 실행되는 코드라면 컴파일하지 않고 인터프리팅하는 것이 유리하다. 따라서 JIT 컴파일러를 사용하는 JVM들은 내부적으로 해당 메서드가 얼마나 자주 수행되는지 체크하고, 일정 정도를 넘을 때에만 컴파일을 수행한다.

Garbage collector

GC를 수행하는 모듈 (쓰레드)이 있다.

Runtime Data Area

프로그램을 수행하기 위해 OS에서 할당받은 메모리 공간

1) PC Register

Thread 가 시작될 때 생성되며 생성될 때마다 생성되는 공간으로 스레드마다 하나씩 존재한다. Thread가 어떤 부분을 어떤 명령으로 실행해야할 지에 대한 기록을 하는 부분으로 현재 수행 중인 JVM 명령의 주소를 갖는다.

2) JVM 스택 영역

프로그램 실행과정에서 임시로 할당되었다가 메소드를 빠져나가면 바로 소멸되는 특성의 데이터를 저장하기 위한 영역이다. 각종 형태의 변수나 임시 데이터, 스레드나 메소드의 정보를 저장한다. 메소드 호출 시마다 각각의 스택 프레임(그 메서드만을 위한 공간)이 생성된다. 메서드 수행이 끝나면 프레임 별로 삭제를 한다. 메소드 안에서 사용되는 값들(local variable)을 저장한다. 또 호출된 메소드의 매개변수, 지역변수, 리턴 값 및 연산 시 일어나는 값들을 임시로 저장한다.

3) Native method stack

자바 프로그램이 컴파일되어 생성되는 바이트 코드가 아닌 실제 실행할 수 있는 기계어로 작성된 프로그램을 실행시키는 영역이다. JAVA가 아닌 다른 언어로 작성된 코드를 위한 공간이다. JAVA Native Interface를 통해 바이트 코드로 전환하여 저장하게 된다. 일반 프로그램처럼 커널이 스택을 잡아 독자적으로 프로그램을 실행시키는 영역이다. 이 부분을 통해 C code를 실행시켜 Kernel에 접근할 수 있다.

4) Method Area (= Class area = Static area)

클래스 정보를 처음 메모리 공간에 올릴 때 초기화되는 대상을 저장하기 위한 메모리 공간. 올라가게 되는 메소드의 바이트 코드는 프로그램의 흐름을 구성하는 바이트 코드이다. 자바 프로그램은 main 메소드의 호출에서부터 계속된 메소드의 호출로 흐름을 이어가기 때문이다. 대부분 인스턴스의 생성도 메소드 내에서 명령하고 호출한다. 사실상 컴파일 된 바이트코드의 대부분이 메소드 바이트코드이기 때문에 거의 모든 바이트코드가 올라간다고 봐도 상관없다. 이 공간에는 Runtime Constant Pool이라는 별도의 관리 영역도 함께 존재한다. 이는 상수 자료형을 저장하여 참조하고 중복을 막는 역할을 수행한다.

올라가는 정보의 종류

1) Field Information

멤버변수의 이름, 데이터 타입, 접근 제어자에 대한 정보

2) Method Information

메소드의 이름, 리턴타입, 매개변수, 접근제어자에 대한 정보

3) Type Information

class인지 interface인지의 여부 저장 /Type의 속성, 전체 이름, super class의 전체 이름(interface 이거나 object인 경우 제외)

Method Area는 클래스 데이터를 위한 공간이라면 Heap영역이 객체를 위한 공간이다.

Heap과 마찬가지로 GC의 관리 대상에 포함된다.

5) Heap( 힙 영역 )

객체를 저장하는 가상 메모리 공간이다. new연산자로 생성된 객체와 배열을 저장한다. 물론 class area영역에 올라온 클래스들만 객체로 생성할 수 있다. 힙은 세 부분으로 나눌 수 있다.

Permanent Generation

생성된 객체들의 정보의 주소값이 저장된 공간이다. Class loader에 의해 load되는 Class, Method 등에 대한 Meta 정보가 저장되는 영역이고 JVM에 의해 사용된다. Reflection을 사용하여 동적으로 클래스가 로딩되는 경우에 사용된다. 내부적으로 Reflection 기능을 자주 사용하는 Spring Framework를 이용할 경우 이영역에 대한 고려가 필요하다.

New/Young 영역

- Eden : 객체들이 최초로 생성되는 공간

- Survivor 0 / 1 : Eden에서 참조되는 객체들이 저장되는 공간

Old 영역

New area에서 일정 시간 참조되고 있는, 살아남은 객체들이 저장되는 공간 Eden영역에 객체가 가득차게 되면 첫번째 GC(minor GC)가 발생한다. Eden영역에 있는 값들을 Survivor 1 영역에 복사하고 이 영역을 제외한 나머지 영역의 객체를 삭제한다.

인스턴스는 소멸 방법과 소멸 시점이 지역 변수와는 다르기에 힙이라는 별도의 영역에 할당된다. 자바 가상 머신은 매우 합리적으로 인스턴스를 소멸시킨다. 더이상 인스턴스의 존재 이유가 없을 때 소멸시킨다.

Reference

JVM Internal - Naver D2

https://d2.naver.com/helloworld/1230

JVM - IBM

https://www.ibm.com/docs/ko/i/7.3?topic=platform-java-virtual-machine

JVM(Java Virtual Machine)

JVM(Java™ Virtual Machine)은 IBM® i와 같은 오퍼레이팅 시스템이나 웹 브라우저에 추가할 수 있는 런타임 환경입니다. JVM(Java Virtual Machine)은 Java 컴파일러가 생성하는 명령어를 실행합니다. JVM은 원래

www.ibm.com

guru99 - What is JVM (Java Virtual Machine): Architecture Explained!

https://www.guru99.com/java-virtual-machine-jvm.html

What is JVM (Java Virtual Machine): Architecture Explained!

JVM stands for Java Virtual Machine. In this tutorial we learn JVM working. JVM’s architecture converts Java bytecode into machines language.

www.guru99.com

https://docs.oracle.com/en/java/javase/11/vm/java-virtual-machine-technology-overview.html#GUID-982B244A-9B01-479A-8651-CB6475019281

Java Virtual Machine Guide

docs.oracle.com

https://asfirstalways.tistory.com/158

#자바가상머신, JVM(Java Virtual Machine)이란 무엇인가?

#JVM이란?JVM이란 JAVA Virtual Machine, 자바 가상 머신의 약자를 따서 줄여 부르는 용어이다 (가상머신이란 프로그램의 실행하기 위해 물리적 머신과 유사한 머신을 소프트웨어로 구현한 것이다.) JVM

asfirstalways.tistory.com

[백엔드 개발자 면접 단골 질문 뿌시기 - 1] 3계층 아키텍처(3 Tier- Architectur)가 뭘까?

알 수 없는 사용자 — Tue, 12 Dec 2023 14:41:52 +0900

MSA 환경에 개발을 하는 회사에서는 아마 면접에서 자주 물어보는 질문일 것이라고 생각이 들어

남겨 놓는다

3계층 아키텍처란?

IBM에서는 이렇게 정의하고 있다.

3계층 아키텍처(3 Tier-Architectur)는 애플리케이션을 프레젠테이션 계층 또는 사용자 인터페이스, 데이터가 처리되는 애플리케이션 계층 그리고 애플리케이션과 관련된 데이터가 저장 및 관리되는 데이터 계층이라는 3개의 논리적이고 물리적인 컴퓨팅 계층으로 구성하는 확립된 소프트웨어 애플리케이션 아키텍처입니다.

정의는 알았으니 각 계층에 대해서 상세히 알아보자면

3Tier Architecture - logianalytics.com

프리젠테이션 계층

- 사용자가 애플리케이션과 상호작용하는 애플리케이션의 사용자 인터페이스 및 커뮤니케이션 계층

- 웹 브라우저, 데스크탑 애플리케이션 또는 그래픽 사용자 인터페이스(GUI)에서 실행

- 일반적으로 HTML,CSS,JS를 사용하여 개발 ( React, Angular, Ember, ~~Aurora~~ , Vue , Svelte 프레임워크 사용)

애플리케이션 계층

- 논리 계층 또는 중간 계층이라고도 불리며 애플리케이션의 핵심

- 사용자 입력을 처리하는 데 사용되는 비즈니스 논리를 수용하는 중간 계층

- 일반적으로 Java,C++,Python,Ruby 개발

데이터 계층

- 애플리케이션 데이터 대한 액세스를 제공하는 데이터베이스 관리 시스템 계층

- MSSQL,MYSQL,ORACLE,PostgreSQL

3계층 아키텍처의 간단한 예

CGV 사이트에서 영화를 예매한다고 가정하면

프레젠테이션 계층

- CGV 사이트

애플리케이션 계층

- CGV 사이트에서 영화를 예매한 정보들이 애플리케이션 계층에 넘어와서 비지니스 로직을 거쳐

데이터베이스 계층

- 예매 정보를 저장 후 결과 값을 애플리케이션으로 반환

3계층 아키텍처를 사용했을 경우 얻을 수 있는 장점과 단점

장점

1.각 계층을 담당하는 팀들을 구성하여 업무 분담이 가능하다. (업무 효율성 증가)
2.프레젠테이션 계층과 데이터 계층끼리 직접 통신할 수 없다. (보안성 강화)
3.한 계층의 가동 중단은 다른 계층의 성능에 별로 영향을 끼치지 않는다. (안정성 향상)
4.필요에 따라 임의의 계층을 다른 계층과는 독립접으로 확장할 수 있다. (확장성 개선)

단점

1. 많아진 계층으로 인해 그만큼 많은 관리 포인트가 생긴다. (비용 증가)

2. 장애가 발생하는 포인트가 늘어난다. (비용 증가)

따라서 비용이 그만큼 많이 발생하게 되므로 서비스 규모 및 증가에 따라
계층 구조 및 설계가 고려되어야 한다.

Reference

https://www.ibm.com/kr-ko/topics/three-tier-architecture

3계층 아키텍처란? | IBM

3계층 아키텍처는 애플리케이션을 프리젠테이션 계층, 애플리케이션 계층 및 데이터 계층으로 분리합니다.

www.ibm.com

https://insightsoftware.com/blog/5-benefits-of-a-3-tier-architecture/

5 Benefits of a 3-Tier Architecture

To keep up with the pace of change required to deliver a compelling software product and to leverage emerging technologies, a microservices or three-tier architecture provides numerous benefits. It allows a developer the opportunity to extend, modularize,

insightsoftware.com

아파치 카프카(APACHE Kafka) 그게 도대체 뭔데 카프카 기본 개념에 대해 알아보자

알 수 없는 사용자 — Fri, 17 Nov 2023 14:59:47 +0900

아파치 카프카 로고

최근 몇년 전부터 개발자 채용 공고에 빠짐 없이 등장하는 기술 키워드가 있다.

바로 *아파치 카프카(Apache Kafka)이다.

*정의

아파치 카프카(Apache Kafka)는 아파치 소프트웨어 재단이 스칼라로 개발한 오픈 소스 메시지 브로커 프로젝트이다. 이 프로젝트는 실시간 데이터 피드를 관리하기 위해 통일된, 높은 처리량, 낮은 지연시간을 지닌 플랫폼을 제공하는 것이 목표이다. 요컨대 분산 트랜잭션 로그로 구성된, 상당히 확장 가능한 pub/sub 메시지 큐로 정의할 수 있으며, 스트리밍 데이터를 처리하기 위한 기업 인프라를 위한 고부가 가치 기능이다.

디자인은 트랜잭션 로그에 많은 영향을 받았다.

역사

아파치 카프카는 원래 링크드인이 개발한 것으로, 2011년 초에 최종적으로 오픈 소스화되었다. 2012년 10월 23일에는 아파치 인큐베이터로부터 완전히 빠져나왔다. 2014년 11월 링크드인에서 카프카를 만들던 일부 엔지니어들이 카프카에 집중하기 위해 Confluent라는 새로운 회사를 창립하였다.

이렇게만 봤을 때는...

링크드인은 이 카프카를 통해서 어떤 문제를 해결하려고 했을까?

링크드인에서 Kafka를 도입하기 전에는 아래의 아키텍처를 가지고 서비스되었다.

as-is

Before Kafka

앤드투엔드(end-to-end) 연결 방식의 아키텍쳐
데이터 연동의 복잡성 증가(하드웨어, 운영체제 , 장애 등등..)
각기 다른 데이터 파이프라인 연결 구조
확장에 엄청난 개발 공수필요

으.. 보기만 해도 복잡하다.

to-be

After Kafka

프로듀서/컨슈머 분리
메세지 데이터를 여러 컨슈머에게 허용
높은 처리량을 위한 메세지 최적화
스케일 아웃 가능
관련 생태계 제공

모르는 사람이 봐도 눈에 띄게 깔끔해진 것을 확인 할 수 있다.

키워드 정리

Producer(프로듀서) : 메시지 생산자
Broker(브로커) : 메시지 수집/전달 역할
Consumer(컨슈머) : 메시지 소비자

Topic(토픽) : 파일시스템에서 폴더 or RDBMS에 table 개념 .. Data가 저장되는 곳?

Consumer-Group(컨슈머 그룹) : 메세지 소비자 묶음 단위(n consumers)

Zookeeper(주키퍼) : Kafka를 운용하기 위한 Coordination service(zookeeper 소개)

Partition(파트리언) : topic이 복사(replicated)되어 나뉘어지는 단위

이제 다음 글에서는

사이드프로젝트를 진행하면서 블로깅 할 예정

참고 레퍼런스

데브원영님 유튜브 추천

Apache kafka 기본개념 및 생태계

https://www.youtube.com/watch?v=catN_YhV6To

카프카 개요 및 설명

https://www.youtube.com/watch?v=waw0XXNX-uQ&t=44s

카프카 응용 공부 github

https://github.com/DongJu-Na/kafkaStudy

GitHub - DongJu-Na/kafkaStudy: 카프카 겉핧기

카프카 겉핧기. Contribute to DongJu-Na/kafkaStudy development by creating an account on GitHub.

github.com

카프카 Docs

https://kafka.apache.org/documentation/

Apache Kafka

Apache Kafka: A Distributed Streaming Platform.

kafka.apache.org

Slack , Google spreadsheet 활용하여 업무 효율성 높이는 방법

알 수 없는 사용자 — Tue, 31 Oct 2023 00:12:17 +0900

일을 하다보면

이력 관리에 중요성을 정말 많이 깨닫게 된다.

보고용 자료를 만들 경우에도 전에 일하던 사람 업무를 이어 받을 경우에도.. 유지보수 할 때도 마찬가지다

분명 작성 당시에는 번거로움이 있을 순 있어도 필요한 시점에 이력이 없으면 입이 대빨 튀어 나오게 된다

이미 사내에서 협업도구로 트렐로를 이용하고 있지만

트렐로는 타 부서에서 요청 시 이력을 관리하고 있는 것으로 보여졌다.

팀 내부에서는 간단하게 메신저로만 주고 갈 뿐 제대로 기록 되지 않아

기획자분들이 개발자분들에게 전달할 때 누락되거나 잘못 와전되는 경우도 허다 했다.

기존에 구글 시트를 많이 이용하고 있는 것을 보고

구글 스크립트와 슬랙을 엮어보면 어떨까? 하고 간단하게 만들어 보았다

자 그럼 본격적으로 슬랙과 구글을 연동하도록 하자

준비

1. 슬랙 워크스페이스 개설 , 채널 개설

2. 슬랙 app 준비(추천) or Incoming Webhook (필자는 슬랙 app을 추천한다 이유는

인커밍 웹훅은 퇴사하면 끊어져버리는 경우가 생길 수 있으므로..)

3. 구글 시트 준비

4. 구글 스크립트 작성

5. 확인

https://api.slack.com/ 에서

슬랙 app을 만들 수 있다.

간단하게 정보 입력 후 Incoming Webhooks 메뉴 진입 후 활성화 하고

화면 하단에 Add New Webhook to Workspace 버튼을 클릭 하여

웹 훅을 받을 채널을 선택하면 된다.

이후에 url을 카피해서 메모해두고

구글 시트로 들어가서

상단 탭에 확장프로그램 - Apps Script 클릭

구글 시트

sendSlackMessageIfEmptyEColumn 함수는

알림 발송 시 알림이 나갈 함수이고

dailyReport 함수는 트리거를 이용하여

매일 아침 10시에 집계하여 자동으로 슬랙 채널에 전송해주는 함수이다.

// Slack 웹훅 URL 설정
const slackWebhookUrl = "";

function sendSlackMessageIfEmptyEColumn() {
  var spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
  var sheet = spreadsheet.getSheetByName("일정관리");

  // D5:D1000 범위에서 값 확인
  var dataRange = sheet.getRange("D5:D1000");
  var dataValues = dataRange.getValues();
  var lastRow = dataRange.getLastRow();

  // Slack 메시지 전송 함수
  function sendSlackMessage(m0,m1,m2,m3) {
    var currentTime = Math.floor(new Date().getTime() / 1000);
    var payload = {
        "channel": "ABCDEBF1",
        "attachments": 
        [
            {
                "mrkdwn_in": "",
                "color": "#36a64f",
                "pretext": "[" + m0 + "] 업무를 확인해주세요.",
                "title": "구글 시트 확인하기",
                "title_link": "타이틀 선택 시 이동 될 링크",
                "text": m1 + "\n담당자는 일자를 입력해주세요.\n검수자는 최종 확인 후 상태 값을 완료 또는 반려로 변경해주세요.",
                "fields": 
                [
                    {
                        "title": "담당자",
                        "value": m2,
                        "short": true
                    },
                    {
                        "title": "검수자",
                        "value": m3,
                        "short": true
                    }
                ],
                "thumb_url": "http://placekitten.com/g/200/200",
                "footer": "footer",
                "footer_icon": "https://platform.slack-edge.com/img/default_application_icon.png",
                "ts": currentTime
            }
        ]
    };
    var options = {
      method: "post",
      payload: JSON.stringify(payload),
      contentType: "application/json"
    };
    UrlFetchApp.fetch(slackWebhookUrl, options);
  }

  // D5:D1000 범위 반복 및 E열 값 확인
  for (var i = 0; i < lastRow - 4; i++) {
    var cValue = sheet.getRange(5 + i, 3).getValue();
    var dValue = dataValues[i][0];
    var eValue = sheet.getRange(5 + i, 5).getValue();
    var gValue = sheet.getRange(5 + i, 7).getValue();
    var hValue = sheet.getRange(5 + i, 8).getValue();
    var lValue = sheet.getRange(5 + i, 11).getValue();

    Logger.log("lValue 값: " + lValue);
     if (cValue !== "" && dValue !== "" && eValue !== "" && lValue !== " ‍♂️ ‍♀️") {
      sendSlackMessage(cValue,dValue,gValue,hValue);
      sheet.getRange(5 + i, 12).setValue(" ‍♂️ ‍♀️");
    } else if (dValue === "" && eValue === "" && lastRow > 0) {
      break;
    }
  }
}


function dailyReport(){
  // 스프레드시트 및 시트 설정
  var spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
  var sheet = spreadsheet.getSheetByName("일정관리"); // 시트 이름을 업데이트하세요.

  // D5:D1000 범위에서 값 확인
  var dataRange = sheet.getRange("D5:D1000");
  var lastRow = dataRange.getLastRow();

  // E열 및 K열에서 "완료", "보류", "접수", "반려" 갯수를 세기 위한 변수 초기화
  var countCompletedE = 0;
  var countPendingE = 0;
  var countAcceptedE = 0;
  var countCompletedK = 0;
  var countRejectedK = 0;
  var forFlag = false;

  // D5:D1000 범위 반복 및 E열과 K열 값 확인
  for (var i = 0; i < lastRow - 4; i++) {
    var eValue = sheet.getRange(5 + i, 5).getValue(); // E열 값 가져오기
    var kValue = sheet.getRange(5 + i, 11).getValue(); // K열 값 가져오기

    if (eValue === "완료") {
      countCompletedE++;
    } else if (eValue === "보류") {
      countPendingE++;
    } else if (eValue === "접수") {
      countAcceptedE++;
    }

    if (kValue === "완료") {
      countCompletedK++;
    } else if (kValue === "반려") {
      countRejectedK++;
    }

     if(eValue === "" && kValue === ""){
      forFlag = true;
      break;
    }
  }

  if(forFlag){
    // to do  다음 행이 비어 있을 경우 처리
  
  }

  // Slack 메시지 생성
  var slackMessage = "데일리 보고:\n담당자 확인 집계: 완료-" + countCompletedE + ", 보류-" + countPendingE + ", 접수-" + countAcceptedE +
                     "\n검토자 확인 집계: 완료-" + countCompletedK + ", 반려-" + countRejectedK;

  // Slack 메시지 전송
  var payload = {
    "channel": "YOUR_CHANNEL_ID", // Slack 채널 ID를 업데이트하세요
    "text": slackMessage
  };

  var options = {
    method: "post",
    payload: JSON.stringify(payload),
    contentType: "application/json"
  };

  UrlFetchApp.fetch(slackWebhookUrl, options);
}

알림발송 버튼을 누르면

참고 레퍼런스

Incoming Webhook 을 이용하게 된다면 이분이 잘 정리한거 같다

https://sonujung.com/slack-reminder-with-google-spread-sheets

'구글 스프레드시트'로 '슬랙 리마인더 봇' 만들기

모두가 고객과 직접 대화하기 식스샵에선 서비스 운영팀 분들 외에도 모든 구성원이 고객 상담 업무에 참여하고 있다. 이는 창업 초반 Wufoo의 공동 창업자 Kevin Hale이 ' How to build products users love '

sonujung.com

https://techblog.lotteon.com/%EB%A1%AF%EB%8D%B0e%EC%BB%A4%EB%A8%B8%EC%8A%A4-slack-bot-%ED%99%9C%EC%9A%A9%EA%B8%B0-273be23489ed

Slack bot을 통한 업무 활용스토리 #1

Slack 도입이 가져온 롯데e커머스의 변화

techblog.lotteon.com

https://api.slack.com/reference/messaging/attachments

Reference: Secondary message attachments

Another way to attach content to messages is the old attachments system. We prefer Block Kit now.

api.slack.com

스프링 부트 카카오 로그인 API 기능 추가하기

알 수 없는 사용자 — Sun, 22 Oct 2023 22:51:13 +0900

공모전을 진행하면서

카카오 API를 이용하면 가산점이 있었기에

만들고 있는 기능 중 회원가입하는 부분이 있었고

카카오는 많은 사용자들이 이용중인 플랫폼이기에 사용자 측면에서 편의성을 주고자

카카오 로그인 기능을 추가하게 되었다.

당시 api 서버 환경은

jdk 17

spring 6.0.8

spring boot 3.0.6

jpa

security

~~oauth2~~

시큐리티를 사용하고 있으니

oauth2를 이용하여 로그인까지 연결 시키고 싶었는데

이 방법대로는 내가 원하는 대로 흘러가지 않아서 결국에는 api식을로 개발했던 것 같네 지금 코드를 보니

시간이 더 많았으면 스프링 환경을 더 봐서 코드를 깔끔하게 할 수 있었을 것 같은데

조금 아쉬움이 남네

진행상황

1.카카오 디벨로퍼에서 카카오 로그인 프로세스 이해하기

2. oauth2 개념 이해하기

3. api vs security oauth2

이슈 & 고민 및 해결

프론트에서 카카오 로그인 시 백엔드로 통신하고 인증/인가

확인 후 jwt 토큰 내려주는 프로세스로 개발하고 싶었는데

api 서버에 oauth2까지 같이 사용하고 있다보니

필터에 불필요 예외처리 코드가 너무 늘어나는 것 같아서

카카오 로그인 api로 분리하게 되었다.

참고 레퍼런스

1. 카카오 로그인 이해하기

https://developers.kakao.com/docs/latest/ko/kakaologin/common

Kakao Developers

카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.

developers.kakao.com

2. 카카오 로그인 설정하기

https://developers.kakao.com/docs/latest/ko/kakaologin/prerequisite

Kakao Developers

카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.

developers.kakao.com

3. 인증&인가

https://dev.gmarket.com/45

인증/인가는 어디에 어떻게 구현해야 할까?

안녕하세요 Post-tx & Accounting팀 권우석입니다. 최근 온보딩 프로젝트를 함께했던 Shopping Service API팀의 김도훈님의 제안으로 회원가입/로그인 API를 간단하게 구현하는 토이 프로젝트를 진행하고

dev.gmarket.com

4. 사용한 코드 github

https://github.com/DongJu-Na/Nadry

GitHub - DongJu-Na/Nadry: 여행

여행. Contribute to DongJu-Na/Nadry development by creating an account on GitHub.

github.com

TO DO List

1. 스프링 환경 공부

2. 네이버,구글,github login 기능 추가해보기

Example Code

카카오 로그인 api 예제 코드

1. 컨트롤러

package com.nadeul.ndj.controller;

import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import com.nadeul.ndj.dto.ApiResponse;
import com.nadeul.ndj.dto.KakaoDto;
import com.nadeul.ndj.dto.MemberDto;
import com.nadeul.ndj.service.KakaoApiService;

import io.swagger.v3.oas.annotations.Operation;
import io.swagger.v3.oas.annotations.tags.Tag;
import lombok.RequiredArgsConstructor;

@Tag(name = "KakaoService", description = "카카오 API")
@RequestMapping("/api/v1/kakao")
@RequiredArgsConstructor
@RestController
public class KakaoApiController<T> {
	
	private final KakaoApiService<T> service;
	
	@PostMapping("/authenticate")
	@Operation(summary = "카카오 로그인", description = "카카오 계정으로 로그인")
    public ResponseEntity<ApiResponse<MemberDto>> kakaoAuthenticate(@RequestBody KakaoDto request) {
        return ResponseEntity.ok(service.kakaoAuthenticate(request));
    }

}

2. 서비스

@value 어노테이션 부분에는

카카오에서 발급받은 클라이언트 id와 설정해놓은 redirect url 할당해서 사용하면 된다.

package com.nadeul.ndj.service;

import java.io.BufferedReader;
import java.io.BufferedWriter;
import java.io.IOException;
import java.io.InputStreamReader;
import java.io.OutputStreamWriter;
import java.net.HttpURLConnection;
import java.net.URL;
import java.util.HashMap;
import java.util.List;
import java.util.Optional;

import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Service;

import com.fasterxml.jackson.databind.JsonNode;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.nadeul.ndj.dto.ApiResponse;
import com.nadeul.ndj.dto.KakaoDto;
import com.nadeul.ndj.dto.MemberDto;
import com.nadeul.ndj.entity.Member;
import com.nadeul.ndj.entity.Token;
import com.nadeul.ndj.enums.ApiResponseEnum;
import com.nadeul.ndj.model.Role;
import com.nadeul.ndj.model.TokenType;
import com.nadeul.ndj.repository.MemberRepository;
import com.nadeul.ndj.repository.TokenRepository;

import lombok.RequiredArgsConstructor;

@Service
@RequiredArgsConstructor
public class KakaoApiService<T> {
	
	private final MemberRepository memberRepository;
    private final TokenRepository tokenRepository;
    private final JwtService jwtService;
    
    @Value("${spring.security.oauth2.client.registration.kakao.client-id}")
    private String CLIENT_ID;
    @Value("${spring.security.oauth2.client.registration.kakao.redirect-uri}")
    private String REDIRECT_URI;
    
		
      @SuppressWarnings("unchecked")
	  public ApiResponse<MemberDto> kakaoAuthenticate(KakaoDto request) {
		  
    	  String kakaoAccessToken = getKaKaoAccessToken(request.getCode());
    	  HashMap<String, Object> kakaoInfo = getUserKakaoInfo(kakaoAccessToken);
    	  
    	  
  		  String email = (String) kakaoInfo.get("email");
  		  
  		  Optional<Member> existingMember = memberRepository.findByEmail(email);
  		  
  		if(existingMember.isPresent()) {
  			Member member = Member.builder()
  				  .memId(existingMember.get().getMemId())
  				  .name(kakaoInfo.get("name").toString())
  		          .email(kakaoInfo.get("email").toString())
  		          .profileUrl(kakaoInfo.get("profileUrl").toString())
  		          .build();
  			
  			var savedUser = memberRepository.save(member);
  			
  			String jwtToken = jwtService.generateToken(existingMember.get());
        	String refreshToken = jwtService.generateRefreshToken(existingMember.get());
        	List<Token> validUserTokens = tokenRepository.findAllValidTokenByUser(existingMember.get().getMemId());
      	    validUserTokens.forEach(token -> {
      	      token.setExpired(true);
      	      token.setRevoked(true);
      	    });
      	    tokenRepository.saveAll(validUserTokens);
      	    
      	    Token token = Token.builder()
    	            .member(existingMember.get())
    	            .token(jwtToken)
    	            .tokenType(TokenType.BEARER)
    	            .expired(false)
    	            .revoked(false)
    	            .build();
    	        tokenRepository.save(token);   
    	    
    	     MemberDto memberDto = new MemberDto();
  			  memberDto.setMemId(existingMember.get().getMemId());
  			  memberDto.setName(existingMember.get().getName());
  			  memberDto.setEmail(existingMember.get().getEmail());
  			  memberDto.setPassword(existingMember.get().getPassword());
  			  memberDto.setBirthDay(existingMember.get().getBirthDay());
  			  memberDto.setRole(existingMember.get().getRole());
  			  memberDto.setProfileUrl(existingMember.get().getProfileUrl());
  			  
  			return ApiResponse.successResponse(ApiResponseEnum.SUCCESS,memberDto,jwtToken,refreshToken);
  		}else {
  			 Member member = Member.builder()
  				
  		          .name(kakaoInfo.get("name").toString())
  		          .email(kakaoInfo.get("email").toString())
  		          .password(null)
  		          .role(Role.USER)
  		          .birthDay(null)
  		          .profileUrl(kakaoInfo.get("profileUrl").toString())  
  		          .build();
  		      var savedUser = memberRepository.save(member);
  		      var jwtToken = jwtService.generateToken(member);
  		      var refreshToken = jwtService.generateRefreshToken(member);
  		      
  		      MemberDto memberDto = new MemberDto();
			  memberDto.setMemId(member.getMemId());
			  memberDto.setName(member.getName());
			  memberDto.setEmail(member.getEmail());
			  memberDto.setPassword(member.getPassword());
			  memberDto.setBirthDay(member.getBirthDay());
			  memberDto.setRole(member.getRole());
			  memberDto.setProfileUrl(member.getProfileUrl());
  		      
  		    return ApiResponse.successResponse(ApiResponseEnum.SUCCESS,memberDto,jwtToken,refreshToken);
  		}
  		
	  }
      
      
      public String getKaKaoAccessToken(String code) {

    	    String access_Token = "";
    	    String refresh_Token = "";
    	    String reqURL = "https://kauth.kakao.com/oauth/token";

    	    try {
    	        URL url = new URL(reqURL);
    	        HttpURLConnection conn = (HttpURLConnection) url.openConnection();

    	        conn.setRequestMethod("POST");
    	        conn.setDoOutput(true);

    	        BufferedWriter bw = new BufferedWriter(new OutputStreamWriter(conn.getOutputStream()));
    	        StringBuilder sb = new StringBuilder();
    	        sb.append("grant_type=authorization_code");
    	        sb.append("&client_id=" + CLIENT_ID);
    	        sb.append("&redirect_uri=" + REDIRECT_URI);
    	        sb.append("&code=" + code);
    	        bw.write(sb.toString());
    	        bw.flush();

    	        int responseCode = conn.getResponseCode();
    	        BufferedReader br = new BufferedReader(new InputStreamReader(conn.getInputStream()));
    	        String line = "";
    	        String result = "";

    	        while ((line = br.readLine()) != null) {
    	            result += line;
    	        }
    	        
    	        ObjectMapper objectMapper = new ObjectMapper();
    	        JsonNode rootNode = objectMapper.readTree(result);
    	        
    	        access_Token = rootNode.get("access_token").asText();
    	        refresh_Token = rootNode.get("refresh_token").asText();

    	        br.close();
    	        bw.close();
    	    } catch (IOException e) {
    	        e.printStackTrace();
    	    }

    	    return access_Token;
    	}
      
      public HashMap<String, Object> getUserKakaoInfo(String access_Token) {

    	    HashMap<String, Object> userInfo = new HashMap<String, Object>();
    	    String reqURL = "https://kapi.kakao.com/v2/user/me";
    	    try {
    	        URL url = new URL(reqURL);
    	        HttpURLConnection conn = (HttpURLConnection) url.openConnection();
    	        conn.setRequestMethod("GET");

    	        conn.setRequestProperty("Authorization", "Bearer " + access_Token);

    	        int responseCode = conn.getResponseCode();

    	        BufferedReader br = new BufferedReader(new InputStreamReader(conn.getInputStream()));

    	        String line = "";
    	        String result = "";

    	        while ((line = br.readLine()) != null) {
    	            result += line;
    	        }

    	        ObjectMapper objectMapper = new ObjectMapper();
    	        JsonNode rootNode = objectMapper.readTree(result.toString());

    	        String id = rootNode.path("id").asText();

    	        JsonNode propertiesNode = rootNode.path("properties");
    	        JsonNode kakaoAccountNode = rootNode.path("kakao_account");

    	        String nickname = propertiesNode.path("nickname").asText();
    	        if (kakaoAccountNode.has("email")) {
    	            String email = kakaoAccountNode.path("email").asText();
    	            userInfo.put("email", email);
    	        }

    	        userInfo.put("name", nickname);
    	        userInfo.put("id", id);
    	        userInfo.put("profileUrl", propertiesNode.path("thumbnail_image").asText());
    	        userInfo.put("role", Role.USER);

    	    } catch (IOException e) {
    	        e.printStackTrace();
    	    }
    	    return userInfo;
    	}
}

vue.js 카카오맵 마커가 초기화 안되는 이유가 뭘까?

알 수 없는 사용자 — Sun, 24 Sep 2023 17:15:49 +0900

<template>
  <div class="flex flex-col my-10">
    <h2 class="px-5 mb-3 text-lg font-semibold">주변을 둘러 보세요</h2>
    <div id="map" class="w-full h-[500px]">
      <!-- input -->
      <div class="absolute z-[99] p-3 w-full">
        <div class="flex items-center w-full p-3 bg-white rounded-md shadow-md">
          <i class="mr-2 text-xl las la-search text-zinc-400"></i>
            <input  
                v-model="searchWord" 
                @keyup.enter="onEnter"
                type="text" 
                placeholder="지금, 경주를 검색해보세요!" 
            />
        </div>
      </div>
    </div>
  </div>
</template>

<style>
    .wrap {position: absolute;left: 0;bottom: 40px;width: 288px;height: 132px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
    .wrap * {padding: 0;margin: 0;}
    .wrap .info {width: 286px;height: 120px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
    .wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
    .info .title {padding: 5px 0 0 10px;height: 30px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}
    .info .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
    .info .close:hover {cursor: pointer;}
    .info .body {position: relative;overflow: hidden;}
    .info .desc {position: relative;margin: 13px 0 0 90px;height: 75px;}
    .desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
    .info .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
    .info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
    .info .link {color: #5085BB;}
</style>

<script setup>
import { onMounted, ref } from 'vue';
import { searchTrip } from '@/api';

const searchWord = ref('');

let map,displayMarkers = [];

const submit = async () => {
  if (!searchWord.value) {
    alert('검색어를 입력하세요.');
    return;
  }

  try {
    const payload = {
      numOfRows: 10,
      pageNo: 1,
      MobileOS: 'ETC',
      MobileApp: 'AppTest',
      _type: 'json',
      listYN: 'Y',
      contentTypeId: '',
      arrange: 'A',
      areaCode: '',
      sigunguCode: '',
      cat1: '',
      cat2: '',
      cat3: '',
      keyword: searchWord.value,
    };

     await searchTrip(payload).then((result)=>{
    const {status, data: {response: { body }}} = result;
      console.log(this.displayMarkers);
            for (var i = 0; i < this.displayMarkers.length; i++) {
                this.displayMarkers[i].setMap(null);
            }
            this.displayMarkers.splice(0, this.displayMarkers.length);
          
        if (status === 200 && body && body.items.item.length > 0) {
            map.relayout();

            body.items.item.forEach(item => {
              let kakaoPos = new kakao.maps.LatLng(item.mapy, item.mapx);
              let marker = new kakao.maps.Marker({
                map: map,
                position: kakaoPos,
                title: item.title,
                clickable: true
              });

              console.log("위치 잘 찍히니? 네 => " + marker.getTitle());

              let imageSrc = "http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/markerStar.png";
              let imageSize = new kakao.maps.Size(37, 45);
              let imageOption = { offset: new kakao.maps.Point(17, 40) };

              let markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize, imageOption);
              let markerPosition = marker.getPosition();

              marker = new kakao.maps.Marker({
                position: markerPosition,
                // image: markerImage
              });

              marker.setMap(map);
              let imgUrl = (item.firstimage === null || item.firstimage === ""  ? "/svg/empty_face.svg" : item.firstimage);

              let closeOverlay = () =>{
                console.log("call ?");
              }

              let contentHtml =  `<div class="wrap">
                                    <div class="info">
                                      <div class="title">
                                        ${item.title}
                                        <div class="close" onclick="closeOverlay" title="닫기"></div>
                                      </div>
                                      <div class="body">
                                        <div class="img">
                                          <img src=${imgUrl} width="73" height="70">
                                        </div>
                                        <div class="desc">
                                          <div class="ellipsis"></div>
                                          <div class="jibun ellipsis">${item.addr1 + " " + item.addr2}</div>
                                          <div><a href=${"/trips/" + item.contentid + "/" +item.contenttypeid} class="link">상세보기</a></div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                `;
              
                let overlay = new kakao.maps.CustomOverlay({
                    content: contentHtml,
                    map: map,
                    position: marker.getPosition()       
                });

          
                kakao.maps.event.addListener(marker, 'click', function() {
                    overlay.setMap(map);
                });
                
                this.displayMarkers.push(marker);
            });

            let firstSearchMapPos = new kakao.maps.LatLng(body.items.item[0].mapy , body.items.item[0].mapx);
            map.setCenter(firstSearchMapPos);

        }else{
          alert("검색 결과가 없습니다.");
        }
    });
        
  } catch (error) {
    console.log(error);
  }
};

const onEnter = () => {
  submit(searchWord.value);
};

const getLocation = () => {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition((position) => {
      const myPosition = new kakao.maps.LatLng(position.coords.latitude, position.coords.longitude);
      map.setCenter(myPosition);

      const marker = new kakao.maps.Marker({
        position: myPosition,
        map: map,
      });
    });
  } else {
    console.log('getLocation error');
  }
};

const loadMap = () => {
  const container = document.getElementById('map');
  const options = {
    center: new kakao.maps.LatLng(33.450701, 126.570667),
    level: 7,
  };
  map = new kakao.maps.Map(container, options);

  getLocation();
};

onMounted(() => {
  if (window.kakao && window.kakao.maps) {
    loadMap();
  } else {
    
    const script = document.createElement('script');
    script.src ='//dapi.kakao.com/v2/maps/sdk.js?autoload=false&appkey=' + import.meta.env.VITE_APP_KAKAO_KEY;
    script.onload = () => {
      kakao.maps.load(() => {      
        kakao.maps.load(loadMap);
      });
    }
    
    document.head.appendChild(script);
  }
});
</script>

1. displayMarkers 를 분명 초기화 하는데도 불구하고 카카오맵 마커가 삭제가 되지 않는 이유

2. vue3.js 에서 전역변수 개념이 자바스크립트 환경이란 다른 건 지 ?

2차 코드 수정

<template>
  <div class="flex flex-col my-10">
    <h2 class="px-5 mb-3 text-lg font-semibold">주변을 둘러 보세요</h2>
    <div id="map" class="w-full h-[500px]">
      <!-- input -->
      <div class="absolute z-[99] p-3 w-full">
        <div class="flex items-center w-full p-3 bg-white rounded-md shadow-md">
          <i class="mr-2 text-xl las la-search text-zinc-400"></i>
            <input  
                v-model="searchWord" 
                @keyup.enter="onEnter"
                type="text" 
                placeholder="지금, 경주를 검색해보세요!" 
            />
        </div>
      </div>
    </div>
  </div>
</template>

<style>
    .wrap {position: absolute;left: 0;bottom: 40px;width: 288px;height: 132px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
    .wrap * {padding: 0;margin: 0;}
    .wrap .info {width: 286px;height: 120px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
    .wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
    .info .title {padding: 5px 0 0 10px;height: 30px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}
    .info .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
    .info .close:hover {cursor: pointer;}
    .info .body {position: relative;overflow: hidden;}
    .info .desc {position: relative;margin: 13px 0 0 90px;height: 75px;}
    .desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
    .info .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
    .info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
    .info .link {color: #5085BB;}
</style>

<script setup>
import { onMounted, ref } from 'vue';
import { searchTrip } from '@/api';


const searchWord = ref('');

let map,displayMarkers = [];

const submit = async () => {
  if (!searchWord.value) {
    alert('검색어를 입력하세요.');
    return;
  }

  try {
    const payload = {
      numOfRows: 10,
      pageNo: 1,
      MobileOS: 'ETC',
      MobileApp: 'AppTest',
      _type: 'json',
      listYN: 'Y',
      contentTypeId: '',
      arrange: 'A',
      areaCode: '',
      sigunguCode: '',
      cat1: '',
      cat2: '',
      cat3: '',
      keyword: searchWord.value,
    };

     await searchTrip(payload).then((result)=>{
    const {status, data: {response: { body }}} = result;
      console.log(displayMarkers);

        if (status === 200 && body && body.items.item.length > 0) {
            map.relayout();
            hideMarkers();
            body.items.item.forEach(item => {
              let kakaoPos = new kakao.maps.LatLng(item.mapy, item.mapx);

              addMarker(kakaoPos,item,map);

            });

            let firstSearchMapPos = new kakao.maps.LatLng(body.items.item[0].mapy , body.items.item[0].mapx);
            map.setCenter(firstSearchMapPos);
            showMarkers(map);

        }else{
          alert("검색 결과가 없습니다.");
        }
    });
        
  } catch (error) {
    console.log(error);
  }
};

function addMarker(_position,_item,_map) {
    let marker = new kakao.maps.Marker({
      map: _map,
      position: _position,
      title: _item.title,
      clickable: true
    });

    let imageSrc = "http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/markerStar.png";
    let imageSize = new kakao.maps.Size(37, 45);
    let imageOption = { offset: new kakao.maps.Point(17, 40) };

    let markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize, imageOption);
    let markerPosition = marker.getPosition();

    marker = new kakao.maps.Marker({
      position: markerPosition,
      // image: markerImage
    });

    marker.setMap(_map);
    let imgUrl = (_item.firstimage === null || _item.firstimage === ""  ? "/svg/empty_face.svg" : _item.firstimage);

    let contentHtml =  `<div class="wrap">
                          <div class="info">
                            <div class="title">
                              ${_item.title}
                              <div class="close" onclick="closeOverlay()" title="닫기"></div>
                            </div>
                            <div class="body">
                              <div class="img">
                                <img src=${imgUrl} width="73" height="70">
                              </div>
                              <div class="desc">
                                <div class="ellipsis"></div>
                                <div class="jibun ellipsis">${_item.addr1 + " " + _item.addr2}</div>
                                <div><a href=${"/trips/" + _item.contentid + "/" +_item.contenttypeid} class="link">상세보기</a></div>
                              </div>
                            </div>
                          </div>
                        </div>
                      `;
    
      let overlay = new kakao.maps.CustomOverlay({
          content: contentHtml,
          map: _map,
          position: marker.getPosition()       
      });


      kakao.maps.event.addListener(marker, 'click', function() {
          overlay.setMap(_map);
      });
      
    displayMarkers.push(marker);
    console.debug("push Markers",displayMarkers);
}

function showMarkers(_map) {
    setMarkers(_map);
}

function hideMarkers() {
    setMarkers(null);    
}

function setMarkers(_map) {
    for (var i = 0; i < displayMarkers.length; i++) {
        displayMarkers[i].setMap(_map);
    }
    console.debug("setMarkers",displayMarkers,_map);            
}

function closeOverlay() {
    console.debug("closeOverlay");
    overlay.setMap(null);     
}

const onEnter = () => {
  submit(searchWord.value);
};

const getLocation = () => {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition((position) => {
      const myPosition = new kakao.maps.LatLng(position.coords.latitude, position.coords.longitude);
      map.setCenter(myPosition);

      const marker = new kakao.maps.Marker({
        position: myPosition,
        map: map,
      });
    });
  } else {
    console.log('getLocation error');
  }
};

const loadMap = () => {
  const container = document.getElementById('map');
  const options = {
    center: new kakao.maps.LatLng(33.450701, 126.570667),
    level: 7,
  };
  map = new kakao.maps.Map(container, options);

  getLocation();
};

onMounted(() => {
  if (window.kakao && window.kakao.maps) {
    loadMap();
  } else {
    
    const script = document.createElement('script');
    script.src ='//dapi.kakao.com/v2/maps/sdk.js?autoload=false&appkey=' + import.meta.env.VITE_APP_KAKAO_KEY;
    script.onload = () => {
      kakao.maps.load(() => {      
        kakao.maps.load(loadMap);
      });
    }
    
    document.head.appendChild(script);
  }
});
</script>

Spring Boot 환경에서 Appium을 통해 모바일 환경 테스트 하기 + 플러그인 (09.19 수정)

알 수 없는 사용자 — Sun, 17 Sep 2023 02:22:54 +0900

추후 모바일 환경을 테스트 하기 위한

appium 서버를 구축하고 java 와 통신하며 app 및 web 을 테스트 하기 위한 환경을 구축 하였다.

아마 웹 개발자들한테는 생소할 수 있는데

모바일 환경 앱 및 웹을 테스트 할 때 주로 쓰인다고 한다.

언어는 Java, Python, Ruby, JS 지원하니 모바일 디바이스 개발을 많이 하시는 분들이라 하면

유용한 테스트 도구 인 것 같다.

* appium (앱이움) : Appium 은 웹 드라이버를 사용하여 Android 또는 iOS 에서 스크립트를 실행하고 기본 애플리케이션, 모바일 웹 애플리케이션 및 하이브리드 애플리케이션을 테스트하기 위한 오픈 소스 자동화 도구입니다.

appium 저장소에 이슈 남겼더니..

해당 개발자가 플러그인을 개발해주었다.

아직 확인은 못해봤지만 참조 레퍼런스에 남겨놓았으니 필요한 사람들은 테스트를 도와주고 문제가 있을 시 이슈 등록하여 피드백 해주면 좋을 것 같다.

진행상황

appium Server 구축 통신 확인

java 코드로 모바일 환경에서 브라우저 이동 또는 앱 실행 확인

이슈 & 고민 및 해결

1. appium java-client는 cdp를 지원하지 않고 있다.

=> 관련 이슈 링크

2. cdp와 통신하기 위한 방법을 찾아야 한다. 현재로서는 어려운 상황

통신 방법을 찾지 못한다면 결국 웹앱을 하나 만들어서 확인하는 방법 외에는 없는 것으로 생각된다..

plugins {
	id 'java'
	id 'org.springframework.boot' version '3.1.3'
	id 'io.spring.dependency-management' version '1.1.3'
}

group = 'com.acp'
version = '0.0.1-SNAPSHOT'

java {
	sourceCompatibility = '17'
}

repositories {
	mavenCentral()
}

dependencies {
	implementation 'org.springframework.boot:spring-boot-starter-web'
	implementation 'org.springframework.boot:spring-boot-starter-data-jpa'
	implementation group: 'org.seleniumhq.selenium', name: 'selenium-java', version: '4.12.1'
	implementation group: 'io.github.bonigarcia', name: 'webdrivermanager', version: '5.5.3'
	implementation 'org.seleniumhq.selenium:selenium-http-jdk-client:4.9.1'
	implementation group: 'com.fasterxml.jackson.core', name: 'jackson-core', version: '2.15.2'
	implementation group: 'io.appium', name: 'java-client', version: '8.5.1'
	developmentOnly 'org.springframework.boot:spring-boot-devtools'
	compileOnly 'org.projectlombok:lombok'
	runtimeOnly 'com.h2database:h2'
	runtimeOnly 'org.mariadb.jdbc:mariadb-java-client'
	annotationProcessor 'org.projectlombok:lombok'
	testImplementation 'org.springframework.boot:spring-boot-starter-test'
	testImplementation 'org.springframework.batch:spring-batch-test'
}

tasks.named('test') {
	useJUnitPlatform()
}

참고 레퍼런스

https://appium.io/docs/en/2.1/

Appium Documentation - Appium Documentation

Appium Documentation Welcome to the Appium documentation! Appium is an open-source project and ecosystem of related software, designed to facilitate UI automation of many app platforms, including mobile (iOS, Android, Tizen), browser (Chrome, Firefox, Safa

appium.io

https://github.com/appium/java-client

GitHub - appium/java-client: Java language binding for writing Appium Tests, conforms to W3C WebDriver Protocol

Java language binding for writing Appium Tests, conforms to W3C WebDriver Protocol - GitHub - appium/java-client: Java language binding for writing Appium Tests, conforms to W3C WebDriver Protocol

github.com

https://github.com/appium/appium-desktop/releases

Releases · appium/appium-desktop

Appium Server in Desktop GUIs for Mac, Windows, and Linux - appium/appium-desktop

github.com

https://github.com/mykola-mokhnach/appium-devtools-plugin

GitHub - mykola-mokhnach/appium-devtools-plugin: Appium plugin that adds proxy features to Android mobile webviews

Appium plugin that adds proxy features to Android mobile webviews - GitHub - mykola-mokhnach/appium-devtools-plugin: Appium plugin that adds proxy features to Android mobile webviews

github.com

TO DO List

1. appium cdp 소켓 통신 확인하기

2. 1이 안될 경우 insept로 가상 디바이스 접근하여 확인하기

Example Code

디바이스가 크롬 app을 실행한 후 해당 블로그로 이동하는 코드 sample code

package com.acp.AbusingCheckProject.job;

import io.appium.java_client.AppiumDriver;
import io.appium.java_client.android.AndroidDriver;
import io.appium.java_client.android.options.UiAutomator2Options;
import io.appium.java_client.remote.MobileCapabilityType;
import org.openqa.selenium.devtools.DevTools;
import org.springframework.scheduling.annotation.Scheduled;
import org.springframework.stereotype.Component;

import java.net.URL;
import java.time.Duration;

@Component
public class NetworkMonitoringMobile {

    @Scheduled(fixedRate = 500000000)
    public void executeNetworkMonitoring() throws Exception {
        AppiumDriver driver = setupMobileWeb();
        driver.get("https://djlife.tistory.com/");


    }

    private AppiumDriver setupMobileWeb() {
        UiAutomator2Options capabilities = new UiAutomator2Options();

        capabilities.setCapability(MobileCapabilityType.PLATFORM_NAME, "Android");
        capabilities.setCapability(MobileCapabilityType.PLATFORM_VERSION, "14");
        capabilities.setCapability(MobileCapabilityType.DEVICE_NAME, "emulator-5554"); 
        capabilities.setCapability(MobileCapabilityType.AUTOMATION_NAME, "UiAutomator2");
        capabilities.setCapability(MobileCapabilityType.BROWSER_NAME, "Chrome");

        capabilities.setCapability("chromedriverExecutable", System.getProperty("webdriver.chrome.driver"));

        // Open browser.
        AppiumDriver driver = null;

        try{
            driver = new AppiumDriver(new URL("http://127.0.0.1:4723/wd/hub"),capabilities);
        }catch (Exception e){
            e.printStackTrace();
        }

        driver.manage()
                .timeouts()
                .implicitlyWait(Duration.ofSeconds(60));
        return driver;
    }

}

Selenium 을 이용하여 특정 URL 요청과 응답 값 모니터링 하는 기능 만들기

알 수 없는 사용자 — Thu, 7 Sep 2023 00:32:19 +0900

이번에 내가 맡게 된 업무는 셀레니움과 jpa를 이용하여

특정 url 요청이 있는 지 확인하고

그 요청으로 인한 응답 값을 모니터링 및 데이터를 적재하는 업무다

사실 이번에 셀레니움을 이용하여 간단하게 개발을 하였지만

아쉬움이 너무 많이 남았다.

셀레니움으로 chrome inspect device를 충분히 조작할 수 있을 것이라고 생각했지만..

내가 잘 모르는건지 내 생각과 달리 디바이스의 dom이나 script 를 조작하지 못했다..

그렇지만, 모바일 환경에 테스트 자동 도구에는 어떤 것들이 있는지 알아보게 되었고

다음 같은 상황이 생겼을 때는 더 빠르게 기술을 결정 할 수 있을 것 같다.

( ex appium )

* 셀레니움(셀레늄) : 웹 애플리케이션 자동화 및 테스트를 위한 포터블 프레임워크이다. 셀레늄은 테스트 스크립트 언어를 학습할 필요 없이 기능 테스트를 만들기 위한 플레이백 도구를 제공한다. (셀례늄 IDE) C 샤프, 그루비, 자바, 펄, PHP, 파이썬, 루비, 스칼라 등 수많은 유명 프로그래밍 언어들에서 테스트를 작성하기 위한 테스트 도메인 특화 언어(Selenese)를 제공한다. 이 테스트들은 현대의 대부분의 웹 브라우저에서 수행이 가능하다. 셀레늄은 윈도우, 리눅스, macOS 플랫폼에서 디플로이된다. 아파치 2.0 라이선스로 배포되는 오픈 소스 소프트웨어이다. 웹 개발자는 무료로 다운로드, 사용할 수 있다.

진행상황

모니터링 하기 위한 어느정도 구색은 갖추었고

jpa를 이용하여 간단하게 데이터베이스에 저장한다.

이슈 & 고민 및 해결

1. 환경에 설치 된 크롬 버전 문제

=> webdrivermanager 해결 (주소 : https://github.com/bonigarcia/webdrivermanager)

이걸 이용하면 WebDriverManager.chromedriver().setup(); 코드 한줄로 해결 할 수 있다.

번거롭게 경로 지정 , 웹드라이버 설치도 필요 없다

2. 셀레니움으로 브라우저 403 , 500 오류 날 시

=> 크롬 옵션에 --remote-allow-origins=* 있는데도 불구하고 계속 오류가 난다면

https://mvnrepository.com/artifact/org.seleniumhq.selenium/selenium-http-jdk-client

추가해보자 이게 설명이 없어서 정확한 용도는 모르겠으나

자바(jdk) 11+ 이상 일 시 사용을 권장하니 오류가 계속 발생 할 시 의존성 추가를 권장한다.

아마 jdk1.8 보다 상위 버전에서 발생하는 오류인 것 같은데 이 라이브러리로 해결 할 수 있다고 한다
https://www.selenium.dev/blog/2022/using-java11-httpclient/

나는 해당 문제를 최대한 피하고자 진행 당 시 모두 최신버전을 이용하였다.

plugins {
	id 'java'
	id 'org.springframework.boot' version '3.1.3'
	id 'io.spring.dependency-management' version '1.1.3'
}

group = 'com.acp'
version = '0.0.1-SNAPSHOT'

java {
	sourceCompatibility = '17'
}

repositories {
	mavenCentral()
}

dependencies {
	implementation 'org.springframework.boot:spring-boot-starter-web'
	implementation 'org.springframework.boot:spring-boot-starter-data-jpa'
	implementation group: 'org.seleniumhq.selenium', name: 'selenium-java', version: '4.12.1'
	implementation group: 'io.github.bonigarcia', name: 'webdrivermanager', version: '5.5.3'
	implementation 'org.seleniumhq.selenium:selenium-http-jdk-client:4.9.1'
	implementation group: 'com.fasterxml.jackson.core', name: 'jackson-core', version: '2.15.2'
	developmentOnly 'org.springframework.boot:spring-boot-devtools'
	compileOnly 'org.projectlombok:lombok'
	runtimeOnly 'com.h2database:h2'
	runtimeOnly 'org.mariadb.jdbc:mariadb-java-client'
	annotationProcessor 'org.projectlombok:lombok'
	testImplementation 'org.springframework.boot:spring-boot-starter-test'
	testImplementation 'org.springframework.batch:spring-batch-test'
}

tasks.named('test') {
	useJUnitPlatform()
}

참고 레퍼런스

https://ko.wikipedia.org/wiki/%EC%85%80%EB%A0%88%EB%8A%84_(%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4)

셀레니움 위키백과

셀레늄 (소프트웨어) - 위키백과, 우리 모두의 백과사전

위키백과, 우리 모두의 백과사전. 셀레늄(Selenium)은 웹 애플리케이션 자동화 및 테스트를 위한 포터블 프레임워크이다. 셀레늄은 테스트 스크립트 언어를 학습할 필요 없이 기능 테스트를 만들

ko.wikipedia.org

https://www.selenium.dev/

셀레니움 Dev 홈페이지

Selenium

Selenium automates browsers. That's it!

www.selenium.dev

https://github.com/SeleniumHQ/selenium

셀레니움 Github

GitHub - SeleniumHQ/selenium: A browser automation framework and ecosystem.

A browser automation framework and ecosystem. Contribute to SeleniumHQ/selenium development by creating an account on GitHub.

github.com

https://chromedriver.chromium.org/downloads

크롬 웹 드라이버 다운로드

ChromeDriver - WebDriver for Chrome - Downloads

Current Releases If you are using Chrome version 115 or newer, please consult the Chrome for Testing availability dashboard. This page provides convenient JSON endpoints for specific ChromeDriver version downloading. For older versions of Chrome, please se

chromedriver.chromium.org

TO DO List

1. 모바일 환경 테스트 & 배치 또는 스케줄러

2. appium 검토해보기

3. 지금은 스프링 스케줄 이용하고 있지만 스프링 배치로 마이그레이션 해보기 ( 시간이 남을 경우 )

Example Code

위키백과 예제코드 사용언어 Java

import org.openqa.selenium.By;
import org.openqa.selenium.Keys;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.WebDriverWait;
import static org.openqa.selenium.support.ui.ExpectedConditions.presenceOfElementLocated;
import java.time.Duration;

public class HelloSelenium {

    public static void main(String[] args) {
        WebDriver driver = new FirefoxDriver();
        WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
        try {
            driver.get("https://google.com/ncr");
            driver.findElement(By.name("q")).sendKeys("cheese" + Keys.ENTER);
            WebElement firstResult = wait.until(presenceOfElementLocated(By.cssSelector("h3")));
            System.out.println(firstResult.getAttribute("textContent"));
        } finally {
            driver.quit();
        }
    }

특정 URL 요청이 있는지 확인하고

그 요청이 있다면 응답데이터 확인 후 Database에 저장하는 코드

package com.acp.AbusingCheckProject.job;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.URL;
import java.time.Duration;
import java.time.LocalDateTime;
import java.util.HashMap;
import java.util.Map;
import java.util.Optional;

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.chrome.ChromeOptions;
import org.openqa.selenium.devtools.DevTools;
import org.openqa.selenium.devtools.v116.network.Network;
import org.openqa.selenium.devtools.v116.network.Network.GetResponseBodyResponse;
import org.openqa.selenium.devtools.v116.network.model.Request;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.scheduling.annotation.Scheduled;
import org.springframework.stereotype.Component;

import com.acp.AbusingCheckProject.entity.logTbl;
import com.acp.AbusingCheckProject.repository.LogTblRepository;
import com.fasterxml.jackson.databind.ObjectMapper;

import io.github.bonigarcia.wdm.WebDriverManager;

@Component
public class NetworkMonitoring {

    @Value("${chrome.driver}")
    public String driverPath;

    @Autowired
    private LogTblRepository logTblRepository;

    @Scheduled(fixedRate = 3600000)
    public void executeNetworkMonitoring() {
        try {
        // ChromeDriver 경로 설정
        WebDriverManager.chromedriver().setup();

        // Chrome 옵션 설정
        ChromeOptions options = new ChromeOptions();
        //options.setCapability("goog:chromeOptions", Map.of("w3c", false));
        Map<String, Object> deviceMetrics = new HashMap<>();
        deviceMetrics.put("width", 1078);
        deviceMetrics.put("height", 924);
        deviceMetrics.put("pixelRatio", 3.0);
        Map<String, Object> mobileEmulation = new HashMap<>();
        mobileEmulation.put("deviceMetrics", deviceMetrics);
        mobileEmulation.put("userAgent", "Mozilla/5.0 (Linux; Android 8.0.0;" +  "Pixel 2 XL Build/OPD1.170816.004) AppleWebKit/537.36 (KHTML, like Gecko) " + "Chrome/67.0.3396.99 Mobile Safari/537.36");
        options.setExperimentalOption("mobileEmulation", mobileEmulation);
        WebDriver driver = new ChromeDriver(options);

        // 페이지 로딩 타임아웃 설정
        driver.manage().deleteAllCookies();
        driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(30));

        // Chrome DevTools 설정
        DevTools devTools = ((ChromeDriver) driver).getDevTools();
        devTools.createSession();
        devTools.send(Network.clearBrowserCookies());
        devTools.send(Network.setCacheDisabled(true));
        
        // Network.enable 활성화
        devTools.send(Network.enable(Optional.empty(), Optional.empty(), Optional.empty()));
        
        // 네트워크 이벤트 리스너 등록
        devTools.addListener(Network.requestWillBeSent(), entry -> {
            Request request = entry.getRequest();
            String requestUrl = request.getUrl();
            if (requestUrl.contains("요청 URL")) {
                System.out.println("요청이 발생했습니다: " + requestUrl);
            }
            
	            if (requestUrl.contains("모니터링 요청 URL")) {
	              try {
	                  String responseContent = getResponseContent(requestUrl);
	                  System.out.println("응답이 발생했습니다: " + responseContent);
	                  ObjectMapper om = new ObjectMapper();
	                  Map<String,Object> jsonMap = om.readValue(returnStr(responseContent),Map.class);
	                  
	                  logTbl logtbl = logTbl.builder()
	                                   .result(jsonMap.containsKey("a") ? (String) jsonMap.get("a") : "")
	                                   .uid(jsonMap.containsKey("b") ? (String) jsonMap.get("b") : "")
	                                   .fp(jsonMap.containsKey("c") ? (String) jsonMap.get("c") : "")
	                                   .tc(jsonMap.containsKey("d") ? (String) jsonMap.get("d") : "")
	                                   .sc(jsonMap.containsKey("e") ? (String) jsonMap.get("e") : "")
	                                   .score(jsonMap.containsKey("f") ? (String) jsonMap.get("f") : "")
	                                   .tg1(jsonMap.containsKey("g") ? (String) jsonMap.get("g") : "")
	                                   .tg2(jsonMap.containsKey("h") ? (String) jsonMap.get("h") : "")
	                                   .siteUrl("모니터링URL")
	                                   .logDate(LocalDateTime.now())
	                                   .build();
	                  
	                  logTblRepository.save(logtbl);
	                  driver.quit();   // WebDriver 종료
	              } catch (IOException e) {
	                  e.printStackTrace();
	              }
	          }
        });
        
        // 사이트로 이동
        driver.get("모니터링할URL");
        
        
        } catch (Exception e) {
            e.printStackTrace();
        } 
    }

    private static String getResponseContent(String url) throws IOException {
        HttpURLConnection connection = (HttpURLConnection) new URL(url).openConnection();
        connection.setRequestMethod("GET");

        try (BufferedReader reader = new BufferedReader(new InputStreamReader(connection.getInputStream()))) {
            StringBuilder response = new StringBuilder();
            String line;
            while ((line = reader.readLine()) != null) {
                response.append(line);
            }
            return response.toString();
        }
    }


    public String returnStr(String str){
        String filteredJson = "";
        try{
            // JSON 문자열의 시작 위치를 찾습니다.
            int start = str.indexOf("(");

            // JSON 문자열의 끝 위치를 찾습니다.
            int end = str.lastIndexOf(")");

            // JSON 문자열을 추출합니다.
                filteredJson = str.substring(start + 1, end);
        }catch (Exception e){
            e.printStackTrace();
        }
        return filteredJson;
    }
}

타임리프(Thymeleaf) 본격적으로 사용하기 ( +@ 타임리프 벤치마크 성능 비교)

알 수 없는 사용자 — Thu, 31 Aug 2023 00:52:25 +0900

타임리프 로고 이미지

타임리프 구문을 잘 모르겠다면

이전에 간단하게 정리해놓은 글이 있으니 먼저 보기 바란다.

(타임리프와 jsp를 고민하고 있는 AA나 PL이 있다면 아래 타임리프 벤치마크 성능 링크도 남겨놓았으니 참고하면 좋을 듯)

아마 JSP에 익숙한 사람은 금방 손에 익을 것 같다.

개인적인 생각으로 자바스크립트로 동적으로 데이터 렌더링 하는 코드를 줄일 수 있으나 예외처리에는 조금 불편함이

있는 것 같다.

이번에 내가 맡게 된 업무는

동영상을 업로드 하여 광고 소재로 내보낼 수 있게 되었으니

해당하는 동영상을 자체적으로 만들거나 또는 수정할 수 있게

이미지를 이용하여 동영상을 만들거나 수정할 수 있는 웹 스튜디오를 만드는 것이였다.

진행상황

서버에서 받은 데이터 조회 및 가공(포맷) 처리

기존 자바스크립트로 데이터 append 하여 렌더링 하는 부분 타임리프로 처리

이슈 & 고민 및 해결

1. 타임리프는 서버 사이드 렌더링(SSL)이지 CSR이 아니라는 점

한 html에 두개 이상 fragment 정의 했을 경우

서버에서 받는 html 아닌 클라이언트에서 받으면 th:block 이 두개 나와 당황했다..

html 을 서버에서 받아 처리하는 방법과 th:if 로 조건 처리 하는 방법으로 명확하게 replace 할 수 있다.

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <th:block th:fragment="fragmentA">
        <div class="djlife">
          퇴근하고싶다.
        </div>
    </th:block>
    <th:block th:fragment="fragmentB">
        <div class="djlife">
          집가고싶다.
        </div>
    </th:block>
</html>

<!-- 불러오는 페이지 -->
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:replace="/fragments/fragmentTest :: fragmentA"></th:block>
</head>
<body>
	<h1>개발자는 어디까지 공부해야할까?</h1>
</body>
</html>

2. 프론트 프레임워크 (react,vue ...) 처럼 상태 관리가 되지 않는다.

데이터 변동 시 수동으로 데이터 처리를 해주어야 한다..

3. 자바스크립트에서 동적 렌더링 할 때 처리를 보다 쉽게 가능

자바스크립트로 키워드 강조하는 것보다 타임리프로 키워드 강조하는게 더 간단하다

<div>
    <em th:utext="'상품코드 ' + (${#strings.isEmpty(keyword) ? rowData.prdtCode : #strings.replace(rowData.prdtCode, keyword, '<b class=highlighted-text>' + keyword + '</b>')})">상품코드</em>
    <p th:utext="(${#strings.isEmpty(keyword) ? rowData.prdtName : #strings.replace(rowData.prdtName, keyword, '<b class=highlighted-text>' + keyword + '</b>')})">상품명</p>
</div>

backend 코드는 생략!

이 글은 타임리프 스터디하면서 작성한글

TO DO List

1. 화면 fragment 공통으로 쪼갤 수 있는 컴포넌트는 최대한 분기

2. 타임리프 디버깅 방법 스터디

참고 레퍼런스

https://djlife.tistory.com/17

타임리프(Thymeleaf) 사용 방법 및 문법 정리

들어가기 전 지금 있는 회사는 view 템플릿 엔진으로 thymeleaf 를 사용하고 있기에 간단하게 정리하여 글을 남긴다. "아니 나는 백엔드 개발자인데 ?" "이거 몰라도 되는 거 아니야?" ‍♂️

djlife.tistory.com

https://dzone.com/articles/modern-type-safe-template-engines-part-2

Modern Type-Safe Template Engines (Part 2) - DZone

We wrap up this quick two-part series on modern template engines that introduce type-safety to the world of HTML by doing feature and performance comparisons.

dzone.com

https://smarterco.de/java-benchmark-thymeleaf-2.1.4-vs-thymeleaf-3.0-snapshot/

Java: Benchmark Thymeleaf 2.1.4 vs Thymeleaf 3.0 SNAPSHOT

Page of Kamil Wozniak, a freelance software architect / developer working in and around Hamburg, Germany.

smarterco.de

https://github.com/thymeleaf/thymeleaf

GitHub - thymeleaf/thymeleaf: Thymeleaf is a modern server-side Java template engine for both web and standalone environments.

Thymeleaf is a modern server-side Java template engine for both web and standalone environments. - GitHub - thymeleaf/thymeleaf: Thymeleaf is a modern server-side Java template engine for both web ...

github.com

JAVA 에서 FFMPEG를 통한 영상 정보 읽기 및 영상 인코딩(압축) 처리 도전기

알 수 없는 사용자 — Wed, 16 Aug 2023 21:02:46 +0900

FFMPEG 로고

이번에 내가 맡게 된 업무는 배너 이미지(소재) 만 등록 되던 기능에

운영중인 서비스 환경에 동영상 업로드 및 압축 기능을 추가하는거였다.

개발을 잘 모르는 사람들은 "아니 이미 파일 업로드 기능이 있는데? 그냥 기존에 업로드 하던 부분 조금만

손보면 되는거 아니야?" 이렇게 말을 할 수도 있지만

개발은 운영중인 서비스에 어떤 기능을 도입하는게

해당 기능을 새로 만드는 것보다 어렵다..

그러니 운영 중인 서비스에 어느 기능을 넣을 땐 최대한

많이 검토하는 습관을 길러야한다!!

제일 힘들었던건 ffmpeg가 국내에 정보가 많이 없는 것 같다.

그래서 따라하기 좋은 예제를 github 이슈에 모아놓았다..

github 링크는 아래 레퍼런스에 남김 :)

FFmpeg
FFmpeg는 오디오와 비디오를 다루기 위한 오픈 소스 멀티미디어 프레임워크 .

이 도구는 다양한 형식의 미디어 파일을 변환, 편집, 인코딩, 디코딩하는 데 사용되고 FFmpeg는 커맨드 라인 인터페이스를 제공하며, 다양한 옵션을 통해 다양한 작업을 수행할 수 있다

사용 예시 커맨드
1. 비디오 변환:

ffmpeg -i input.mp4 -c:v libx264 -c:a aac output.mp4

이 커맨드는 input.mp4` 파일을 H.264 비디오 코덱과 AAC 오디오 코덱을 사용하여 `output.mp4`로 변환하는 커맨드

2. 오디오 추출:

ffmpeg -i input.mp4 -vn output.mp3

이 커맨드는 input.mp4` 파일에서 오디오를 추출하여 `output.mp3` 파일로 저장하는 커맨드

3. 비디오 자르기:

ffmpeg -i input.mp4 -ss 00:00:10 -t 00:00:20 -c:v copy -c:a copy output.mp4

이 커맨드는 input.mp4` 파일에서 10초부터 30초까지의 구간을 자르아 `output.mp4`로 저장하는 커맨드

FFprobe
FFprobe는 FFmpeg 프로젝트의 일부로서, 미디어 파일의 정보를 분석하는 도구인데

이를 통해 오디오와 비디오 파일의 코덱, 해상도, 비트레이트 등의 정보를 확인할 수 있다!

사용 예시 커맨드

ffprobe input.mp4

이 커맨드는 `input.mp4` 파일에 대한 정보를 출력하는 커맨드 옵션으로는 json이나 xml 형식 문자열로 추출 가능

ffprobe -show_streams -select_streams v:0 -print_format json input.mp4

이 커맨드는 `input.mp4` 파일의 비디오 스트림에 대한 정보를 JSON 형식으로 출력합니다.

이 외에도 FFmpeg와 FFprobe에는 수많은 옵션과 기능이 있으며, 위의 예시는 일부에 불과하니 커맨드를 실행하기 전에 해당 도구의 공식문서를 꼭 참고하도록 해 그리고 위키도!

진행상황

dropzone.js를 커스터마이징 하여

동영상 업로드 및 썸네일 추출 이후 서버에 파일 및 데이터 처리 까지 완료

용량 5MB 초과 시 압축 로직

미디어 메타 인포 긁어오는 기능 추가 ( 해당 동영상에 비율로 업로드 가능 여부를 체크)

업무 중 이슈/고민 또는 해결내용

사실 이 업무를 하면서 여러 어려움을 겪었다.

1. 로컬(개발) 환경에서 이상 없던 코드가 운영 환경에 반영하니 ffmpeg ,ffprobe 권한이 없어

접근 거부 급하게 개발하다보니 권한도 신경안쓰다가 운영환경에서 로그보고 뒤늦게 깨달았다..

(이런 바보같은 실수를 한게 너무 창피하다 )

-> 리눅스 서버 war 구동 중인 계정에 권한 변경으로 해결

2. 미디어 메타 인포 읽어 map으로 변환하여 클라이언트에서 비교하는 로직

-> 아 이거 하면서 어질어질 했다 일단 추후에 나랑 비슷한걸 개발하게 되는 사람들에게 말해주면

미디어 인포를 읽을 때는 ffmpeg가 아니라 ffprobe를 사용하자 아래 예제 코드에

내가 적용한 코드를 첨부해놓았다 아래 코드에 ffprobe를 이용한 커맨드도 있음

2-1. 무해화 로직 거친 파일을 검증해야되었기 때문에 서버에 파일 보낼 때는 바이러스 검사 후 이상 없는 파일을 보내 temp 파일로 메타 인포만 읽고 삭제하였다.. (추후 용량 고려하여)

참고 레퍼런스

ffmpeg 공식 문서

https://www.ffmpeg.org/ffmpeg.html

ffmpeg Documentation

Table of Contents ffmpeg [global_options] {[input_file_options] -i input_url} ... {[output_file_options] output_url} ... ffmpeg is a universal media converter. It can read a wide variety of inputs - including live grabbing/recording devices - filter, and t

www.ffmpeg.org

https://github.com/DongJu-Na/sbwvss-mvc

ffmpeg 이용하면서 여러 기능 추가해본 git

GitHub - DongJu-Na/sbwvss-mvc: Spring Boot WebMvc Video Streaming Server

Spring Boot WebMvc Video Streaming Server. Contribute to DongJu-Na/sbwvss-mvc development by creating an account on GitHub.

github.com

https://github.com/DongJu-Na/sbwvss-mvc/issues/1

효과나 사용할만한 예제 모아놓은 이슈 리스트

ffmpeg effect sample · Issue #1 · DongJu-Na/sbwvss-mvc

https://medium.com/numatic-ventures/top-17-ffmpeg-commands-of-video-processing-64b587325d9e ffmpeg17가지 예제 커맨드

github.com

Example Code

미디어 인포 읽어오는 기능 (BackEnd)

	@PostMapping(value = "/getVideoMetaInfo" , produces = "application/json")
	@CheckAuth(value = true)
	public @ResponseBody Map<String,Object>  getVideoInfo(@RequestParam(value = "file" , required = true) MultipartFile file
	){
		Map<String,Object> result = new HashMap<String,Object>();
		try {
			File tempFile = File.createTempFile("temp", ".mp4");
			file.transferTo(tempFile);
			String tempPath = tempFile.getAbsolutePath().replaceAll("\\\\", "/");

			ProcessBuilder processBuilder = new ProcessBuilder(ffprobe ,"-v","error","-show_format" ,"-show_streams" , "-of" ,"json" ,tempPath);
			processBuilder.redirectErrorStream(true);
			Process process = processBuilder.start();

			InputStream inputStream = process.getInputStream();
			InputStreamReader inputStreamReader = new InputStreamReader(inputStream);
			BufferedReader bufferedReader = new BufferedReader(inputStreamReader);

			String line;
			StringBuilder jsonOutput = new StringBuilder();
			Map<String,Object> jsonMap = null;
			while ((line = bufferedReader.readLine()) != null) {
				jsonOutput.append(line);
			}

			int exitCode = process.waitFor();

			if(jsonOutput.length() > 0 && exitCode == 0){
				ObjectMapper om = new ObjectMapper();
				jsonMap = om.readValue(jsonOutput.toString(), new TypeReference<Map<String,Object>>() {});
			}

			result.put("metaData",jsonMap);
			result.put("resultCode",exitCode);
			tempFile.delete();

		} catch (Exception e) { //IOException | InterruptedException
			e.printStackTrace();
			result.put("metaData",null);
			result.put("resultCode",1);
		}
		return result;
	}

미디어 메타 인포 읽어오기 FrontEnd

function getVideoMetaInfo(_file){
    var _result = null;
    var saveData = new FormData();
        saveData.append("file", _file);

     $.ajax({
            async: false,
            crossDomain: true,
            url: '/item/getVideoMetaInfo',
            method: "POST",
            type: "POST",
            data: saveData,
            mimeType: "multipart/form-data",
            xhrFields: {
                withCredentials: false
            },
            dataType: "json",
            processData: false,
            contentType: false,
            success: function(data) {
                _result = data;
            },
            error: function (request, status, error) {
                console.error(status,error);
            },
            cache: false
    });

    return _result;
}

동영상 압축 코드 예제

ProcessBuilder processBuilder = new ProcessBuilder(
						ffmpeg,
						"-y",
						"-v",
						"error",
						"-i",
						filePath + uploadPath,
						"-strict",
						"experimental",
						"-f",
						"mp4",
						"-vcodec",
						"libx264",
						"-s",
						"720x480",
						"-r",
						"24/1",
						"-acodec",
						"aac",
						"-ac",
						"1",
						"-ar",
						"48000",
						"-b:a",
						"32768",
						"-sn",
						filePath + "/" + formatFileName
				);

				Process process = processBuilder.start();
				int exitCode = process.waitFor();

				if (exitCode == 0) {
					if (!"local".equals(profileActive)) {
						Runtime.getRuntime().exec("chmod -R 777 " + filePath + "/" + formatFileName);
					}

					File compressedFile = new File(filePath + "/" + formatFileName);
					long compressedFileSizeInBytes = compressedFile.length();

					if(compressedFileSizeInBytes > fiveMegaBytes){
						uploadPath = "formatErrer-01";
						return uploadPath;
					}

					uploadPath = uploadPath.replace(newFileName,formatFileName);
				}else{
					uploadPath = "formatErrer-01";
				}

크롤링(Crawling) vs 스크래핑(Scraping) - 도대체 차이점이 뭔데?

알 수 없는 사용자 — Sun, 13 Aug 2023 02:14:40 +0900

이미지 출처 :limeproxies

회사에서 누구는 크롤링이라 부르고... 나는 스크래핑이라하고...

흔히 스크래핑과 크롤링에 대해 혼동하는 이유는

아마도 업무적 유사성으로

모두 웹 데이터를 수집하는 과정으로, 비슷한 결과물을 얻는 부분과 기술적 유사성으로 크롤링을 수행하는 과정 중에 스크래핑이 발생하며, 스크래핑을 수행하려면 먼저 크롤링을 해야 할 때가 많기에 이런 기술적 유사성으로 인해 두 용어의 경계가 모호해진 것 같다

그러나 크롤링과 스크래핑은 다르다

어떻게 다른지 크롤링과 스크래핑에 대해 살펴보자

크롤링 웹 크롤러 스크래핑에 대한 정의는 다음과 같다

크롤링(Crawling)

크롤링은 웹 상의 다양한 웹 페이지를 자동으로 탐색하고, 이러한 웹 페이지들의 링크를 따라가며 데이터를 수집하는 프로세스를 말합니다. 크롤러 또는 스파이더라고 불리는 프로그램은 주로 검색 엔진이나 웹 사이트가 새로운 내용을 발견하고 인덱싱하는 데 사용됩니다. 크롤링은 대량의 데이터를 수집하는 데 주로 활용되며, 크롤러는 일정한 규칙에 따라 웹 페이지를 탐색하고 필요한 데이터를 수집합니다.

웹 크롤러(web crawler)는 조직적, 자동화된 방법으로 월드 와이드 웹을 탐색하는 컴퓨터 프로그램이다.

웹 크롤러가 하는 작업을 '웹 크롤링'(web crawling) 혹은 '스파이더링'(spidering)이라 부른다. 검색 엔진과 같은 여러 사이트에서는 데이터의 최신 상태 유지를 위해 웹 크롤링한다. 웹 크롤러는 대체로 방문한 사이트의 모든 페이지의 복사본을 생성하는 데 사용되며, 검색 엔진은 이렇게 생성된 페이지를 보다 빠른 검색을 위해 인덱싱한다. 또한 크롤러는 링크 체크나 HTML 코드 검증과 같은 웹 사이트의 자동 유지 관리 작업을 위해 사용되기도 하며, 자동 이메일 수집과 같은 웹 페이지의 특정 형태의 정보를 수집하는 데도 사용된다.

웹 크롤러는 봇이나 소프트웨어 에이전트의 한 형태이다. 웹 크롤러는 대개 시드(seeds)라고 불리는 URL 리스트에서부터 시작하는데, 페이지의 모든 하이퍼링크를 인식하여 URL 리스트를 갱신한다. 갱신된 URL 리스트는 재귀적으로 다시 방문한다.

웹 크롤러 구조

웹 크롤러 사전 정의 출처 위키피디아

스크래핑(Scraping)

스크래핑은 웹 페이지에서 필요한 정보를 추출하거나 수집하는 과정을 말합니다. 스크래핑은 크롤링으로 수집된 웹 페이지 내에서 원하는 데이터를 정확하게 추출하는 작업을 의미합니다. 스크래핑은 웹 페이지의 HTML 코드나 XML과 같은 구조화된 데이터를 파싱하고 분석하여 필요한 정보를 추출합니다. 이러한 추출 작업은 주로 웹 사이트의 구조나 레이아웃의 변화에 영향을 받을 수 있습니다.

대충 어떤건지 알았으니

조금 더 기억에 오래 남도록

표로 정리해보자면 ...

구분	크롤링 (Crawling)	스크래핑 (Scraping)
정의	웹을 자동으로 탐색하여 링크를 따라가며 데이터를 수집하는 과정	수집한 웹 페이지 내에서 필요한 정보를 추출하는 과정
목적	새로운 정보를 발견하고 인덱싱하기 위함	원하는 정보를 정제하고 활용하기 위함
주체	크롤러(Crawler) 또는 스파이더(Spider)	스크래퍼(Scraper)
데이터 범위	여러 웹 페이지 및 사이트	특정 웹 페이지 또는 데이터 집합
작업 흐름	다양한 웹 페이지를 자동 탐색하여 데이터 수집	크롤링으로 수집한 웹 페이지에서 정보 추출
활용 예시	검색 엔진 인덱싱, 데이터 수집 및 분석 등	온라인 상품 가격 비교, 기사 분석 등
기술적 요소	웹 페이지의 링크 추적, 자동화 작업 등	HTML 파싱, CSS 선택자 활용, 정규 표현식 등
주의 사항	서버 부하, 로봇 배제 표준(Robots.txt) 준수	웹 사이트의 이용 약관을 준수하여 법적 문제 회피

참고 레퍼런스

https://blog.hectodata.co.kr/crawling_vs_scraping/

비개발자가 쉽게 설명하는 웹 크롤링(Crawling)과 웹 스크래핑(Scraping)의 차이점

여러 플랫폼들은 ‘웹 크롤링(Web Crawling)’과 ‘웹 스크래핑(Scrapint)’ 기술을 활용하여 인터넷의 수많은 데이터 속에서 고객이 원하는 정보만을 골라 보여줍니다. 비슷한듯 다른 크롤링과 스크

blog.hectodata.co.kr

https://ko.wikipedia.org/wiki/%EC%9B%B9_%ED%81%AC%EB%A1%A4%EB%9F%AC

웹 크롤러 - 위키백과, 우리 모두의 백과사전

위키백과, 우리 모두의 백과사전. 검색 엔진에 대해서는 웹크롤러 문서를 참고하십시오. 웹 크롤러의 구조. 웹 크롤러(web crawler)는 조직적, 자동화된 방법으로 월드 와이드 웹을 탐색하는 컴퓨터

ko.wikipedia.org

https://realpython.com/beautiful-soup-web-scraper-python/

Beautiful Soup: Build a Web Scraper With Python – Real Python

In this tutorial, you'll walk through the main steps of the web scraping process. You'll learn how to write a script that uses Python's requests library to scrape data from a website. You'll also use Beautiful Soup to extract the specific pieces of informa

realpython.com

http://wiki.hash.kr/index.php/%EC%8A%A4%ED%81%AC%EB%9E%98%ED%95%91

스크래핑 - 해시넷

스크래핑(Scraping)은 웹사이트(Web-Site)의 특정 페이지에서 정보를 자동으로 추출하는 기술이다. 이는 스크레이핑라고도 한다. 또 다른 스크래핑의 개념은 건축용어로 바닥이나 벽의 콘크리트면에

wiki.hash.kr

https://networkinterview.com/data-crawling-vs-data-scraping/

글을 읽어주셔서 감사합니다.

잘못된 내용이 있으면 댓글 부탁 드려요.

타임리프(Thymeleaf) 사용 방법 및 문법 정리

알 수 없는 사용자 — Tue, 8 Aug 2023 01:46:20 +0900

들어가기 전

지금 있는 회사는 view 템플릿 엔진으로 thymeleaf 를 사용하고 있기에 간단하게 정리하여 글을 남긴다.

"아니 나는 백엔드 개발자인데 ?" "이거 몰라도 되는 거 아니야?" ‍♂️

그런 안일한 생각은 하지 말자 물론 회사가 어느 정도 규모냐에 따라 체계적으로 맡은 언어가 명확하게 구분 지어

질 수도 있지만 열에 일곱은아닐 것이다

이건 내 개인적인 생각이지만 리액트(react.js)나 뷰(vue.js)도 프론트 개발자 또는 퍼블리셔와 원활한 커뮤니케이션을 위해

사이드 프로젝트로 해보는 것을 권장한다. (전에 스타트업에 잠깐 있었을 때 많은 도움이 되었다 특히 퍼블리셔와 소통하는 부분에서 나는 백엔드 개발자지만 당시 스타트업에 프론트 개발자가 채용 되지 않아 내가 리액트 즉 프론트를 담당하며 백엔드 보조까지 하며 개발2팀 팀장을 하였다 .. 아마 일부 스타트업에서 이와 같은 일들이 빈번하게 일어날 텐데 무슨 말로도 위로가 안되겠지만 힘내라고 말해주고 싶다. 열심히 하다보면 알아주는 사람이 있기 마련이다. 이와 같이 말해줄 수 있는 이유는 당시 스타트업 대표가 입사 2개월만에 새 계약서를 제안 했었다. ~~근데 난 퇴사를 하였다~~ 보다 개발에 욕심이 났기 때문이지 별 다른 이유는 없었다.)

그리고 이 글 카테고리를 백엔드에 두는 이유는 타임리프는 사실 프론트 개발자가 다룰 일은 거의 없기도 하고

웹 애플리케이션의 백엔드에서 서버 측의 데이터를 가져와서 동적으로 HTML을 생성하는 데 사용되며 백엔드 프레임워크(예: 스프링 프레임워크)와 같이 사용되어 웹 페이지의 내용을 동적으로 생성하거나 뷰 템플릿을 구성하는 데 주로 활용 되므로 여기 카테고리에 두었다.

그리고 이 글은 타임리프를 사용하면서

내가 필요할 것 같은 것만 공부하여 축약 후 정리한 글이라

꼭 공식문서를 볼 것을 권장한다!!!!!!!!!!

각설하고 이제 타임리프에 대해 알아보자

타임리프란?

Thymeleaf는 HTML, XML, JavaScript, CSS 및 일반 텍스트를 처리할 수 있는 웹 및 독립 실행형 환경 모두를 위한 최신 서버 측 Java 템플릿 엔진입니다.

Thymeleaf의 주요 목표는 우아하고 유지 관리가 쉬운 템플릿 생성 방법을 제공하는 것입니다. 이를 달성하기 위해 템플릿이 디자인 프로토타입으로 사용되는 데 영향을 미치지 않는 방식으로 템플릿 파일에 논리를 주입하는 Natural Templates 의 개념을 기반으로 합니다 . 이를 통해 디자인 커뮤니케이션이 향상되고 디자인 팀과 개발 팀 간의 격차가 해소됩니다.

Thymeleaf는 또한 처음부터 웹 표준, 특히 HTML5를 염두에 두고 설계되었기 때문에 필요한 경우 완전히 검증하는 템플릿을 만들 수 있습니다.

출처 : 타임리프 공식 문서(레퍼런스에 공식문서 URL 참고 )

문법 정리

간단한 표현
변수 표현식	${...}	변수 값 또는 객체 속성의 값을 출력
선택 변수 표현식	*{...}	폼 데이터 바인딩을 위해 사용
링크 URL 표현식	@{...}	링크 URL 생성
조각 표현식	~{...}	조각(템플릿 조각)의 내용을 포함하는 곳에 사용

리터럴
텍스트	'one text'	문자열 리터럴
숫자	0,34,3.0,12.3	정수 또는 부동 소수점 숫자
불린	true,false	논리 값
널	null	널 값
리터럴 토큰	one,sometext,main...	미리 정의된 값

문자 연산
문자 합치기	+	문자열 연결
리터럴 대체	\|	\|The name is ${name}\|

산술 연산
Binary operators	+, -, *, /, %	더하기, 빼기, 곱하기, 나누기, 나머지 연산
Minus sign (unary operatior)	-	단항 마이너스 연산

불린 연산
Binary operators	and, or	논리 AND, OR 연산
Boolean negation	!, not	논리 NOT 연산

비교와 동등
비교	>, <, >=, <=	크기 비교 연산
동등 연산	==, !=	동등 비교 연산

조건 연산
If-then	(if) ? (then)	조건이 참이면 결과값 출력, 그렇지 않으면 무시
If-then-else	(if) ? (then) : (else)	조건에 따라 두 가지 결과 중 하나 출력
Default	(value) ?: (defaultvalue)	값이 있으면 출력, 없으면 기본값 출력

특별한 토큰
No-Operation	_	아무것도 하지 않음

표현식 인라인

서버에서 Model 에 담은 값을 타임리프에서는 아래와 같이 표현 할 수 있다.

1.[[...]]

<p>Hello, [[${name}]]!</p>

2. th:text

<p>Hello, <span th:text="${name}">하얀단화</span>!</p>

만일 * HTML 엔티티를 제외 하려면

[(...)] 또는 th:utext 를 사용하면 된다. 사용 방법은 아래와 같다.

* HTML 엔티티 : HTML에서 특정 캐릭터들이 예약되어있기 때문에 표기의 혼란을 막기 위해서 사용하는 것 ex) < 또는 >

1.[(...)]

<p>Hello, [(${name})]!</p>

2.th:utext

<p>Hello, <span th:utext="${name}">하얀단화</span>!</p>

+@ 자주 사용 되는 태그

th:block

<html lagn="ko" 
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<body>
  	//전체 레이아웃
	<th:block th:fragment="headerFg">
 	</th:block>
</body>  
  
</html>

block은 타임리프 표현을 어느 곳에서든 사용할 수 있도록 하는 구문
해당 기능은 동적인 처리가 필요할 때 사용되며 주로 layout기능이나 조건부 렌더링 시 사용

th:fragment

<body>

<header th:fragment="headerFg">
  <p>개발자는 어디까지 공부해야할까?</p>
</header>

</body>

웹페이지에 메뉴 탭이나 네비게이션바와 같이 공통으로 반복되는 영역이 존재한다. 이 공통의 역영들을 매 페이지마다 HTML코드를 반복해서 쓰면 굉장히 지저분 해지는데 fragment가 바로 공통 영역을 정의하여 코드를 정리해준다.
특히, header와 footer에 삽입하여 조각화 한다. 이렇게 만들어진 조각을 삽입하고자 하는 대상 HTML 파일에서 th:replace"[파일경로 :: 조각 이름]"을 통해 삽입한다.

th:if="${}", th:unless="${}"

<span th:if="${temp} == 바보"></span> 
<span th:unless="${temp} == 바보"></span>

if 와 else로 이해하면 된다. 조건이 성립하지 않으면 렌더링 되지 않는다

th:switch, th:case

<th:block th:switch="${userAuth}"> 
  <span th:case="1">관리자</span> 
  <span th:case="2">사용자</span> 
</th:block>

switch case 문과 동일하고 마찬가지로 조건이 성립하지 않으면 렌더링 되지 않는다.

이 외 내용들은 아래 레퍼런스를 보면 타임리프를 사용하는 데 있어서 큰 어려움 없을 것이라고 생각된다.

진행상황

서버에서 받아온 데이터를 통해 동적 HTML 처리 완료

데이터 처리를 위한 구문 숙지

업무 중 이슈/고민 또는 해결 내용

타임리프를 사용하는 데 있어서 큰 고민이나 큰 어려움은 없었던 것 같다.

참고 레퍼런스

https://www.thymeleaf.org/documentation.html

Documentation - Thymeleaf

Articles Quick glimpses into what Thymeleaf can bring to your project. Introductions With Spring Comparisons

www.thymeleaf.org

https://catsbi.oopy.io/32a9458e-f452-4733-b87c-caba75f98e2d

공식 문서 영어라 보기 힘들다면 여기를 추천한다. 타임리프 뿐만 아니라 개발 관련 글이 다양하게 잘 정리되어 있음

(출처 : catsbi 님)

1. 타임리프 - 기본 기능

catsbi.oopy.io

글을 읽어주셔서 감사합니다.

잘못된 내용이 있으면 댓글 부탁 드려요.

[Java] 스트림(Stream) API 사용 방법 / 외부반복 내부반복 차이점

알 수 없는 사용자 — Sat, 5 Aug 2023 03:29:31 +0900

Java 개발자라면 한번쯤 Stream API 에 대해서 들어보게 될 텐데

회사 *코드 컨벤션에 따라 익숙한 개발자들도 있을 것이고

사용을 아예 안하는 개발자도 많을 것 같은데

나도 자바에선 자주 사용하지 않아 손에 익진 않았는데

사용하면서 퍼포먼스 측면에서도 나아지고 코드도 훨씬 간결해진듯...

* 코드 컨벤션 (Code Convention) : 읽고 관리하기 쉬운 코드를 작성하기 위한 일종의 코딩 스타일 규약(하나의 작성 표준)

스트림이 무엇인지

간단하게 특징과 사용 방법을 블로그에 정리해보려고 해

스트림 API는 자바 8부터 추가된 기능이야. 이걸 쓰면 컬렉션 처리가 훨씬 쉬워지고 성능도 높아져. 반복문을 직접 안 써도 되니까 코드도 간결해지고 가독성도 좋아져.

스트림은 데이터 처리를 파이프라인으로 생각하면 돼. 중간 연산과 최종 연산으로 구성돼 있는데, 중간 연산은 데이터를 필터링하거나 변환하는 작업을 하고, 최종 연산은 처리 결과를 얻어내는 작업을 하는 거야.

스트림 API를 사용하면 코드가 짧아지고 병렬 처리도 자동으로 지원되어 멀티코어 CPU를 효율적으로 활용할 수 있어.

그래서 데이터 처리를 빠르고 간편하게 할 수 있고 성능도 좋아지는거지.

간단한 예시를 보여줄게.

import java.util.Arrays;
import java.util.List;

public class StreamApiExample {
    public static void main(String[] args) {
        List<String> names = Arrays.asList("Alice", "Bob", "Charlie", "David", "Emma");

        // 이름이 4글자 이상인 요소만 필터링하여 새로운 리스트 생성
        List<String> longNames = names.stream()
                .filter(name -> name.length() >= 4)
                .toList();

        System.out.println("4글자 이상인 이름들: " + longNames);

        // 각 이름을 대문자로 변환하여 새로운 리스트 생성
        List<String> upperCaseNames = names.stream()
                .map(String::toUpperCase)
                .toList();

        System.out.println("대문자로 변환된 이름들: " + upperCaseNames);

        // 모든 이름을 하나의 문자열로 합치기
        String allNames = names.stream()
                .reduce((name1, name2) -> name1 + ", " + name2)
                .orElse("");

        System.out.println("모든 이름: " + allNames);
    }
}

이렇게 스트림 API를 사용하면 데이터 처리가 편리해지고 성능까지 개선될 수 있어.

글 가장 하단 참고 영역에 오라클 Document 링크도 남겨놓았으니

어떤 메소드들이 있는지 보는것도 도움이 많이 될거야! 나도 잘 몰라서 즐겨찾기 해놓고 봐야되고..

내부반복과 외부반복

1. 내부반복 (Internal Iteration):

내부반복은 Stream API가 컬렉션의 요소를 내부적으로 처리하는 방식으로, 개발자는 요소 반복을 명시적으로 작성하지 않아. 이를 통해 개발자는 데이터 처리에 집중할 수 있지

장점:
- 간결하고 가독성이 높은 코드 작성이 가능
- 병렬 처리를 자동으로 지원하므로 멀티코어 CPU에서 병렬 실행 활용

단점:
- 커스텀 반복 로직을 작성하기 어렵거나 제약이 있음
- 간혹 복잡한 연산에서는 성능이 약간 저하

List<Integer> numbers = Arrays.asList(1, 2, 3, 4, 5);

// 내부반복으로 짝수인 숫자들을 필터링하여 총합 구하기
int sumOfEvenNumbers = numbers.stream()
        .filter(number -> number % 2 == 0)
        .mapToInt(Integer::intValue)
        .sum();

System.out.println("짝수의 합: " + sumOfEvenNumbers);

2. 외부반복 (External Iteration):

외부반복은 기존의 반복문을 사용하여 개발자가 직접 컬렉션의 요소를 반복하는 방식이야.

개발자가 반복 로직을 명시적으로 작성해야해.

장점:
- 커스텀 반복 로직을 자유롭게 작성할 수 있음
- 코드의 동작을 직접 제어하고 디버깅하기 쉬움

단점:
- 코드가 비교적 길고 복잡해질 수 있음
- 병렬 처리를 구현하기 어려우며, 멀티코어 CPU의 성능을 최대한 활용하기 어려움

예시:

List<Integer> numbers = Arrays.asList(1, 2, 3, 4, 5);

// 외부반복으로 짝수인 숫자들을 필터링하여 총합 구하기
int sumOfEvenNumbers = 0;
for (Integer number : numbers) {
    if (number % 2 == 0) {
        sumOfEvenNumbers += number;
    }
}

System.out.println("짝수의 합: " + sumOfEvenNumbers);

결론적으로, 내부반복은 간결하고 성능 개선을 기대할 수 있고 ,

반면 외부반복은 커스텀 로직 작성이 자유롭고 직관적인 디버깅이 가능해

선택은 개발 상황과 선호에 따라 달라질 수 있고,

Stream API를 잘 활용하면 더 간결하고 효율적인 코드를 작성할 수 있을거야

잘 활용하면!!!

참고 레퍼런스

https://docs.oracle.com/javase/8/docs/api/java/util/stream/package-summary.html

java.util.stream (Java Platform SE 8 )

Interface Summary Interface Description BaseStream > Base interface for streams, which are sequences of elements supporting sequential and parallel aggregate operations. Collector A mutable reduction operation that accumulates input elements into a mutab

docs.oracle.com

https://www.baeldung.com/java-8-streams-introduction

The Baeldung

Introduction to Java 8 Streams

www.baeldung.com

dropzone.js 를 이용하여 동영상 업로드 미리보기 및 썸네일 기능 구현기

알 수 없는 사용자 — Wed, 2 Aug 2023 23:45:16 +0900

이번에 내가 맡게 된 업무는 dropzone.js 를 이용하여 동영상 업로드와 미리보기 및 썸네일 기능을 만드는 것이였다.

요즘들어 부쩍 스크립트 만질 일이 많아졌는데

BE 코드를 다루지 못하고 있어서 아쉬움이 많다...

업무 진행 당시 dropzone.js version : 5.5.0

진행상황

동영상 업로드 , 동영상 특정 구간 썸네일 추출 , 미리보기 기능 구현 완료!

이슈 & 고민 및 해결

배너배리에이션 기능을 만들었던 이미지 등록하는 화면에서

당시에는 발견하지 못했던 버그들도 발견하면서 수정하고 dropzone.js 오픈 소스 라이브러리 코어 스크립트를 조금

수정하였다.

이 업무를 진행하면서 이슈나 고민 거리는 없었던 것 같다

[지난 배너 배레이이션 작업 이후 체크 못한 결함 사항 수정 리스트 ]

1. 250*250 소재 업로드 후 250*250 소재 다시 업로드 하면 중복 로직에 막힘
   이후 250*250 소재 삭제 하고 다시 업로드 하기 전까지 이미지 자동생성 안되는 문제
   -> 자동생성 유효성 로직 수정 ( 사용 할 수 있는 객체 값을 다시 찾아 할당하는 방식으로 수정)
2. 미리보기 표출 좌표 계산식 수정 ( 표출하는 영역 높이에 따라 미리보기 이미지들이 잘려서 안보일 수 있으므로 계산식을 통해 표출하는 위치를 조정)
  -> 페이지 레이아웃이 변경 되어 잘못 계산 되는 수식 수정
  as-is  preveiw element y 좌표 + preveiw 높이 > 상위 element 높이
  to-be preview 높이 + preview 바닥 좌표 +  이미지 높이 + 이미지 바닥 좌표  > 상위 element 높이

3. 기존 홀로그램 배너 수정 시 데이터 값 표출 누락 수정

[dropzone core script 동영상 업로드 가능하도록 커스터마이징]
*** el로 유효성 모두 판단 ***
1. addedfile 이벤트 중 영상 파일 이름으로 업로드 할 동영상 규격 맞는지 여부 판단
1-1. el 생성 및 이벤트
2. dropzone.js videoUploadSucess, videoUploadFail 이벤트 리스너 추가 ( 동영상 업로드 이후 무해화 로직 , 실패 시 화면에 처리할 로직 추가 )
3. 썸네일 추출 ( 영상 특정 구간 캔버스로 변환 후 사진 추출 ) - 지난 업무 중 배너 배리에이션 기능을 만들면서

캔버스에 조금 익숙해져서 바로 생각나서 기능을 만들었던 것 같다, (캔버스 API 도전기)

참고 레퍼런스

https://www.dropzone.dev/

Dropzone.js

Dropzone.js is an open source library that provides beautiful and easy to use drag'n'drop file uploads with image previews.

www.dropzone.dev

https://github.com/dropzone/dropzone

GitHub - dropzone/dropzone: Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress b

Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars. - GitHub - dropzone/dropzone: Dropzone is an easy to use drag'n'drop library...

github.com

https://developer.mozilla.org/ko/docs/Web/JavaScript

JavaScript | MDN

JavaScript (JS)는 가벼운, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만, Node.js, Apache CouchDB, Adobe Acrobat처럼

developer.mozilla.org

TO DO List

1. 단위테스트

2. 코드 리팩토링 (불필요 코드 제거 개발 중 디버깅 콘솔 로그 제거,변수명 정리)(FE,BE)

Example Code

dropzone.js core 파일 추가 이벤트에 파일 타입이 영상 일 때 처리

내부 이벤트 리스너에 "videoUploadSucess","videoUploadFail" 이벤트 추가

this.prototype.events = ["drop", "dragstart", "dragend", "dragenter", "dragover", "dragleave", "addedfile", "addedfiles", "removedfile", "thumbnail", "error", "errormultiple", "processing", "processingmultiple", "uploadprogress", "totaluploadprogress", "sending", "sendingmultiple", "success", "successmultiple", "canceled", "canceledmultiple", "complete", "completemultiple", "reset", "maxfilesexceeded", "maxfilesreached", "queuecomplete","videoUploadSucess","videoUploadFail"];
....
....
....
addedfile: function addedfile(file) {
                    console.log("process core");
                    var _this2 = this;

                    if (this.element === this.previewsContainer) {
                        this.element.classList.add("dz-started");
                    }

                    if (this.previewsContainer) {
                        file.previewElement = Dropzone.createElement(this.options.previewTemplate.trim());
                        file.previewTemplate = file.previewElement; // Backwards compatibility
                        if (this.options.previewArea === null) {
                            if (file.type === "video/mp4"){
                                var _obj = {"title" : "" , "code" : "" ,"titleEng" : "" , "imageSize" : ""};
                                var vidUrl = window.URL.createObjectURL(file);

                               if(file.name === "width.mp4"){
                                    _obj["title"] = "가로형";
                                    _obj["code"] = "96";
                                    _obj["titleEng"] = "width";
                                    _obj["imageSize"] = "VIDEO_WIDTH";
                                }else if(file.name === "length.mp4"){
                                    _obj["title"] = "세로형";
                                    _obj["code"] = "97";
                                    _obj["titleEng"] = "length";
                                    _obj["imageSize"] = "VIDEO_HEIGHT";
                                }else if(file.name === "square.mp4"){
                                    _obj["title"] = "사각형";
                                    _obj["code"] = "98";
                                    _obj["titleEng"] = "square";
                                    _obj["imageSize"] = "VIDEO_SQUARE";
                                }

                                if($(`#div_${_obj["titleEng"]}`).length > 0){
                                    return this.emit("videoUploadFail", file , "동일파일 이슈");
                                    return false;
                                }else if(file.size > 5242880){
                                    return this.emit("videoUploadFail", file , "용량 이슈");
                                    return false;
                                }

                                var _div = document.createElement('div');
                                    _div.className = "imgItem";
                                    _div.id = `div_${_obj["titleEng"]}`;
                                    _div.dataset.title = _obj["title"];
                                    _div.dataset.code = _obj["code"];
                                    _div.dataset.titleEng = _obj["titleEng"];
                                    _div.dataset.imageSize = _obj["imageSize"];

                                    _div.innerHTML = `<button type="button" class="ico-close-gray" onclick="deleteVideoItem(this)" ></button>
                                                      	<div class="videoBox">
                                                      		<video autoplay="" controls="" loop="" muted="" width="181px" height="120px">
                                                      			<source src=${vidUrl}>
                                                      		</video>
                                                      	</div>
                                                      	<div class="textBox">
                                                      		<em>[PC/M]</em>
                                                      		<p>${_obj["title"]}</p>
                                                      		<button type="button" class="btn-ss btn-gray-line" onclick="previewVideoItem(this)">미리보기</button>
                                                      	</div>`;

                                if(file.name !== "width.mp4" && file.name !== "length.mp4" && file.name !== "square.mp4"){
                                    return this.emit("videoUploadFail", file , "파일명 이슈");
                                    return false;
                                }

                                document.getElementById("mobonVideoUpload").appendChild(_div);
                                file.previewElement = _div;
                                return this.emit("videoUploadSucess", file);
                            }else{
                                document.getElementById("mobonImageUpload").appendChild(file.previewElement);
                            }
                        } else {
                            this.options.previewArea.appendChild(file.previewElement);
                        }
                        for (var _iterator3 = file.previewElement.querySelectorAll("[data-dz-name]"), _isArray3 = true, _i3 = 0, _iterator3 = _isArray3 ? _iterator3 : _iterator3[Symbol.iterator]();;) {
                            var _ref3;

                            if (_isArray3) {
                                if (_i3 >= _iterator3.length) break;
                                _ref3 = _iterator3[_i3++];
                            } else {
                                _i3 = _iterator3.next();
                                if (_i3.done) break;
                                _ref3 = _i3.value;
                            }

                            var node = _ref3;

                            node.textContent = file.name;
                        }
                        for (var _iterator4 = file.previewElement.querySelectorAll("[data-dz-size]"), _isArray4 = true, _i4 = 0, _iterator4 = _isArray4 ? _iterator4 : _iterator4[Symbol.iterator]();;) {
                            if (_isArray4) {
                                if (_i4 >= _iterator4.length) break;
                                node = _iterator4[_i4++];
                            } else {
                                _i4 = _iterator4.next();
                                if (_i4.done) break;
                                node = _i4.value;
                            }

                            node.innerHTML = this.filesize(file.size);
                        }

                        if (this.options.addRemoveLinks) {
                            //file._removeLink = Dropzone.createElement("<a class=\"dz-remove\" href=\"javascript:undefined;\" data-dz-remove>" + this.options.dictRemoveFile + "</a>");
							file._removeLink = Dropzone.createElement("<a class=\"dz-remove btn-del\" href=\"javascript:undefined;\" class=\"btn-del\" data-dz-remove>삭제</a>");
                            file.previewElement.appendChild(file._removeLink);
                        }

                        var removeFileEvent = function removeFileEvent(e) {
                            e.preventDefault();
                            e.stopPropagation();
                            if (file.status === Dropzone.UPLOADING) {
                                return Dropzone.confirm(_this2.options.dictCancelUploadConfirmation, function () {
                                    return _this2.removeFile(file);
                                });
                            } else {
                                if (_this2.options.dictRemoveFileConfirmation) {
                                    return Dropzone.confirm(_this2.options.dictRemoveFileConfirmation, function () {
                                        return _this2.removeFile(file);
                                    });
                                } else {
                                    return _this2.removeFile(file);
                                }
                            }
                        };

                        for (var _iterator5 = file.previewElement.querySelectorAll("[data-dz-remove]"), _isArray5 = true, _i5 = 0, _iterator5 = _isArray5 ? _iterator5 : _iterator5[Symbol.iterator]();;) {
                            var _ref4;

                            if (_isArray5) {
                                if (_i5 >= _iterator5.length) break;
                                _ref4 = _iterator5[_i5++];
                            } else {
                                _i5 = _iterator5.next();
                                if (_i5.done) break;
                                _ref4 = _i5.value;
                            }

                            var removeLink = _ref4;

                            removeLink.addEventListener("click", removeFileEvent);
                        }
                    }
                }
...
...
...
videoUploadSucess: function videoUploadSucess(file){},
videoUploadFail: function videoUploadFail(file,errMsg){},

...
...
...
function deleteVideoItem(element) {
    element.parentElement.remove();
}

function previewVideoItem(element){
 var videoSrc = $(element).parent().siblings('.videoBox').find("video > source").attr('src');
 $(element).parent().parent().append("<div class='videoWrap'><video class='model-vid' autoplay controls loop muted width='100%' height='100%'><source src='" + videoSrc + "' type='video/mp4'></source></video></div>");
}

동영상 썸네일

클라이언트 단에서 동영상 썸네일 추출해야 했기에

캔버스 API를 이용해 동영상 특정 구간을 캔버스에 그린 후 base64 로 인코딩하여 작업하였다.

         this.on("videoUploadFail", function (file,errMsg) {
                    console.debug("videoUploadFail", file);
                    alert("업로드 파일을 다시 한 번 확인해 주세요. \n가로형 : width.mp4\n세로형 : length.mp4\n사각형 : square.mp4");

                    var video = document.createElement("video");
                        video.style.width = "80px";
                        video.style.height = "80px";

                    var source = document.createElement("source");
                        source.src = window.URL.createObjectURL(file);

                    video.appendChild(source);

                    var thumbnailCanvas = document.createElement("canvas");
                        thumbnailCanvas.width = 180;
                        thumbnailCanvas.height = 180;

                    var ctx = thumbnailCanvas.getContext("2d");

                    // 'loadedmetadata' 이벤트를 등록하고, 이벤트가 한 번만 실행되도록 함
                    video.addEventListener("loadedmetadata", function () {
                        video.currentTime = 1; // 원하는 시간(초)으로 이동
                    }, { once: true });

                    video.addEventListener("seeked", function () {
                        ctx.drawImage(video, 0, 0, thumbnailCanvas.width, thumbnailCanvas.height);
                        var thumbnailURL = thumbnailCanvas.toDataURL();

                        var failEl = document.createElement("div");
                        failEl.className = "imgItem noimg";
                        //<button type="button" class="ico-none ico-close-gray"></button>
                        failEl.innerHTML = `<img src="${thumbnailURL}" width="180px" height="180px">
                                                <div class="textBox">
                                                    <p style="overflow-x: hidden;">${file.name}</p>
                                                </div>
                                                <div class="errorLabel error_type01">
                                                    <i></i><span>${errMsg}</span>
                                                </div>
                                            `;
                        document.getElementById("videoFailContainer").innerHTML="";
                        document.getElementById("videoFailContainer").appendChild(failEl);
                        myDropzone.removeFile(file);
                    }, { once: true });
                    video.load();
                });

난독화 된 자바 스크립트 분석하기

알 수 없는 사용자 — Fri, 28 Jul 2023 11:22:01 +0900

이번에 내가 맡게 된 업무는 난독화 된 스크립트를 분석하여

특정 행위를 하는 지 확인해보는 업무다.

다른 사람이 작성 한 코드를 보고 이해하는 건 역시 어려운 일이지만

이해를 하고 다음에 내가 적용할 일이 있으면 그것만큼 값진 경험도 없다고 생각한다.

이 일을 맡게 된 건 경쟁사 스크립트가

어뷰징 행위를 한다고 판단 하여 분석하게 되었다.

역시나 그 행위를 하고 있는게 맞았다...

진행상황

스크립트가 특정 행위를 한다고 예상.

1.기능 예상 시나리오

2.스크립트 분석 (변수 및 함수 , 전역 변수 용도파악)

2-1. 특정 조건 파악

2-2. 데이터 통신 간 요청 데이터 확인 , 응답 데이터 확인

3.디버깅

이슈 & 고민 및 해결

해당 코드를 분석하면서 어려움을 겪던건

난독화 된 코드이기도 했지만

변수에 값 대입할 때 조건을 걸어 놓았기에

코드를 그냥 읽고 지나친다면 이게 값을 대입하는 부분인지 조건인지 헷갈리 수가 있다는 것이다

예를 들어

// 변수 값 대입
var dj = "안녕하세요";

var life,p;

life = {};
p = "hello Wolrd";

!life.user_id && p && (life.user_id = p);

life 객체에 키 user_id 값이 undefined 와 nulll 이 아니면 p 값을 대입하는거다.

일반적으로 대입연산자를 사용하여 값을 바로 대입하는게 아니라 조건을 주어 해당 값이 조건에 만족해야만 값을

대입시켜놓았다 앞으로 스크립트를 작성할 때 여러 if문을 작성하는게 아니라 이렇게 값을 대입하는 형식

나도 자주 사용하게 될 것 같다.

참고 레퍼런스

http://jsbeautifier.org/

Online JavaScript beautifier

Beautify JavaScript, JSON, React.js, HTML, CSS, SCSS, and SASS

beautifier.io

http://dean.edwards.name/unpacker/

/unpacker/

dean.edwards.name

TO DO List

1. 변수에 임의 값 대입

2. 디버깅

3. 해당 행위 동작하는지 확인

Example Code

회사 자산을 함부로 공개 할 수 없어

다양한 난독화 코드 종류 소개로 대체하겠다

1. 이모티콘 난독화(https://utf-8.jp/public/aaencode.html)

alert("Hello, dj")

ﾟωﾟﾉ= /｀ｍ´）ﾉ ~┻━┻   //*´∇｀*/ ['_']; o=(ﾟｰﾟ)  =_=3; c=(ﾟΘﾟ) =(ﾟｰﾟ)-(ﾟｰﾟ); (ﾟДﾟ) =(ﾟΘﾟ)= (o^_^o)/ (o^_^o);(ﾟДﾟ)={ﾟΘﾟ: '_' ,ﾟωﾟﾉ : ((ﾟωﾟﾉ==3) +'_') [ﾟΘﾟ] ,ﾟｰﾟﾉ :(ﾟωﾟﾉ+ '_')[o^_^o -(ﾟΘﾟ)] ,ﾟДﾟﾉ:((ﾟｰﾟ==3) +'_')[ﾟｰﾟ] }; (ﾟДﾟ) [ﾟΘﾟ] =((ﾟωﾟﾉ==3) +'_') [c^_^o];(ﾟДﾟ) ['c'] = ((ﾟДﾟ)+'_') [ (ﾟｰﾟ)+(ﾟｰﾟ)-(ﾟΘﾟ) ];(ﾟДﾟ) ['o'] = ((ﾟДﾟ)+'_') [ﾟΘﾟ];(ﾟoﾟ)=(ﾟДﾟ) ['c']+(ﾟДﾟ) ['o']+(ﾟωﾟﾉ +'_')[ﾟΘﾟ]+ ((ﾟωﾟﾉ==3) +'_') [ﾟｰﾟ] + ((ﾟДﾟ) +'_') [(ﾟｰﾟ)+(ﾟｰﾟ)]+ ((ﾟｰﾟ==3) +'_') [ﾟΘﾟ]+((ﾟｰﾟ==3) +'_') [(ﾟｰﾟ) - (ﾟΘﾟ)]+(ﾟДﾟ) ['c']+((ﾟДﾟ)+'_') [(ﾟｰﾟ)+(ﾟｰﾟ)]+ (ﾟДﾟ) ['o']+((ﾟｰﾟ==3) +'_') [ﾟΘﾟ];(ﾟДﾟ) ['_'] =(o^_^o) [ﾟoﾟ] [ﾟoﾟ];(ﾟεﾟ)=((ﾟｰﾟ==3) +'_') [ﾟΘﾟ]+ (ﾟДﾟ) .ﾟДﾟﾉ+((ﾟДﾟ)+'_') [(ﾟｰﾟ) + (ﾟｰﾟ)]+((ﾟｰﾟ==3) +'_') [o^_^o -ﾟΘﾟ]+((ﾟｰﾟ==3) +'_') [ﾟΘﾟ]+ (ﾟωﾟﾉ +'_') [ﾟΘﾟ]; (ﾟｰﾟ)+=(ﾟΘﾟ); (ﾟДﾟ)[ﾟεﾟ]='\\'; (ﾟДﾟ).ﾟΘﾟﾉ=(ﾟДﾟ+ ﾟｰﾟ)[o^_^o -(ﾟΘﾟ)];(oﾟｰﾟo)=(ﾟωﾟﾉ +'_')[c^_^o];(ﾟДﾟ) [ﾟoﾟ]='\"';(ﾟДﾟ) ['_'] ( (ﾟДﾟ) ['_'] (ﾟεﾟ+(ﾟДﾟ)[ﾟoﾟ]+ (ﾟДﾟ)[ﾟεﾟ]+(ﾟΘﾟ)+ (ﾟｰﾟ)+ (ﾟΘﾟ)+ (ﾟДﾟ)[ﾟεﾟ]+(ﾟΘﾟ)+ ((ﾟｰﾟ) + (ﾟΘﾟ))+ (ﾟｰﾟ)+ (ﾟДﾟ)[ﾟεﾟ]+(ﾟΘﾟ)+ (ﾟｰﾟ)+ ((ﾟｰﾟ) + (ﾟΘﾟ))+ (ﾟДﾟ)[ﾟεﾟ]+(ﾟΘﾟ)+ ((o^_^o) +(o^_^o))+ ((o^_^o) - (ﾟΘﾟ))+ (ﾟДﾟ)[ﾟεﾟ]+(ﾟΘﾟ)+ ((o^_^o) +(o^_^o))+ (ﾟｰﾟ)+ (ﾟДﾟ)[ﾟεﾟ]+((ﾟｰﾟ) + (ﾟΘﾟ))+ (c^_^o)+ (ﾟДﾟ)[ﾟεﾟ]+(ﾟｰﾟ)+ ((o^_^o) - (ﾟΘﾟ))+ (ﾟДﾟ)[ﾟεﾟ]+(ﾟΘﾟ)+ (ﾟΘﾟ)+ (c^_^o)+ (ﾟДﾟ)[ﾟεﾟ]+(ﾟΘﾟ)+ (ﾟｰﾟ)+ ((ﾟｰﾟ) + (ﾟΘﾟ))+ (ﾟДﾟ)[ﾟεﾟ]+(ﾟΘﾟ)+ ((ﾟｰﾟ) + (ﾟΘﾟ))+ (ﾟｰﾟ)+ (ﾟДﾟ)[ﾟεﾟ]+(ﾟΘﾟ)+ ((ﾟｰﾟ) + (ﾟΘﾟ))+ (ﾟｰﾟ)+ (ﾟДﾟ)[ﾟεﾟ]+(ﾟΘﾟ)+ ((ﾟｰﾟ) + (ﾟΘﾟ))+ ((ﾟｰﾟ) + (o^_^o))+ (ﾟДﾟ)[ﾟεﾟ]+((ﾟｰﾟ) + (ﾟΘﾟ))+ (ﾟｰﾟ)+ (ﾟДﾟ)[ﾟεﾟ]+(ﾟｰﾟ)+ (c^_^o)+ (ﾟДﾟ)[ﾟεﾟ]+(ﾟΘﾟ)+ (ﾟｰﾟ)+ (ﾟｰﾟ)+ (ﾟДﾟ)[ﾟεﾟ]+(ﾟΘﾟ)+ ((ﾟｰﾟ) + (ﾟΘﾟ))+ ((o^_^o) - (ﾟΘﾟ))+ (ﾟДﾟ)[ﾟεﾟ]+(ﾟｰﾟ)+ ((o^_^o) - (ﾟΘﾟ))+ (ﾟДﾟ)[ﾟεﾟ]+((ﾟｰﾟ) + (ﾟΘﾟ))+ (ﾟΘﾟ)+ (ﾟДﾟ)[ﾟoﾟ]) (ﾟΘﾟ)) ('_');

2.hex 형식 난독화(https://obfuscator.io/)

function hi() {
  console.log("Hello dj!");
}
hi();

(function(_0x6880a2,_0x37c229){var _0x10a19d=_0x15ee,_0x17febb=_0x6880a2();while(!![]){try{var _0x3432e5=-parseInt(_0x10a19d(0x13c))/0x1*(-parseInt(_0x10a19d(0x140))/0x2)+parseInt(_0x10a19d(0x143))/0x3+-parseInt(_0x10a19d(0x142))/0x4*(-parseInt(_0x10a19d(0x13e))/0x5)+-parseInt(_0x10a19d(0x13f))/0x6*(parseInt(_0x10a19d(0x13b))/0x7)+-parseInt(_0x10a19d(0x145))/0x8*(-parseInt(_0x10a19d(0x146))/0x9)+parseInt(_0x10a19d(0x13a))/0xa*(-parseInt(_0x10a19d(0x147))/0xb)+parseInt(_0x10a19d(0x141))/0xc*(-parseInt(_0x10a19d(0x13d))/0xd);if(_0x3432e5===_0x37c229)break;else _0x17febb['push'](_0x17febb['shift']());}catch(_0x1d8892){_0x17febb['push'](_0x17febb['shift']());}}}(_0x301c,0xa9ff6));function hi(){var _0x5a87e7=_0x15ee;console[_0x5a87e7(0x144)]('Hello\x20dj!');}function _0x15ee(_0x431c9a,_0x33cf25){var _0x301c86=_0x301c();return _0x15ee=function(_0x15eecf,_0x2fb7c8){_0x15eecf=_0x15eecf-0x13a;var _0x2c4167=_0x301c86[_0x15eecf];return _0x2c4167;},_0x15ee(_0x431c9a,_0x33cf25);}hi();function _0x301c(){var _0x360e4c=['396608EvcHuJ','27ifKRyY','475277FLfePp','70RLdTio','21LsqitY','69gktPxl','99749dsVcvm','10qIlnRg','1313982mlqaiD','5514rttdTh','120sKtIrN','1956252cGAtEo','1246179bGElqS','log'];_0x301c=function(){return _0x360e4c;};return _0x301c();}

3.jjencode (https://utf-8.jp/public/jjencode.html)

alert("Hello, Dj" )

$한국=~[];$한국={___:++$한국,$$$$:(![]+"")[$한국],__$:++$한국,$_$_:(![]+"")[$한국],_$_:++$한국,$_$$:({}+"")[$한국],$$_$:($한국[$한국]+"")[$한국],_$$:++$한국,$$$_:(!""+"")[$한국],$__:++$한국,$_$:++$한국,$$__:({}+"")[$한국],$$_:++$한국,$$$:++$한국,$___:++$한국,$__$:++$한국};$한국.$_=($한국.$_=$한국+"")[$한국.$_$]+($한국._$=$한국.$_[$한국.__$])+($한국.$$=($한국.$+"")[$한국.__$])+((!$한국)+"")[$한국._$$]+($한국.__=$한국.$_[$한국.$$_])+($한국.$=(!""+"")[$한국.__$])+($한국._=(!""+"")[$한국._$_])+$한국.$_[$한국.$_$]+$한국.__+$한국._$+$한국.$;$한국.$$=$한국.$+(!""+"")[$한국._$$]+$한국.__+$한국._+$한국.$+$한국.$$;$한국.$=($한국.___)[$한국.$_][$한국.$_];$한국.$($한국.$($한국.$$+"\""+$한국.$_$_+(![]+"")[$한국._$_]+$한국.$$$_+"\\"+$한국.__$+$한국.$$_+$한국._$_+$한국.__+"(\\\"\\"+$한국.__$+$한국.__$+$한국.___+$한국.$$$_+(![]+"")[$한국._$_]+(![]+"")[$한국._$_]+$한국._$+",\\"+$한국.$__+$한국.___+"\\"+$한국.__$+$한국.___+$한국.$__+"\\"+$한국.__$+$한국.$_$+$한국._$_+"\\\"\\"+$한국.$__+$한국.___+")"+"\"")())();

배너배리에이션 기능 - 자바스크립트 캔버스 API 도전기

알 수 없는 사용자 — Tue, 25 Jul 2023 10:47:26 +0900

이번에 내가 맡게 된 업무는 배너 배리에이션 기능을 만드는 것이였다.

서비스에 없는 기능을 도입하는 것은

언제나 두렵고 설렌다.

그동안 내가 개발했던 프로그램들 비중은 주로 BackEnd 영역이다..

그렇기에 개발하면서 많이 버벅거리고 답답했었지만 공식문서를 읽으면서 재미 있었던 것 같다.

이 기능을 개발하게 되는 사람들을 위해 도움이 되었으면 좋겠다

* 배너 배리에이션 : 웹 페이지 또는 앱에서 사용되는 배너(Banner)나 광고 영역을 다양한 스타일로 변화시키는 기능을 말합니다. 이는 사용자에게 보다 다양하고 흥미로운 시각적 요소를 제공하여 웹 경험을 향상시키는 데에 사용됩니다.

진행상황

현재까지 기본적인 배너배리에이션 기능 틀을 갖추었고

특정 이미지 규격 파일을 업로드 하면 해당 이미지를 이용하여 여러 다양한 이미지를 자동으로 만들 수 있다.

캔버스(canvasAPI)는 줄바꿈(개행문자) 처리하는 기능이 없기에 이 기능을 만들어야 한다.

이슈 & 고민 및 해결

기능 개발 중 주로 겪은 고민은

서버에서 처리 할 지 클라이언트에서 처리 할 지에 대한 고민 이였다.

이 고민으로 시간을 소비하던 중 클라이언트에서 처리하는 걸로 결정했다.

만든 이미지를 바로 보여주어야 하였고 클라이언트와 서버간 통신이 많아지면 리소스 낭비라고 생각이 들었기 때문이다.

기존에 파일 업로드 할 때 사용하고 있는 오픈소스 dropzone.js를 이용하고 있었고..

(해당 코어 스크립트도 파악해야 했다. )

또 업로드 한 파일을 무해한지 확인하는 솔루션도 이용하고 있었고

무해한 파일을 해당 솔루션 서버에 저장하고 내부 서버에서 파일을 다시 가지고 와서 저장하는 방식이였다

종합적으로 클라이언트에서 처리하는걸로 결정!

또 하나 이슈로는..

canvas와 html5 image tag 이미지 로드 방식 차이

cors 정책 위반으로 인해 삽질이였는데 ..

HTML5 이미지 태그(<img>)를 사용할 때는 보통 CORS(Cross-Origin Resource Sharing) 이슈가 발생하지 않지만
이는 이미지를 불러올 때 브라우저가 이미지 리소스에 대한 CORS 정책을 적용하지 않기 때문이고
그렇기에 다른 호스트에서 가져온 이미지를 <img> 태그를 사용하여 자유롭게 표시할 수 있었고

반대로, 캔버스(Canvas)를 사용하여 이미지를 로드할 때는 CORS 정책이 적용되어서,
다른 호스트에서 가져온 이미지를 사용할 때 CORS 위배가 발생할 수 있고
이는 보안 상의 이유로 인해 캔버스에서 이미지를 그리는 작업은 기본적으로 CORS 정책을 준수해야 하기 때문에
다른 호스트에서 가져온 이미지를 캔버스에 직접 로드하기 전에 CORS 정책을 설정하거나 서버 측에서 CORS를 허용 설정을 해야되는데.. 내가 이미지를 가지고 올 때는 cdn 리소스 또는 호스트 다른 주소를 가져와야 했고...

정리하자면, HTML5 이미지 태그(<img>)는 CORS 정책을 적용하지 않아 이미지 로드에 문제가 없지만,
캔버스(Canvas)에서 이미지를 로드할 때는 다른 호스트의 리소스를 사용할 때 CORS 정책을 위배할 수 있으니 주의해야 한다... 나 처럼 삽질을 안하려면...

cors를 우회하기 위해 잔머리를 굴려

서버에서 이미지를 가지고 오고

내부 linux 환경에 이미지가 있을 경우 Backend에서 파일 -> base64 문자열로 encoding 하여

화면에 내려주게끔 처리

참고 레퍼런스

https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API

Canvas API - Web APIs | MDN

The Canvas API provides a means for drawing graphics via JavaScript and the HTML <canvas> element. Among other things, it can be used for animation, game graphics, data visualization, photo manipulation, and real-time video processing.

developer.mozilla.org

https://www.w3schools.com/html/html5_canvas.asp

HTML Canvas

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

https://cloud.google.com/apigee/docs/api-platform/reference/policies/cors-policy?hl=ko

CORS 정책 | Apigee | Google Cloud

organizations.environments.sharedflows.deployments

cloud.google.com

TO DO List

1. 개행문자 처리

2. 코드 리팩토링 (불필요 코드 제거 개발 중 디버깅 콘솔 로그 제거,변수명 정리)(FE,BE)

Example Code

이미지를 canvas를 통해 편집하는 function 중 일부
BE코드나 더 자세한 코드는 공개하기 어려워 일부만..

// 이미지 주소를 넣으면 해당 이미지를 이용하여 편집 후 base64로 반환하는 함수
async function resizeImage(imageBase64Url, newTemplate, newWidth, newHeight, idx, callback) {
  // imgnameSchonlogo 로고 , imgnameLogo 앱아이콘 , imgnameFvconlogo 파비콘
  var imgnameFvconlogo, imgnameLogo, imgnameSchonlogo;
  try {

    if (admember != null && admember != undefined) {
      imgnameFvconlogo = `${serverImageUrl}/ad/imgfile/${admember["imgnameFvconlogo"]}`;
      imgnameLogo = `${serverImageUrl}/ad/imgfile/${admember["imgnameLogo"]}`;
      imgnameSchonlogo = `${serverImageUrl}/ad/imgfile/${admember["imgnameSchonlogo"]}`;
    }

    var canvas = document.createElement('canvas');
    var backGroundImg = document.createElement('img');
        backGroundImg.src = `${imageBase64Url}`;
    var ctx = canvas.getContext('2d');

    async function drawCanvasUtil(_type, _param) {
      if (_type === "backgroundSetting") {
        ctx.drawImage(backGroundImg, 0, 0, newWidth, newHeight);
      } else if (_type === "backgroundSettingCustom") {
        ctx.fillStyle = _param["fillStyle"];
        ctx.fillRect(0, 0, canvas.width, canvas.height);
        ctx.drawImage(backGroundImg, _param["x"], _param["y"], _param["width"], _param["height"]);
      } else if (_type === "backgroundSettingCustom2") {
        ctx.drawImage(backGroundImg, _param["imgX"], _param["imgY"], _param["imgWidth"], _param["imgHeight"]);
        ctx.fillStyle = _param["fillStyle"];
        ctx.fillRect(_param["x"], _param["y"], _param["width"], _param["height"]);
      } else if (_type === "fillStyle") {
        ctx.fillStyle = _param["color"];
      } else if (_type === "copyText" || _type === "Text") {
        if (_type === "copyText" && firstCopy === null || firstCopy === undefined) {
          return false;
        }
        ctx.font = _param["font"];
        ctx.fillStyle = _param["fillStyle"];
        ctx.textAlign = _param["textAlign"];
        ctx.textBaseline = _param["textBaseline"];
        ctx.fillText(_param["text"], _param["x"], _param["y"]);
      } else if (_type === "ctaBtn") {
        ctx.strokeStyle = _param["fillStyle"];
        ctx.fillStyle = _param["fillStyle"];
        ctx.beginPath();
        ctx.roundRect(_param["x"], _param["y"], _param["width"], _param["height"], _param["radii"]);
        ctx.stroke();
        ctx.fill();

        ctx.font = _param["font"];
        ctx.fillStyle = _param["fontFillStyle"];
        ctx.textAlign = _param["textAlign"];
        ctx.textBaseline = _param["textBaseline"];
        ctx.fillText(_param["text"], _param["textX"], _param["textY"]);
      } else if (_type === "drawImage") {
        return new Promise((resolve, reject) => {
          var validCheck =  _param["src"].replace(`${serverImageUrl}/ad/imgfile/`,"");
          if(validCheck === null || validCheck === undefined || validCheck === "" || validCheck === "null" ){
            resolve();
            return false;
          }

          var additionalImage = new Image();
              additionalImage.crossOrigin = `${serverImageUrl}`;
              additionalImage.onerror = function () {
            console.error("image load Error");
            resolve();
          };
          additionalImage.onload = function () {
            ctx.drawImage(additionalImage, _param["dx"], _param["dy"], _param["dWidth"], _param["dHeight"]);
            //console.debug(`image load complete${_param["src"]}`);
            resolve();
          };
          additionalImage.src = _param["src"];
        });
      }
    }

    backGroundImg.onload = async function () {
      if (isNaN(newWidth))
        newWidth = Number(newWidth);
      if (isNaN(newHeight))
        newWidth = Number(newHeight);

      canvas.width = newWidth;
      canvas.height = newHeight;

      switch (newTemplate) {
        case "850x850":
          await drawCanvasUtil("backgroundSetting");
          break;
        case "970x250":
          await drawCanvasUtil("backgroundSettingCustom", { "fillStyle": "#FFFFFF", "x": 0, "y": 0, "width": 250, "height": 250 });
          await drawCanvasUtil("Text", { "font": "bold 25px NotoSansB", "fillStyle": "#000000", "textAlign": "start", "textBaseline": "middle", "text": admember["corpname"], "x": 270, "y": 91 });
          await drawCanvasUtil("copyText", { "font": "20px NotoSansR", "fillStyle": "#000000", "textAlign": "start", "textBaseline": "middle", "text": firstCopy[1]["cpComment"], "x": 270, "y": 135 });
          await drawCanvasUtil("ctaBtn", { "fillStyle": "#85b74e", "x": 745, "y": 100, "width": 200, "height": 50, "radii": 4, "font": "18px NotoSansR", "fontFillStyle": "#FFFFFF", "textAlign": "start", "textBaseline": "middle", "text": "바로가기", "textX": 812, "textY": 125.5 });
          break;
        case "800x1500":
          await drawCanvasUtil("backgroundSettingCustom", { "fillStyle": "#FFFFFF", "x": 0, "y": 315, "width": 800, "height": 802 });
          await drawCanvasUtil("drawImage", { "src": imgnameSchonlogo, "dx": 251, "dy": 108, "dWidth": 299, "dHeight": 100 });
          await drawCanvasUtil("drawImage", { "src": imgnameLogo, "dx": 67, "dy": 1234, "dWidth": 300, "dHeight": 150 });
          await drawCanvasUtil("Text", { "font": "bold 25px NotoSansB", "fillStyle": "#000000", "textAlign": "start", "textBaseline": "middle", "text": admember["corpname"], "x": 435, "y": 1270});
          await drawCanvasUtil("copyText", { "font": "20px NotoSansR", "fillStyle": "#000000", "textAlign": "start", "textBaseline": "middle", "text": firstCopy[1]["cpComment"], "x": 435, "y": 1300 });
          await drawCanvasUtil("ctaBtn", { "fillStyle": "#85b74e", "x": 433, "y": 1343, "width": 300, "height": 50, "radii": 4, "font": "18px NotoSansR", "fontFillStyle": "#FFFFFF", "textAlign": "center", "textBaseline": "middle", "text": "바로가기", "textX": 570, "textY": 1370 });
          break;
        case "300x300":
          await drawCanvasUtil("backgroundSetting");
          break;
        case "336x280":
          await drawCanvasUtil("backgroundSettingCustom", { "fillStyle": "#FFFFFF", "x": 0, "y": 0, "width": 336, "height": 180 });
          await drawCanvasUtil("copyText", { "font": "13px NotoSansR", "fillStyle": "#000000", "textAlign": "center", "textBaseline": "middle", "text": firstCopy[1]["cpComment"], "x": 160, "y": 209 });
          await drawCanvasUtil("ctaBtn", { "fillStyle": "#85b74e", "x": 121, "y": 227, "width": 95, "height": 35, "radii": 4, "font": "16px NotoSansR", "fontFillStyle": "#FFFFFF", "textAlign": "center", "textBaseline": "middle", "text": "바로가기", "textX": 170, "textY": 245 });
          break;
        case "720x1230":
          await drawCanvasUtil("backgroundSettingCustom", { "fillStyle": "#FFFFFF", "x": 0, "y": 254, "width": 720, "height": 722 });
          await drawCanvasUtil("drawImage", { "src": imgnameSchonlogo, "dx": 260, "dy": 72, "dWidth": 200, "dHeight": 67 });
          await drawCanvasUtil("Text", { "font": "bold 25px NotoSansB", "fillStyle": "#000000", "textAlign": "center", "textBaseline": "middle", "text": admember["corpname"], "x": 348.5, "y": 159 });
          await drawCanvasUtil("ctaBtn", { "fillStyle": "#85b74e", "x": 210, "y": 1078, "width": 300, "height": 50, "radii": 4, "font": "18px NotoSansR", "fontFillStyle": "#FFFFFF", "textAlign": "center", "textBaseline": "middle", "text": "바로가기", "textX": 350, "textY": 1105 });
          break;
        case "320x200":
          await drawCanvasUtil("backgroundSettingCustom", { "fillStyle": "#FFFFFF", "x": 0, "y": 0, "width": 200, "height": 200 });
          await drawCanvasUtil("drawImage", { "src": imgnameSchonlogo, "dx": 210, "dy": 50, "dWidth": 100, "dHeight": 36 });
          await drawCanvasUtil("ctaBtn", { "fillStyle": "#85b74e", "x": 213, "y": 115, "width": 95, "height": 35, "radii": 4, "font": "16px NotoSansR", "fontFillStyle": "#FFFFFF", "textAlign": "center", "textBaseline": "middle", "text": "바로가기", "textX": 260, "textY": 135 });
          break;
        case "300x180":
          await drawCanvasUtil("backgroundSettingCustom", { "fillStyle": "#FFFFFF", "x": 0, "y": 0, "width": 180, "height": 180 });
          await drawCanvasUtil("drawImage", { "src": imgnameLogo, "dx": 215, "dy": 43, "dWidth": 50, "dHeight": 50 });
          await drawCanvasUtil("copyText", { "font": "bold 9px NotoSansB", "fillStyle": "#000000", "textAlign": "center", "textBaseline": "middle", "text": admember["corpname"], "x": 240, "y": 114 });
          break;
        case "300x150":
          await drawCanvasUtil("backgroundSettingCustom", { "fillStyle": "#FFFFFF", "x": 0, "y": 0, "width": 150, "height": 150 });
          await drawCanvasUtil("ctaBtn", { "fillStyle": "#85b74e", "x": 178, "y": 77, "width": 95, "height": 35, "radii": 4, "font": "16px NotoSansR", "fontFillStyle": "#FFFFFF", "textAlign": "center", "textBaseline": "middle", "text": "바로가기", "textX": 225, "textY": 94 });
          await drawCanvasUtil("copyText", { "font": "9px NotoSansR", "fillStyle": "#000000", "textAlign": "start", "textBaseline": "middle", "text": firstCopy[2]["cpComment"], "x": 160, "y": 45 });
          break;
        case "210x300":
          await drawCanvasUtil("backgroundSettingCustom2", { "fillStyle": "#FFFFFF", "imgX": 0, "imgY": 0, "imgWidth": 210, "imgHeight": 210, "x": 0, "y": 210, "width": 210, "height": 90 });
          await drawCanvasUtil("ctaBtn", { "fillStyle": "#85b74e", "x": 58, "y": 237, "width": 95, "height": 35, "radii": 4, "font": "16px NotoSansR", "fontFillStyle": "#FFFFFF", "textAlign": "center", "textBaseline": "middle", "text": "바로가기", "textX": 105.5, "textY": 254.5 });
          break;
      }

      var resizedImage = canvas.toDataURL('image/jpeg');
      callback(null, resizedImage, newTemplate, idx);
    };
  } catch (error) {
    console.error(error);
    callback(error, null, newTemplate, idx);
  }
}

자주 사용하는 linux 필수 명령어 모음

알 수 없는 사용자 — Sun, 23 Jul 2023 17:21:13 +0900

대부분의 서버 어플리케이션 혹은 컨테이너 환경이 Linux 기반의 OS 에서 구동하기 때문에.. centos,ubuntu...
백엔드 개발자 혹은 서버 어플리케이션을 개발 및 운영해야하는 개발자분들한테 Linux 명령어 는 필수적인 요소

아래는 자주 사용되는 리눅스 명령어 입니다.

이쯤되면 외워질 법한데 자꾸 까먹고 검색하게 되어 임시로 정리해놓은 글..

pwd
print work directory의 약자로 작업 중인 디렉터리를 보여줍니다.

ls
list segments의 약자로 현재 디렉터리의 파일과 디렉터리를 보여줍니다.

cd
change directory의 약자로 말그대로 디렉터리 이동 시 사용하는 명령입니다.

mkdir
make directory의 약자로 디렉터리를 만들 때 사용합니다.

cp
copy의 약자입니다. 파일 또는 디렉터리를 복사할 때 사용합니다.

mv
move의 약자입니다. 파일 또는 디렉터리의 위치를 옮길 때 사용합니다. 혹은 이름을 변경할 때도 사용합니다.

rm
remove의 약자입니다. 파일 또는 디렉터리를 삭제할 때 사용합니다.

cat
catenate (잇다 연결하다)의 약자입니다. 파일의 내용을 확인할 때 사용합니다.

touch
touch는 빈 파일을 생성합니다. 혹은 파일의 날짜와 시간을 수정할 때 사용합니다.

echo
echo는 어떤 문자열을 화면에 보여줄 때 사용합니다. echo와 리다이렉션을 사용해 파일을 생성, 추가하는 작업을 많이 합니다.

ip addr / ifconfig
접속한 리눅스의 IP 정보를 알아낼 때 사용합니다.

ss
socket statistics의 약자입니다. 네트워크 상태를 확인하는 데 사용합니다.

nc
netcat의 약자입니다. 포트를 오픈하거나 오픈되었는지 확인할 수 있습니다.

which, whereis, locate
특정 명령어의 위치를 찾아줍니다.

tail
파일의 마지막 부분을 보여줍니다. 서버의 로그를 실시간으로 보고 싶을 때 사용합니다.

find
find는 명령어의 뜻 그대로 파일이나 디렉터리를 찾는 데 사용하는 명령어입니다.

ps
현재 실행 중인 프로세스 목록과 상태를 보여줍니다.

grep
grep은 입력에서 패턴에 매칭되는 내용을 찾는 명령어입니다.

kill
프로세스를 죽이는 명령어입니다. 프로세스를 죽인다고는 하지만 원리는 프로세스에 중지하라는 시그널을 보내는 겁니다. SIGKILL, SIGSTOP은 강제 종료이며 나머지는 정상적으로 종료시킵니다.

alias
자주 사용하는 명령어가 길 경우 alias 를 사용하면 줄여서 사용할 수 있습니다.

vi / vim
vi 혹은 vim은 대부분의 리눅스에 기본적으로 설치되어 있는 텍스트 에디터입니다.

#Reference

https://yozm.wishket.com/magazine/detail/2103/

백엔드 개발자라면 알아야 할 리눅스 필수 명령어 21개 | 요즘IT

백엔드 개발자가 아니면 리눅스를 사용할 일이 거의 없습니다. 그러므로 백엔드 입문자인 여러분께 리눅스 명령어는 낯설기 마련입니다. 명령어는 방대하기 때문에 처음부터 모든 명령어를 다

yozm.wishket.com

github & Jenkins CI/CD 자동 빌드 배포 환경 구성하기 - 1

알 수 없는 사용자 — Wed, 14 Jun 2023 17:46:04 +0900

젠킨스 CI / CD 환경을 여러번 구성하였지만

할 때마다 환경도 달라지고 프로젝트 구성도 달라지면서 가물가물..

이번엔 기록하면서 머리에 넣어야겠다..

일단 나는 NHN클라우드 - 인스턴스 - 리눅스(centos 7) 환경에서 작업하고 있다.

생략 하고 바로 젠킨스 설정을 살펴보자

종종 이렇게 git 저장소와 연결 설정 할 경우

자주 나올 수 있는 오류로는

Failed to connect to repository : Error performing command: git.exe ls-remote -h https://github.com/DongJu-Na/Nadry .git HEAD

원인으로는 아래와 같다

네트워크 연결 문제:
- 젠킨스 서버가 인터넷에 연결되어 있는지 확인
- 방화벽 또는 프록시 설정으로 인해 GitHub 저장소에 접근할 수 없는 경우, 네트워크 구성을 확인하고 접근 제한 사항을 조정
잘못된 저장소 URL:
- GitHub 저장소의 URL이 올바르게 지정되었는지 확인
- 오타가 있는지 다시 한 번 확인
인증 오류:
- 비공개 저장소에 접근하는 경우, 젠킨스가 올바른 인증 정보를 가지고 있는지 확인
- GitHub API 토큰이나 사용자 인증 정보를 제공하여 저장소에 액세스할 수 있도록 젠킨스 구성을 업데이트
Git 설치 문제:
- 젠킨스 서버에 Git이 정상적으로 설치되었는지 확인
- 실행할 수 있는 권한이 있는지 확인
- 필요에 따라 Git을 업데이트하거나 권한을 조정

대부분 3,4 에 해당하니 확인하고 설정을 수정하면 해결된다

나는 한 저장소에 프론트엔드와 백엔드를 묶어서 구성해놓았기에

젠킨스 스크립트(Execute shell)를 이용하여 웹훅 -> 빌드 - > 배포 환경을 구성하였다.

# 변경된 파일 목록 확인
#!/bin/bash
changed_files=$(git diff --name-only HEAD^ HEAD)
echo changed_files
# 프론트엔드 소스 변경 시
if [[ $changed_files == *"client"* ]]; then
    # 프론트엔드 빌드 및 배포 작업
    cd /var/lib/jenkins/workspace/Nadry/client/
    # 프론트엔드 빌드 스크립트 실행 예시
    npm install
    npm run build
    # 프론트엔드 배포 스크립트 실행 예시
    rsync -avz ./build/ user@example.com:/var/www/frontend

# 백엔드 소스 변경 시
else
	java -version
    # 백엔드 빌드 및 배포 작업
    # 예시: 서버 재시작 등의 작업을 포함할 수 있습니다.
    cd /var/lib/jenkins/workspace/Nadry/
    chmod +x gradlew
    ./gradlew clean build
    
    # 백엔드 Jar 파일 실행
    jar_path="/var/lib/jenkins/workspace/Nadry/build/libs/ndj-0.0.1-SNAPSHOT.jar"
    process_id=$(lsof -ti :8082 || true)  # 8082 포트에 실행 중인 프로세스 ID 조회

    # 실행 중인 프로세스 종료
    if [[ ! -z $process_id ]]; then
        echo "Terminating existing process with PID: $process_id"
        kill -9 $process_id
    else
        echo "No process is running on port 8082."
    fi
    
    # Jar 파일 실행 (nohup으로 백그라운드 실행)
    sudo nohup java -jar $jar_path > /dev/null 2>&1 &
    
    echo "Backend application started."
fi

만일 Execute shell에서 lsof와 nohup이 동작하지 않는다면

젠킨스 서버 사용자(jenkins)에 권한이 있는지 확인

없다면 sudo visudo 를 이용하여 jenkins ALL=(ALL) NOPASSWD: /usr/sbin/lsof

jenkins ALL=(ALL) NOPASSWD: /usr/bin/nohup

추가하도록 하자

완성된 CI & CD 아키텍처

2편에서는 무중단 배포로 작성하는게 목표..

https://stackoverflow.com/questions/35863528/failed-to-connect-to-repository-error-performing-command-git-exe-ls-remote-h

Failed to connect to repository : Error performing command: git.exe ls-remote -h https://github.com/szabbas/Sample-programs.git

I am new to programming and trying to work with GIT repository and while configuring with the JENKINS is facing the error. I know it's a silly question but on a beginner point of view I am stuck an...

stackoverflow.com

[Spring Cloud] 스프링 클라우드 란 무엇인가요?

알 수 없는 사용자 — Thu, 27 Apr 2023 11:55:03 +0900

스프링 클라우드(Spring Cloud)는
스프링 프레임워크 기반의 클라우드 네이티브 애플리케이션을 개발하기 위한 프로젝트입니다.
스프링 클라우드는 분산 시스템에서 필요한 다양한 기능들을 추상화하여 제공하고 있으며, 마이크로서비스 아키텍처를 구현할 때 유용하게 사용됩니다.

<스프링 클라우드 아키텍처>

출처 스프링 공식 문서

스프링 클라우드는 다음과 같은 기능들을 제공합니다.

서비스 디스커버리(Service Discovery): 서비스 디스커버리는 마이크로서비스 환경에서 서비스를 검색하고 호출하기 위한 기능입니다. 스프링 클라우드는 Netflix OSS의 Eureka, Apache ZooKeeper, Consul 등 다양한 서비스 디스커버리 툴과 통합되어 있습니다.
API 게이트웨이(API Gateway): API 게이트웨이는 여러 개의 마이크로서비스에서 제공하는 API를 단일 진입점으로 노출시켜 주는 역할을 합니다. 스프링 클라우드는 Netflix OSS의 Zuul, Spring Cloud Gateway 등 다양한 API 게이트웨이를 제공합니다.
분산 설정(Distributed Configuration): 분산 설정은 마이크로서비스에서 필요한 설정 정보를 중앙에서 관리하고, 변경사항을 런타임 중에 적용할 수 있는 기능입니다. 스프링 클라우드는 분산 환경에서의 설정 관리를 위한 Spring Cloud Config를 제공합니다.
분산 추적(Distributed Tracing): 분산 추적은 분산 시스템에서의 트랜잭션 추적을 위한 기능입니다. 스프링 클라우드는 분산 추적을 위한 Spring Cloud Sleuth와 Zipkin을 제공합니다.
로드 밸런싱(Load Balancing): 로드 밸런싱은 여러 개의 인스턴스에서 제공되는 서비스를 균등하게 분산시켜 주는 기능입니다. 스프링 클라우드는 Ribbon을 사용한 로드 밸런싱을 제공합니다.
회로 차단기(Circuit Breaker): 회로 차단기는 마이크로서비스에서 일시적으로 문제가 발생하여 서비스가 다운될 때, 다운된 서비스에 대한 요청을 차단하고 다른 대체 서비스를 호출하는 기능입니다. 스프링 클라우드는 Netflix OSS의 Hystrix를 사용한 회로 차단기를 제공합니다.

위와 같은 기능을 제공하는 스프링 클라우드는 마이크로서비스 아키텍처에서 필수적 Spring Cloud는
분산 시스템을 구축하고 운영하기 위한 일련의 프레임워크와 라이브러리를 제공하는 오픈 소스 프로젝트입니다. Spring Cloud는 여러 마이크로서비스를 각각의 독립적인 애플리케이션으로 개발하고, 이러한 애플리케이션들을 효과적으로 관리하고 운영하기 위한 여러 가지 기능을 제공합니다.
Spring Cloud는 Netflix OSS 프로젝트에서 시작한 것으로, Eureka, Ribbon, Hystrix, Zuul 등 다양한 서비스를 포함하고 있습니다.
이러한 Spring Cloud의 기능들은 분산 시스템에서 필요한 기능들을 효과적으로 제공하며, 마이크로서비스 아키텍처의 개발 및 운영을 더욱 쉽고 편리하게 만듭니다.
Spring Cloud는 Spring Boot와 밀접하게 연관되어 있어서, Spring Boot를 기반으로 하는 애플리케이션에서 Spring Cloud 기능을 쉽게 활용할 수 있습니다. Spring Cloud는 Netflix OSS와 함께 Spring 프레임워크의 강력한 개발 생태계를 구성하고 있습니다.

더 이해하기 쉽게 설명하자면

Spring Cloud Config는 중앙 집중식으로 애플리케이션의 설정 정보를 관리할 수 있도록 해주는 프레임워크입니다.
이를 통해, 애플리케이션의 설정 정보를 손쉽게 수정하고 배포할 수 있습니다.
Config 서버는 Git, Subversion, Vault 등 다양한 백엔드를 지원하며,
애플리케이션의 환경마다 다른 설정 정보를 저장하고 관리할 수 있습니다.

Spring Cloud Gateway는 API 게이트웨이 역할을 합니다.
API 게이트웨이는 클라이언트의 요청을 받아서 애플리케이션으로 전달하고,
애플리케이션의 응답을 클라이언트에게 반환합니다.
Gateway를 사용하면, 여러 개의 서비스를 하나의 엔드포인트로 노출하거나, 요청의 라우팅, 필터링, 트래픽 제어 등을 수행할 수 있습니다.
Gateway는 이를 위해 다양한 라우팅 방식을 제공합니다.
예를 들어, URI, Hostname, Path, Query parameter 등을 이용한 라우팅 방식이 있습니다.

Spring Cloud Discovery는 서비스 디스커버리 역할을 합니다.
서비스 디스커버리란, 분산 시스템에서 서비스 인스턴스의 위치와 상태를 검색하고 사용할 수 있는 기능을 의미합니다.
Discovery를 사용하면, 서비스 인스턴스의 위치와 상태를 추적하고, 클라이언트가 서비스 인스턴스를 검색하고 사용할 수 있습니다.
이를 위해 Discovery 클라이언트는 Eureka, Consul, Zookeeper 등 다양한 백엔드를 지원하며, 서비스 인스턴스의 상태를 추적하고, 이를 Config 서버에 등록하여 동적으로 구성 정보를 업데이트할 수 있습니다.

이들 프레임워크를 함께 사용하면,
Config 서버에서 구성 정보를 가져와서 Gateway를 구성하고, Discovery를 사용하여 서비스 인스턴스를 검색하여 Gateway에 등록할 수 있습니다.
이를 통해, 여러 개의 서비스 인스턴스를 투명하게 제공하고, 높은 가용성과 확장성을 보장할 수 있습니다.
예를 들어, Config 서버에서 포트 정보를 가져와서 Gateway의 라우팅 규칙을 동적으로 업데이트하거나,
Discovery를 사용하여 서비스 인스턴스의 상태를 추적하여 Gateway의 로드밸런싱 규칙을 동적으로 업데이트할 수 있습니다.

감사합니다.

[Spring Boot] H2 in memory DB 사용 시 Database "C:/Users/사용자/test" not found, either pre-create it or allow remote database creation (not recommended in secure environments) 오류 발생 / 해결 방법

알 수 없는 사용자 — Tue, 4 Apr 2023 10:53:25 +0900

Webflux 공부 중

Database를 사용해야 되는 상황이 생겨

서버 구성하긴 번거롭고.. 예전 기억을 살려 간단하게 H2 Database 사용하려고 하는데

오류가 발생해버렸다..

오류 상세 내용을 확인 하면

예전에 사용 했을 때는 Database를 자동으로 생성 했던 걸로 기억하는데

공식문서를 확인해보니 보안상 이유로 더 이상 자동으로 생성하지 않는다고 한다.

문제해결

> database를 사전 생성 해서 사용

Database를 생성하는 방법은 아래 링크를 참고

> 문서 볼 시간도 아깝다.. 당장 해결만 하고자 한다면

해당 경로에 메모장을 만든 후 파일명을 test.mv.db 로 수정 후 저장하면 해결된다. (test는 커넥션팩토리에서 설정한 스키마명)

https://h2database.com/html/tutorial.html#creating_new_databases

Tutorial

Tutorial Starting and Using the H2 Console Special H2 Console Syntax Settings of the H2 Console Connecting to a Database using JDBC Creating New Databases Using the Server Using Hibernate Using TopLink and Glassfish Using EclipseLink Using Apache Active

h2database.com

database can't auto create in 1.4.200 if not schema and data

[Spring] Web Mvc Vs Web Flux

알 수 없는 사용자 — Thu, 2 Mar 2023 21:34:06 +0900

웹 개발 할 때 Webflux ? WebMvc? 어느 것을 선택해야 하는거야!!!

WebMvc와 Webflux 개념을 알기 전에!!!

동기와 비동기가 무슨 뜻인지 부터 알아보자

동기와 비동기는 프로그래밍에서 자주 쓰이는 용어야.

동기는 '동시에 일어난다'는 뜻이야. 어떤 작업을 하고 그 결과가 나올 때까지 기다리는 방식이야.

즉, 하나의 작업이 끝나기 전에는 다른 작업을 못하고 기다려야 하는 거야.

이 방식은 간단하고 직관적이지만, 다른 작업을 못하고 기다리면서 시간이 낭비될 수 있어.

반면에 비동기는 '동시에 일어나지 않는다'는 뜻이야. 어떤 작업을 하고 결과를 기다리지 않고 다른 작업을 할 수 있는 방식이야. 즉, 한 작업이 완료될 때까지 다른 작업을 하면서, 결과가 나오면 해당 작업을 처리하는 거야. 이 방식은 효율적이고 빠르지만, 작업 순서나 결과가 보장되지 않을 수 있어.

예를 들어 파일을 읽어오는 작업을 동기적으로 수행한다면, 파일을 읽어올 때까지 다른 작업을 못하고 기다려야 해. 하지만 비동기적으로 파일을 읽어오는 작업을 수행한다면, 파일을 읽어오는 동안 다른 작업을 할 수 있어. 파일이 읽혀지면 콜백 함수를 호출해서 결과를 처리하면 돼.

그러니까, 동기와 비동기는 각각 장단점이 있어. 상황에 따라 적절한 방식을 선택해서 사용하자

WebFlux 와 Web MVC는 스프링 프레임워크에서 웹 애플리케이션을 개발할 때 사용할 수 있는 옵션이야. 근데 둘은 서로 다른 방식으로 작동하니까 선택할 때는 몇 가지 요소를 고려해야해.

Web MVC는 기존에 있던 Spring MVC를 기반으로 만들어졌고, Servlet 스펙을 사용해. 동기적인 방식으로 작동하며, 블로킹 API를 사용하는데 이게 많은 사용자를 처리하는 애플리케이션에서는 성능 문제가 발생할 수 있어. 그래도 대부분의 경우에는 동기적인 코드를 작성하기 쉽고 이해하기도 쉬워. 또한 기존의 Spring MVC 애플리케이션을 업그레이드하기 쉽고, 많은 개발자들이 익숙해.

WebFlux는 논블로킹 I/O를 기반으로 하는 리액티브 프로그래밍 모델을 사용해. 논블로킹 API를 사용하기 때문에 더 많은 동시 사용자를 처리할 수 있고, 높은 처리량과 낮은 지연 시간을 제공할 수 있어. 그래도 리액티브 프로그래밍은 기존의 동기적인 방식과는 다르게 동작하니까 학습 곡선이 높을 수 있어. 또한 이전 버전의 스프링에서 WebFlux를 사용하려면 많은 코드를 변경해야 해.

그러니까 선택할 때는 다음과 같은 요소를 고려해봐.

동기적인 코드 작성 경험이 많다면 Web MVC를 선택할 수 있어.
높은 동시 사용자 및 성능 요구 사항이 있다면 WebFlux를 선택할 수 있어.
기존의 Spring MVC 애플리케이션을 업그레이드할 계획이 있다면 Web MVC를 선택할 수 있어.
리액티브 프로그래밍 경험이 있다면 WebFlux를 선택할 수 있어.

이렇게 고려하면 적합한 옵션을 선택할 수 있을 거야.

React 로 롤 전적 통계 사이트를 만들어보자! - 3

알 수 없는 사용자 — Tue, 7 Feb 2023 01:17:36 +0900

회사 다니면서 시간을 쪼개어 사이드 프로젝트를 진행하다 보니

쉽지 않았다

(BE개발자 두명이서 진행했으며 저는 프론트를 맡았고 BE나 Devops는 어려움 겪을 때 지원하며 프로젝트를 끌고 갔다)

또 BE개발자 이다보니 자신있게 시작했지만 상당히 부족함이 많은걸 알게 되었다

중간마다 공부한 내용도 정리하고 블로그에 글도 남기고 싶었는데..

여유가 너무 없었다.(아직 구현 안된 기능도 많으며 product 키가 아니고 personerkey이기 때문에 조회 제한도 있는 상황 참고 바란다.)

매우 부족하지만 혹시 필요한 사람들이 있을까 싶어서

소스는 github 공유해놓았다.

프론트/백엔드 모두 퍼블릭으로 게시하였습니다

https://github.com/DongJu-Na

DongJu-Na - Overview

Hi. DongJu-Na has 11 repositories available. Follow their code on GitHub.

github.com

메인

전적통계

랭킹

커뮤니티

게시글 상세

로그인/회원가입

삼각형의 완성조건

알 수 없는 사용자 — Fri, 6 Jan 2023 10:31:47 +0900

문제 설명
선분 세 개로 삼각형을 만들기 위해서는 다음과 같은 조건을 만족해야 합니다.

가장 긴 변의 길이는 다른 두 변의 길이의 합보다 작아야 합니다.

삼각형의 세 변의 길이가 담긴 배열 sides이 매개변수로 주어집니다. 세 변으로 삼각형을 만들 수 있다면 1, 만들 수 없다면 2를 return하도록 solution 함수를 완성해주세요.

제한사항
sides의 원소는 자연수입니다.
sides의 길이는 3입니다.
1 ≤ sides의 원소 ≤ 1,000

입출력 예

sides	result
[1, 2, 3]	2
[3, 6, 2]	2
[199, 72, 222]	1

입출력 예 설명

입출력 예 #1
가장 큰 변인 3이 나머지 두 변의 합 3과 같으므로 삼각형을 완성할 수 없습니다. 따라서 2를 return합니다.

입출력 예 #2
가장 큰 변인 6이 나머지 두 변의 합 5보다 크므로 삼각형을 완성할 수 없습니다. 따라서 2를 return합니다.

입출력 예 #3
가장 큰 변인 222가 나머지 두 변의 합 271보다 작으므로 삼각형을 완성할 수 있습니다. 따라서 1을 return합니다.

문제풀이

import  java.util.*;
    
class Solution {
    
    public int solution(int[] sides) {
        int answer = 0;
        Arrays.sort(sides);
        if((sides[0] + sides[1]) > sides[2])
            answer = 1;
        else
            answer = 2;
            
        return answer;
    }
}

실행결과

채점을 시작합니다.

정확성 테스트

테스트 1 〉	통과 (0.45ms, 78.9MB)
테스트 2 〉	통과 (0.32ms, 74.6MB)
테스트 3 〉	통과 (0.45ms, 73.7MB)
테스트 4 〉	통과 (0.35ms, 79.7MB)
테스트 5 〉	통과 (0.45ms, 72.2MB)
테스트 6 〉	통과 (0.45ms, 77.5MB)
테스트 7 〉	통과 (0.37ms, 70.3MB)
테스트 8 〉	통과 (1.30ms, 82.1MB)
테스트 9 〉	통과 (0.31ms, 78MB)

채점 결과

정확성: 100.0

합계: 100.0 / 100.0

React 로 롤 전적 통계 사이트를 만들어보자! - 2

알 수 없는 사용자 — Sat, 24 Dec 2022 19:15:30 +0900

React 개발 환경 설정은 전 글을 참고하길..

https://djlife.tistory.com/4

React 로 롤 전적 통계 사이트를 만들어보자! - 1

소스 편집 툴은 비쥬얼 스튜디오 코드를 이용하려 한다. 프로그램이 가볍고 다양한 기능을 지원해서 추천. 이 게시물은 React , Node.js , NPM , CRA ... 등등 프론트엔드 기본 지식이 있는 사람이 볼

djlife.tistory.com

전 글을 통해 리액트 프로젝트 구동까지 완료된 상태이다.

이번 포스팅에서는

프로젝트를 진행하기 위해 필요한 라이브러리와 리그오브레전드(롤) 통계 데이터

받아오는 방법에 대해 알아보자.

1. React 프로젝트 디렉토리 설명

2. React 필요 설치 라이브러리 소개

3. 리그오브레전드(롤) 데이터 받아오는 방법

1. React 프로젝트 디렉토리 설명

지난 글에서 npx create-react-app (이하 CRA ) 명령어를 통해

react 프로젝트를 신규로 구성하였다.

작업하기전에 프로젝트 디렉토리 구성 정도는 알고 시작해야

동작원리를 이해하기 쉬울 것 같아 간략하게 설명하고 넘어가겠다

node_modules 폴더는 CRA를 구성하는 모든 패키지 소스 코드가 존재하는 폴더이다.

public 폴더는 사이트의 웹 액세스 가능한 루트를 의미한다.

src 폴더는 빌드를 만드는 데 사용할 작업 파일이 포함되는 폴더이다.

package.json 파일은 CRA 기본 패키지 외 추가로 설치된 라이브러리/패키지 정보(종류, 버전)가 기록되는 파일이다.

package-lock.json 파일은 npm 이나 yarn이 알아서 관리해주는 파일로 해당 프로젝트에 설치한 패키지 , 그패키지와 관련된 모든 패키지의 버전정보를 포함한다.

README.md 파일은 소스코드에 앞서 어떠한 목적으로 개발이 되었는지, 코드의 개요, 구조도 등을 처음 사람들에게 노출함으로써 해당 프로젝트에 대해 설명하는 파일이다.

.gitignore 파일은 git을 통해 배포할 때 제외할 파일을 기재하는 파일이다.

2. React 필요 설치 라이브러리 소개

진행하면서 설치할 라이브러리가 더 늘어날 수 도 있지만

통상 이 세개는 자주 사용되므로 설치하고 시작하도록 하자

ReactRouterDom은 신규 페이지를 불러오지 않는 상황에서 각각의 url에 따라 선택된 데이터를 하나의 페이지에서 렌더링 해주는 라이브러리이다.

AXIOS는 브라우저와 node.js에서 사용할 수 있는 Promise 기반 HTTP 클라이언트 라이브러리이다.

Recoil은 상태관리 라이브러리인데 추후 소스를 작성하면서 설명하도록 하겠다.

3. 리그오브레전드(롤) 데이터 받아오는 방법

롤 데이터를 받아오기 위해서

Riot Developer Portal을 이용하자

https://developer.riotgames.com/

Riot Developer Portal

About the Riot Games API With this site we hope to provide the League of Legends developer community with access to game data in a secure and reliable way. This is just part of our ongoing effort to respond to players' and developers' requests for data and

developer.riotgames.com

url를 클릭하여 로그인 후 api에 사용할 key를 발급받는다.

(계정이 없다면 회원가입을 해야한다. 롤 아이디로도 이용 가능하다)

중간에 copy 버튼을 이용하여 발급받은 key를 적어놓고

상단에 api 버튼을 클릭하여 이용 가능한 api 리스트와 설명들을 확인 할 수 있다.

api 사용할 준비까지 마쳤다.

* Reference

https://ko.reactjs.org/

React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리

A JavaScript library for building user interfaces

ko.reactjs.org

https://reactrouter.com/en/6.6.1 ReactRouterDom

Home v6.6.1

I'm on v5 The migration guide will help you migrate incrementally and keep shipping along the way. Or, do it all in one yolo commit! Either way, we've got you covered to start using the new features right away.

reactrouter.com

https://axios-http.com/kr/docs/intro

시작하기 | Axios Docs

시작하기 브라우저와 node.js에서 사용할 수 있는 Promise 기반 HTTP 클라이언트 라이브러리 Axios란? Axios는 node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트 입니다. 그것은 동형 입니다(동일한 코

axios-http.com

https://recoiljs.org/ko/

Recoil

A state management library for React.

recoiljs.org

본문 중 틀린 내용이 있으면 언제든지 말씀해주시면 수정하도록 하겠습니다.

개발자는어디까지공부해야할까?

AWS Summit 2026 후기 - 여기어때 Oracle → Aurora MySQL 마이그레이션 세션

헬스장가기싫은날 루틴

[SpringBoot] Spring Boot 4.0.0 나왔다!!

1. 뭐가 크게 바뀐걸까?

2. 코드/아키텍처 관점에서 눈에 띄는 변화들

2-1. 모듈화된 Spring Boot – 더 작고, 더 쪼개진 JAR

2-2. JSpecify 기반 Null-Safety 강화

2-3. Java 25 1급 지원 (Java 17은 그대로 지원)

2-4. HTTP Service Clients – 인터페이스만 쓰면 HTTP 클라이언트 끝

2-5. API Versioning – 부트에서 바로 버전링 지원

3. 운영/테스트/관찰성 측면에서의 변화

3-1. Gradle 9 지원

3-2. OpenTelemetry 스타터 추가

3-3. RestTestClient – 테스트용 HTTP 클라이언트

3-4. Redis, MongoDB, SSL Health 쪽 개선

3-5. Spring 생태계 전체 버전 업

4. 마이그레이션 – 기존 프로젝트들은 그러면 어떻게...?

Ref.

chat gpt - 계속하려면 challenges.cloudflare.com 차단을 해제하십시오.

[Java] String 은 왜 불변(Immutable)일까? ( feat. StringBuilder를 써야 하는 이유)

1.String 이 불변이라는 말의 의미

2. 왜 굳이 String 을 불변으로 만들었을까?

2-1. 보안(Security)

2-2. 스레드 안전(Thread-Safety)

2-3. String Pool & 캐싱

3.불변이라서 생기는 성능 문제 – 코테 예시로 보기

4.StringBuilder 를 써야 하는 이유

5.“컴파일러가 + 를 StringBuilder 로 바꿔준다면서?”

6.Java 11 이상이라면 repeat() 도 있다

7.불변이라서 생기는 또 다른 함정들

7-1. 문자열 메서드들은 전부 “새 String 반환”

7-2. substring 도 동일

8.코테/실무에서 String 불변 때문에 생기는 패턴 정리

9.마무리

구 레거시 윈도우 서버 프로젝트 (IIS / ASP) 이관 도전기

목차

1. 이관 개요 및 환경 정리

2. 사전 준비 (백업/점검)

체크리스트

상세 설명

3. IIS 설정 백업 방법

3-1. ApplicationHost.config 내보내기

3-2. 사이트별 구성 내보내기 (특정 사이트만)

3-3. 웹사이트 파일 백업

3-4. SSL 인증서 백업

4. 웹사이트 파일/데이터베이스 이전

5. IIS 설정 복원 및 재구성 (2012)

5-1. IIS 역할 및 필요 컴포넌트 설치

5-2. 사이트 Import

A. ApplicationHost.config 복원

B. 사이트 개별 등록

C. SSL 인증서 설치

D. hosts 파일 등 도메인 매핑(테스트 목적)

6. 테스트 및 마이그레이션 체크리스트

7. FAQ & 문제 해결 팁

참고자료 Ref.

Spring Boot + MyBatis 쿼리 파라미터 자동 로깅 라이브러리 개발 후기 " mybatis-query-logger "

Spring Boot + MyBatis 쿼리 자동 로깅 라이브러리 개발기

라이브러리 소개

설치 방법

사용 예시

느린 쿼리 감지

구현 포인트

배운 점 및 느낀 점

앞으로의 개선 계획

마무리하며

[nssm] 윈도우(window)에서 JAR 파일 서비스로 등록하기

✅ NSSM의 장점

❌ NSSM의 단점

NSSM이 적합한 케이스

요약

[Docker] 도커로 환경을 옮긴 후 셀레니움이 실행이 안되는 오류 해결

[SpringBoot] When allowCredentials is true, allowedOrigins cannot contain the special value "*" since that cannot be set on the "Access-Control-Allow-Origin" response header. To allow credentials to a set of origins... 어쩌고저쩌고.. 오류 해결하기

단말기 결제 VAN 결제 데이터 동기화 하여 회계 전표 자동 생성 시스템화까지 ...☠️

API 동시성 문제 개선하기 (MAX + 1 Key 채번)

결제 API 동시성 이슈..

문제점 찾기

해결 방법

1. 시퀀스를 이용