jaylab-log

배포할 때마다 끊기던 서비스를 무중단으로: Jenkins Rolling Deployment에서 내린 네 가지 결정

Thu, 07 Aug 2025 00:00:00 +0000

타겟 그룹 전체를 동시에 재시작하던 Jenkins 파이프라인을 서버별 순차 배포와 LB 제어로 바꾸며 내린 네 가지 결정과 아직 남은 한계

기존 JDK를 지우지 않고 JDK 11로 빌드하기: SDKMAN이 PATH를 가로채는 원리

Thu, 24 Jul 2025 00:00:00 +0000

로컬은 Corretto 21인데 빌드 테스트는 JDK 11이 필요할 때, SDKMAN이 기존 JDK를 건드리지 않고 PATH 우선순위만 가로채 세션 단위로 버전을 바꾸는 원리와 기존 JDK를 처리하는 세 가지 선택

쉘 스크립트 대신 Dockerode를 고른 이유: 멀티 테넌트 프로비저닝의 롤백과 동시성

Mon, 14 Jul 2025 00:00:00 +0000

docker run을 감싼 쉘로는 실패 원인도 롤백도 다룰 수 없어 Dockerode와 스키마 분리로 테넌트 생성을 자동화한 과정

Nginx Proxy Manager API로 Proxy Host 자동으로 붙이기

Sat, 05 Jul 2025 00:00:00 +0000

테넌트가 생길 때마다 손으로 하던 도메인 연결을 Nginx Proxy Manager API로 Proxy Host를 만들어 자동화했다.

프록시가 webserver를 찾지 못한 이유: Docker 네트워크 격리와 컨테이너명 DNS

Thu, 26 Jun 2025 00:00:00 +0000

NPM과 webserver가 서로 다른 Docker 네트워크에 있어 프록시가 끊긴 원인을 찾고, 네트워크 연결로 컨테이너 간 직접 통신을 복구한 기록

타 부서 제안서의 아키텍처 파트를 맡았다

Wed, 30 Apr 2025 00:00:00 +0000

타 부서 제안서의 아키텍처·구축 전략 파트를 며칠 만에 맡아, 모호한 요구사항을 AWS 구조도로 정리한 기록

SonarQube를 brew에서 Docker로 옮겼다

Fri, 20 Dec 2024 00:00:00 +0000

SonarQube Java 분석의 .class 요구 에러를 빌드로 풀고, brew 없이도 돌도록 서버와 Scanner를 Docker로 옮긴 기록

Ansible 첫 ping은 publickey에서 막혔다

Tue, 19 Nov 2024 00:00:00 +0000

첫 Ansible ping이 publickey 오류로 막혔고, 인벤토리에 키를 지정해 풀었다. 이어서 ad-hoc 명령과 첫 플레이북까지 돌렸다.

Multipass VM 두 대로 Ansible 실습 환경 만들기

Wed, 06 Nov 2024 00:00:00 +0000

맥북에 Multipass VM 두 대를 띄워 제어노드에 Ansible을 설치하고, 관리노드로 SSH 키 접속을 여는 과정을 정리했다.

Mac에서 컨테이너 IP로 접속이 안 되는 이유

Sat, 21 Sep 2024 00:00:00 +0000

Mac에서 컨테이너 IP가 보이는데도 접속되지 않는 건 Docker 네트워크가 Linux VM 안에만 있어서다.

Docker Container SSH 접속 설정

Mon, 02 Sep 2024 00:00:00 +0000

현재 진행 중인 PoC를 위해 SSH 접속 방식 테스트가 필요했다. 그러나 Ubuntu Docker image에는 기본적으로 SSH(즉, openssh-server)가 설치되어있지 않기 때문에 이번에 Docker + SSH 접속 방식을 테스트하고 기록했다.

Ubuntu 컨테이너 생성부터 ModSecurity WAF 구성 및 테스트까지

Mon, 12 Aug 2024 00:00:00 +0000

앞서 ModSecurity에 대해 간단히 다뤘다. 이번에는 우분투 컨테이너 생성부터 ModSecurity 구성과 테스트까지 진행했고 그 과정을 기록했다.

ModSecurity. Opensource Web Application Firewall

Tue, 30 Jul 2024 00:00:00 +0000

부제: Docker를 사용한 ModSecurity WAF 사용기 Web Application Firewall (WAF): 웹 서비스를 통해서 공격을 시도하는 XSS, SQL Injection, Command Execute과 같은 공격을 효과적으로 차단하는 역할을 수행하는 보안 모듈

CloudWatch Alarm 활용한 ECS Fargate 스케일아웃

Wed, 24 Jul 2024 00:00:00 +0000

시간이 흐를수록 점점 분석 Batch 프로세스가 오래걸리기 시작하면서 점점 하루를 넘어가기 시작. 이를 해결하기 위해 ECS Service에 CloudWatch를 활용한 오토스케일링을 적용하였고 그 과정을 기록하였다.

MyBatis bind tag. 동적 SQL 구현

Thu, 11 Jul 2024 00:00:00 +0000

MyBatis에서 SQL을 동적으로 작성할 때 유용한 에 대해 간단하게 정리해보았다.

Docker ELK 구성에 Metricbeat 추가

Wed, 10 Jul 2024 00:00:00 +0000

앞서 Docker를 활용한 ELK 구성에 이어서, 이번에는 Metricbeat를 붙여보았다

Docker를 활용한 ElasticSearch, Logstash, Kibana 구성

Sun, 07 Jul 2024 00:00:00 +0000

ELK 구성 방법 중에서도 Docker를 활용한 방법으로 진행해보았다.

Nginx Proxy Manager - Official Guide & Local Setup for Customization

Fri, 05 Jul 2024 00:00:00 +0000

커스텀을 위해 코드 수정 후 Nginx Proxy Manager를 정상적으로 실행할 수 있어야했는데, 그 어디에서도 이를 위한 가이드를 찾을 수 없었다. 결국 직접 소스코드 분석 후 다음과 같은 내용들을 확인했다.

Aurora MySQL 업그레이드 5.7 to 8.0, 작업 전 알아두면 좋았을 주요 포인트

Tue, 25 Jun 2024 00:00:00 +0000

AWS Aurora MySQL 버전 업그레이드 작업 전 알아두면 좋을 내용들을 정리하였다.

Docker Buildx를 사용한 멀티 아키텍처 이미지 빌드, Github Actions 적용 사례

Thu, 13 Jun 2024 00:00:00 +0000

Docker Buildx는 다양한 아키텍처에서 실행 가능한 이미지를 빌드할 수 있는 Docker CLI이다. 이를 활용하면 특정 아키텍쳐에서 지원하는 이미지로 빌드할 수 있다.

Poetry를 활용한 Python 프로젝트 관리

Sat, 04 May 2024 00:00:00 +0000

패키지 의존성 관리와 가상 환경 생성 및 관리를 위한 방법.

[ArgoCD] Error: Unable to create ‘..git/index.lock’: File exists

Thu, 02 May 2024 00:00:00 +0000

ArgoCD Application 생성시 에러 발생

▼ Error message Unable to create application: application spec for saassss is invalid: InvalidSpecError: Unable to get app details: rpc error: code = Internal desc = Failed to checkout FETCH_HEAD: git checkout --force FETCH_HEAD failed exit status 128: fatal: Unable to create ‘..git/index.lock’: File exists. Another git process seems to be running in this repository, e.g. an editor opened by ‘git commit’. Please make sure all processes are terminated then try again. If it still fails, a git process may have crashed in this repository earlier: remove the file manually to continue.

[CI/CD] Github Actions: build, push, update another repo file

Fri, 19 Apr 2024 00:00:00 +0000

Github Actions을 사용하여 멀티플랫폼이 지원되는 이미지 빌드 방법과 Docker Hub 혹은 ECR에 Push하는 방법. 그리고 제 3의 Git Repo 파일 내용 변경 방법을 정리해보았다.

[Terraform] DB Instance 삭제된 VPC 참조 현상

Thu, 11 Apr 2024 00:00:00 +0000

Terraform으로 DB Instance 생성시 존재하지 않는 VPC를 참조하는 현상에 대하여

Github Actions & ArgoCD CI/CD (for K8S, Java App)

Fri, 05 Apr 2024 00:00:00 +0000

Github Actions를 활용해서 애플리케이션 Build & Image push. 애플리케이션과 Kubernetes manifest 파일 변경점 발생시 ArgoCD를 통하여 로컬 Minikube 환경에 자동배포 환경 구축하기

ArgoCD 활용 Minikube 환경에 배포(feat. AWS ECR)

Thu, 28 Mar 2024 00:00:00 +0000

ArgoCD를 통해 내 로컬에 Minikube 클러스터 환경이 구성되도록 만들었다. 그리고 Dockerhub Public image를 가져오던 기존방식에서 AWS ECR의 image를 pull 하는 방식으로 바꿔보았고, 이 과정에서 발생한 문제에 대해 알게된 원인과 해결방법을 기록해보았다.

What to do about maven import errors

Wed, 20 Mar 2024 00:00:00 +0000

io.opentelemetry:opentelemetry-exporter-zipkin:jar:unknown was not found in https://repo.maven.apache.org/maven2 during a previous attempt. This failure was cached in the local repository and resolution is not reattempted until the update interval of central has elapsed or updates are forced

VM Proxy 설정에 대한 HttpURLConnection & HttpClient 차이

Sun, 17 Mar 2024 00:00:00 +0000

프록시 서버 구성을 하는 과정에서 알게된 Java 클래스 몇가지를 비교하여 정리하였다.

About Netcat and Netstat

Fri, 15 Mar 2024 00:00:00 +0000

netcat

netcat: 네트워크 연결을 테스트하고 다른 서버와 포트의 통신 상태를 확인할 수 있다.

netcat은 많은 Linux 배포판에서 사용할 수 있는 네트워킹 유틸리티로, 다양한 패키지 매니저를 통해 설치할 수 있다.

주요 Linux 배포판별로 netcat을 설치하고 사용하는 방법을 다음과 같이 정리했다

1. Debian, Ubuntu (apt 사용)

sudo apt update && sudo apt install netcat-openbsd
nc -zv 10.244.0.74 9092

2. Fedora, CentOS (dnf 또는 yum 사용)

sudo dnf install nc
# 또는 CentOS에서는 yum이 보편적인 방식
sudo yum install nc
nc -zv 10.244.0.74 9092

3. Arch Linux (pacman 사용)

sudo pacman -Syu gnu-netcat
nc -zv 10.244.0.74 9092

4. openSUSE (zypper 사용)

sudo zypper install netcat-openbsd
nc -zv 10.244.0.74 9092

5. Alpine Linux (apk 사용)

apk update && apk add netcat-openbsd
nc -zv 10.244.0.74 9092

6. Amazon Linux (yum 또는 dnf 사용)

Amazon Linux 2의 경우:

sudo yum install nc
nc -zv 10.244.0.74 9092

Amazon Linux 2023의 경우:

sudo dnf install nc
nc -zv 10.244.0.74 9092

ss

netstat -tuln: 시스템의 네트워크 연결, 라우팅 테이블, 인터페이스 통계, masquerade 연결, 멀티캐스트 멤버십 등을 보여준다.

Local K8S 환경 Kafka Application 구성(feat. Minikube)

Tue, 12 Mar 2024 00:00:00 +0000

구축 환경

Mac Apple Sillicon (arm64)
기존 docker-compose.yaml 파일을 k8s 클러스터 구성하기 위한 yaml 파일로 convert하기 위해 kompose 툴 사용

brew install kompose
kompose convert -f docker-compose.yml --out converted.yaml

converted.yaml

minikube, 위의 converted.yaml 활용하여 로컬에 k8s 클러스터 구축

minikube 사용하여 기존 Kafka Application 구축

minikube 설치

brew install minikube

minikube 클러스터 시작

minikube start

(설치하고나면 ~/.kube/config 파일에 클러스터와 컨텍스트 관련 정보 자동으로 설정 완료)

(option) 사용할 Namespace 설정

kubectl create ns kafka-app
kubectl config set-context --current --namespace=kafka-app

로컬 image 사용하도록 설정

Registry에 올리지 않은, 로컬에만 있는 image를 사용하기 위해서는 다음과 같은 커맨드 실행이 필요하다.

Quick Guide: How to Identify Your Package Manager

Mon, 04 Mar 2024 00:00:00 +0000

Linux를 사용하다보면 그 안에서 사용 가능한 패키지 관리자 확인이 필요할 때가 있다. 쿠버네티스나 도커를 사용하면 image를 통해 pod container를 편리하게 구성할 수 있지만, 그 image가 구성된 OS가 어떤 배보판인지 확인하고 적합한 패키지관리자를 찾아야했다.

Spring Optimization: Refactoring Object-to-Map Conversion Methods

Fri, 01 Mar 2024 00:00:00 +0000

기존 Reflection 사용 방식 Object to Map 컨버팅 메서드의 성능 및 유지보수성 개선하기 위한 방법

Docker Pull Error: 두 가지 해결 방법

Mon, 26 Feb 2024 00:00:00 +0000

로컬 쿠버네티스 환경에 애플리케이션 배포를 하면서 겪은 Docker Image Pull 에러. 이것을 해결할 수 있었던 몇 가지 방법에 대한 기록.

[AWS] Terraform으로 이해하는 LoadBalancer(feat. ASG)

Thu, 22 Feb 2024 00:00:00 +0000

LoadBalancer, Listener, Listener Rule 그리고 Health Check에 대하여

MySQL SET - Change Default Port, Public Key Error

Sun, 11 Feb 2024 00:00:00 +0000

기본 포트 설정과 Public Key Retrieval is not allowed 에러에 대하여

[IntelliJ] 프로젝트 파일 안보이는 현상 및 해결

Tue, 06 Feb 2024 00:00:00 +0000

IntelliJ에서만 보여야할 작업 디렉토리 및 파일들이 안보이는 현상과 조치방법

[AWS] Getting Metadata on Amazon Linux 2023

Fri, 02 Feb 2024 00:00:00 +0000

Amazon Linux 2023 Machine Image 기반 서버에서 메타데이터 조회, MySQL 연결 방법

[Nuxt] How to build a static website

Mon, 22 Jan 2024 00:00:00 +0000

Nuxt Framework 애플리케이션을 배포하기 위해 알아야할 기본적인 커맨드

Errors when changing the "nvm" version

Mon, 15 Jan 2024 00:00:00 +0000

nvm -v 실행시 발생했던 에러에 대한 조치방법

[Nx] Monorepo structure design

Wed, 10 Jan 2024 00:00:00 +0000

하나의 repository가 있다. 이 저장소의 코드는 A라는 기존 템플릿 코드에 B 템플릿 코드를 합친 형태다. 하나의 도메인 안에서 A와 B 화면이 유기적으로 사용되어야했고, A와 B에 각각에 있는 스타일이나 기능 코드를 쉽게 가져다 쓰기 위해 이렇게 병합된 형태가 되었다. 그런데 애플리케이션의 사이즈가 커지면서 점점 패키지 충돌이 발생하게 되었다. 그래서 처음부터 다시 설계하여 분리하는것이 적절하다고 판단했고, 이 때 Monolithic Repository 구조를 적용하게되었다.

[Git] Upstream commit history merge

Thu, 04 Jan 2024 00:00:00 +0000

어느 Github 저장소를 Fork하여 나의 repository로 옮긴 후 이 코드를 가지고 몇번의 commit & push 작업을 해왔다. 어느날 메인(Fork했던 대상 Repository) 저장소에서 그 동안 이루어진 수정내역을 나의 repository에 반영해줘야할 시기가 왔다. 이 때 vs code로 진행했던 작업과정을 순서대로 기록해보았다.

[IntelliJ] CRLF/LF 개행 변경 문제 해결

Wed, 20 Dec 2023 00:00:00 +0000

인텔리제이를 통한 Git 작업시 종종 겪을 수 있는 CRLF/LF 개행 변경 관련 문제와 그 해결법

[Nuxt3] HTML to PDF

Tue, 12 Dec 2023 00:00:00 +0000

Nuxt3에서 HTML 내용 일부를 PDF 파일로 추출하는 방법

📌 기능구현에 사용된 패키지 : “html2pdf”

패키지 설치

npm install --save html2pdf.js

위 명령을 입력하면 package.json 파일의 dependencies 안에 "html2pdf.js": "^0.10.1", 한줄 추가된 것을 확인할 수 있다.

HTML to PDF Code

PDF로 다운로드하고자 하는 특정 HTML 요소의 id를 html-to-pdf 라고 가정

// PDF 다운로드 버튼 추가 예시
<button type="button" @click="generatePdf"> PDF Download</button>

PDF 다운로드 기능 js

<script setup lang="ts">
import html2pdf from "html2pdf.js"

const generatePdf = () => {
 let element = document.getElementById('html-to-pdf');
 let opt = {
 margin: 0,
 filename: 'myfile.pdf',
 image: { type: 'jpeg', quality: 0.98 },
 html2canvas: { scale: 2 },
 jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }
 };

 // New Promise-based usage:
 html2pdf().set(opt).from(element).save();
}
</script>

[Git] 소스코드 Push 무한로딩 현상

Thu, 07 Dec 2023 00:00:00 +0000

Source Push infinite loading

[Flutter] BottomNavigationBar 구현시 메모리 고려사항

Thu, 30 Nov 2023 00:00:00 +0000

기존 코드

import 'package:flutter/material.dart';
import 'package:meals_clone/screens/categories.dart';
// import 'package:riverpod/riverpod.dart';

class TabScreen extends StatefulWidget {
 const TabScreen({super.key});

 @override
 State<TabScreen> createState() => _TabScreenState();
}

class _TabScreenState extends State<TabScreen> {
 int _selectedPageIndex = 0;
 Widget categoriesScreen = const CategoriesScreen();
 Widget placeholder = const Placeholder();
 Widget activePage = const CategoriesScreen();

 void _selectPage(int index){
 setState(() {
 _selectedPageIndex = index;
 });
 if(_selectedPageIndex == 0){
 activePage = categoriesScreen;
 }
 else if(_selectedPageIndex == 1){
 activePage = placeholder;
 }
 }


 @override
 Widget build(BuildContext context) {
 return Scaffold(
 appBar: AppBar(
 title: const Text('Categories'),
 centerTitle: true,
 ),
 // body: const CategoriesScreen(),
 body: activePage,
 bottomNavigationBar: BottomNavigationBar(
 items: const [
 BottomNavigationBarItem(
 icon: Icon(
 Icons.set_meal,
 size: 30,
 ),
 label: '카테고리'),
 BottomNavigationBarItem(
 icon: Icon(
 Icons.star,
 size: 30,
 ),
 label: '즐겨찾기')
 ],
 showSelectedLabels: false, // 선택된 레이블 숨기기
 showUnselectedLabels: false, // 선택되지 않은 레이블 숨기기
 currentIndex: _selectedPageIndex,
 onTap: _selectPage,
 ),
 );
 }
}

수정된 코드

import 'package:flutter/material.dart';
import 'package:meals_clone/screens/categories.dart';
// import 'package:riverpod/riverpod.dart';

class TabScreen extends StatefulWidget {
 const TabScreen({super.key});

 @override
 State<TabScreen> createState() => _TabScreenState();
}

class _TabScreenState extends State<TabScreen> {
 int _selectedPageIndex = 0;

 void _selectPage(int index) {
 setState(() {
 _selectedPageIndex = index;
 });
 }

 @override
 Widget build(BuildContext context) {
 // 현재 선택된 페이지에 따라 적절한 위젯을 동적으로 선택합니다.
 Widget activePage = _selectedPageIndex == 0
 ? const CategoriesScreen()
 : const Placeholder();

 return Scaffold(
 appBar: AppBar(
 title: const Text('Categories'),
 centerTitle: true,
 ),
 body: activePage,
 bottomNavigationBar: BottomNavigationBar(
 items: const [
 BottomNavigationBarItem(
 icon: Icon(
 Icons.set_meal,
 size: 30,
 ),
 label: '카테고리'),
 BottomNavigationBarItem(
 icon: Icon(
 Icons.star,
 size: 30,
 ),
 label: '즐겨찾기')
 ],
 showSelectedLabels: false, // 선택된 레이블 숨기기
 showUnselectedLabels: false, // 선택되지 않은 레이블 숨기기
 currentIndex: _selectedPageIndex,
 onTap: _selectPage,
 ),
 );
 }
}

수정된 내용

불필요한 인스턴스화 제거: categoriesScreen과 placeholder 위젯을 미리 인스턴스화할 필요가 없다. 이들은 필요할 때 생성될 수 있으며, 위와 같이 수정하면 메모리 사용량을 줄이고 성능을 향상시킬 수 있다.

[Flutter] 에러 내용 “MissingPluginException(No implementation found for method getApplicationDocumentsDirectory on channel plugins.flutter.io/path_provider)”

Tue, 14 Nov 2023 00:00:00 +0000

에러 발생

개발 중 다음과 같은 로그가 발생했다.

MissingPluginException(No implementation found for method getApplicationDocumentsDirectory on channel plugins.flutter.io/path_provider)

Hot Restart를 해도 동일하게 에러가 출력.

그러나 동작에는 문제가 없는 상황

해결 💢

단순히 IDE와 시뮬레이터 재부팅 혹은 flutter clean

Flutter 공식 이슈이기도 한 문제 ⇒ https://github.com/flutter/flutter/issues/10912

[Git] Private Repo Clone 방법 및 RSA 키에 대한 이해

Tue, 07 Nov 2023 00:00:00 +0000

본 내용과 관련해서는 더 간단하게 설명된 다른 블로그 글들이 많이 있다. 그러나 그 각각의 내용이 무엇인지, 그것들이 어떻게 동작되는지 궁금해서 이 기회에 이것저것 찾고 알게된 내용들을 정리해보았다.

목차 -

사전 지식

RSA 키 쌍의 의미와 사용 목적:

RSA 키 쌍은 공개 키와 개인 키로 구성되며, 이들은 서로 수학적으로 연관되어 있다.
공개 키(public key): 이 키는 안전하게 공유될 수 있으며, Git 서버에 등록된다. 서버는 이 공개 키를 사용하여 사용자의 인증 정보를 확인한다.

[Nuxt3] Layout 설정 및 동적 변경

Tue, 31 Oct 2023 00:00:00 +0000

Nuxt3에서는 vue 파일에 특별한 설정이 없다면 해당 페이지의 레이아웃은 “default” 레이아웃으로 설정된다.

default 레이아웃 예시

<template>
 <div>
 <slot />
 </div>
</template>

실무에서 사용중인 레이아웃 예시

~/layouts/ 경로에 default.vue 파일을 추가하여 설정할 수 있다.

<template>
 <div id="page" class="page font--jakarta">
 <HeaderLayout1 />
 <slot />
 <FooterLayout1 />
 </div>
</template>

*default.vue *

※ 참고

slot 태그는 페이지를 렌더링하는 특수한 태그
해당 태그가 존재하지 않을 경우, 이상 동작할 수 있으므로 반드시 포함 필요
단, 페이지 영역을 숨겨할 경우는 v-show 등을 사용하여 제어해야 하며, v-show는 반드시 slot이 아닌 상위 Element에 위치해야 한다

[Nuxt3] $fetch 함수에 대하여(feat. 일반적인 fetch와의 차이)

Mon, 23 Oct 2023 00:00:00 +0000

우선 fetch와 $fetch를 사용한 각각의 예시코드부터 확인해보자.

fetch 사용 예시

import { useAsyncData } from 'nuxt3'

export default {
 setup() {
 const { data, pending, error, refresh } = useAsyncData('user', () =>
 fetch('http://localhost:8080/api/user/1')
 .then(response => response.json())
 )

 return { data, pending, error, refresh }
 }
}

$fetch 사용 예시

const { data, pending, error, refresh } = await useAsyncData(
 'mountains', // key
 () => $fetch('https://api.nuxtjs.dev/mountains')
)

fetch, $fetch 차이점

위의 코드를 살펴보면 둘 다 useAsyncData의 두 번째 매개변수로 함수를 전달하고 있다. 이 함수는 데이터를 가져오는 데 필요한 비동기 작업을 수행하며, 이 함수가 반환하는 Promise의 결과값이 useAsyncData의 data로 설정된다.

이 중 첫 번째 코드는 fetch 함수를 직접 사용하여 HTTP 요청을 보낸 후 .then 메서드를 사용하여 응답을 처리하는 내용이다. 그리고 응답값을 JSON 형식으로 파싱하기 위해 response.json()을 직접 호출하고있다. response.json()은 Fetch API에서 제공하는 메서드로, 응답값을 JSON 형식으로 파싱한다. 두 번째 코드에서 $fetch를 사용하면 이 메서드가 자동으로 적용된다. $fetch는 내부적으로 fetch를 사용하되, 추가적인 처리를 수행한다. 그 중 하나가 바로 응답을 자동으로 JSON 형식으로 파싱하는것이기 때문에 $fetch를 사용하면 response.json()을 호출하지 않아도 된다.

[Nuxt3] useFetch, useAsyncData의 차이

Thu, 12 Oct 2023 00:00:00 +0000

Nuxt3에서는 useAsyncData와 useFetch라는 훅을 지원한다. 이 둘은 코드 구성 형태가 비슷하기 때문에 차이점은 무엇인지 정리해보았다.

useFetch

useFetch는 created 단계 이후에 실행 (즉 ,새로운 Vue 인스턴스가 만들어진 후 데이터가 준비된 후에 실행)
이렇게 하면 useFetch가 실행되는 시점에는 컴포넌트의 데이터가 이미 준비되어 있으므로, 이 데이터를 기반으로 서버로부터 필요한 데이터를 요청하거나 필요한 작업을 수행할 수 있다. 이는 비동기적으로 데이터를 처리하는 웹 애플리케이션에서 매우 중요한 부분

useAsyncData

useAsyncData는 created 단계 이전에 즉, 첫 렌더링이 시작되기 전에 실행

Redis 세션 클러스터링 설정 (feat. Redisson)

Tue, 03 Oct 2023 00:00:00 +0000

How to Enable Session Clustering in “Low-level Spring Framework” and “Redis with Encryption”

Delimiter를 통한 다중 검색 처리

Mon, 25 Sep 2023 00:00:00 +0000

들어가며

현재 투입되어있는 프로젝트의 서비스 중에는 특정 데이터를 조회할 수 있는 화면이 있습니다.

그런데 이 화면을 사용하게되는 업무 특성상 데이터를 일일이 하나씩 조회하기가 번거롭다는 불편사항이있어

이를 한번에 다중 검색 가능하도록 수정 조치하였고, 당시 작업내용을 핵심부분만 간략하게 정리하였습니다.

기존 방식

mapper.xml

<sql id="ticketSearch">
 <if test="(method_info != null and method_info != '')">
 <if test="method_id == 'gkId'">
 AND GK_ID = #{method_info}
 </if>
 <if test="method_id == 'parentTicketId'">
 AND UPPER(PRNT_TKT_ID) LIKE CONCAT('%',UPPER(REPLACE(#{method_info}, '_', '#_')),'%') ESCAPE '#'
 </if>
 <if test="method_id == 'ticketId'">
 AND UPPER(TKT_ID) LIKE CONCAT('%',UPPER(REPLACE(#{method_info}, '_', '#_')),'%') ESCAPE '#'
 </if>
 <if test="method_id == 'guid'">
 AND GUID LIKE CONCAT('%',#{method_info},'%')
 </if>
 </if>
</sql>

<select id="list" parameterType="map" resultMap="ticketVO">
 SELECT
 컬럼 1,
 컬럼 2,
 컬럼 3
 FROM
 테이블 A
 WHERE
 DEL_YN_FG = 'N'
 <include refid="ticketSearch"/>
</select>

▲ 화면에서 입력한 문자열 1개를 포함하고있는 데이터를 “like” 검색을 통한 단일 조회 방식

Autoscaling 적용을 위한 스케줄(@Scheduled) 로직 변경

Thu, 21 Sep 2023 00:00:00 +0000

들어가며

현재 투입되어있는 프로젝트에서는 최근 기존의 인프라 구성에서 많은 부분 전환된 일정이 있었습니다. 그 당시 Autoscaling을 적용하기 위해서 예상되는 문제점은 무엇이 있었는지, 그리고 그것을 어떻게 극복했는지 다음과 같이 정리하였습니다.

기존 환경

Autoscaling이 적용되어있지 않은 was EC2 2개 운영
해당 서버의 Spring Framework 애플리케이션 내에는 @Scheduled 어노테이션을 통한 스케줄잡 사용
일부 스케줄 관련 코드 :

@Scheduled(cron = "0 30 9 ? * *", zone = "GMT+9:00")
 public void notifyLongTermNoUseAdmin() {
 if("1".equals(GkConstant.WAS_NUMBER)) { // STG, PRD 의 1번 서버인 경우에만 Batch 실행
 try {
 List<LongTermNoUseAdminVO> notifyAdminDataList = longTermNoUseAdminSvc.getNotifyAdminDataList();

 for (LongTermNoUseAdminVO voNotifyAdmin : notifyAdminDataList) {
 try {
 List<String> mailReceiverIDList = new ArrayList<>(Arrays.asList(voNotifyAdmin.getAccountId())); // 메일 수신인 리스트에 장기 미사용자의 이메일 주소만 추출해 추가

 // 대상자별 mail template parameter 가 다르기 때문에 for 문을 통해 개별 메일 발송
 awssesClient.sendEmail(mailReceiverIDList, "[" + ospAppConfig.getGkServerType() + "]" + MailEnum.NOTIFICATION.getMailSubject(),
 setMailHtmlBody(MailEnum.NOTIFICATION, voNotifyAdmin), null);

 LOG.info("##### SUCCESS Sending Notification Email : {}, {}", voNotifyAdmin.getSaGuid(), voNotifyAdmin.getAccountId());
 } catch (Exception e) {
 e.printStackTrace();
 LOG.info("##### FAIL Sending Notification Email : {}, {}", voNotifyAdmin.getSaGuid(), voNotifyAdmin.getAccountId());
 }
 }
 LOG.info("##### SUCCESS notifyLongTermNoUseAdmin Batch");
 } catch (Exception e) {
 e.printStackTrace();
 LOG.info("##### FAIL notifyLongTermNoUseAdmin Batch");
 }
 }
 }

위와 같이 “코드가 실행되는 두대의 서버 중 vm option의 특정 시스템 프로퍼티가 ‘1’로 되어있는 서버에서만 동작”하도록 조건이 설정 (if("1".equals(GkConstant.WAS_NUMBER)))

문제점

Autoscaling을 적용하게되면 서버가 동적으로 생성 및 삭제되기 때문에 어느서버가 1번 서버인지 기준이 사라지는 상황. 따라서 기존의 Scheduled 로직이 여러 서버에서 중복으로 실행되거나 혹은 전혀 실행될 수 없는 로직

Open vscode with the Terminal 'code .' command

Thu, 03 Aug 2023 00:00:00 +0000

명령어를 통해 Visual Studio Code로 특정 경로 열기

터미널에서 작업을 하다보면 종종 특정 경로를 “Visual Studio Code”로 바로 열고싶을 때가 있다. 이럴때 사용할 수 있는 방법으로, 터미널에서 code . 명령을 통해서 현재 위치를 vscode로 열거나 code ~/열고싶은 디렉토리 경로 명령으로 열 수 있는데, 이 커맨드를 사용하기 위해서는 다음과 같은 과정이 필요하다.

‘code’ 명령 설치

Visual Studio Code 열고 cmd + shift + p
code 입력 후 Shell Command: Install ‘code’ command in PATH 클릭

[JS] input box 사용자 편의성에 대한 고민

Tue, 01 Aug 2023 00:00:00 +0000

Thinking about user usability for ‘input box’

[AWS] 콘솔과 CLI 접속시 특정 IP 외 접근 차단 정책

Wed, 26 Jul 2023 00:00:00 +0000

Policy to block certain IP access to the console or CLI

[JS] document.cookie 사용 이슈 및 해결 방법

Fri, 21 Jul 2023 00:00:00 +0000

document.cookie

들어가며

Frontend에서 Cookie를 다룰 때, 일반적으로 javascript의 document.cookie 를 통해 get, set, delete 할 수 있다. 이러한 cookie는 같은 브라우저 내에서 값을 저장, 전달, 공유할 수 있다는 점에서 유용하게 사용된다. 현재 투입되어있는 프로젝트에서도 document.cookie로 쿠키가 관리되고있으며, 다음과 같은 용도로 사용되고있다.

다른 화면으로 파라미터를 넘기기 위해
뒤로가기 시 이전의 검색조건 값을 다시 불러오기 위해
window.open 을 통한 팝업 창에서 부모 창으로 값을 전달하기 위해

문제점

이러한 document.cookie를 단순하게 사용하기에는 한 가지 문제가 있었다. 사용자가 목록페이지에서 “각기 다른 여러 글”을 Ctrl을 누른채 클릭하여 새로운 탭으로 띄울때, 그리고 이 과정이 짧은 시간에 이루어질때 몇가지 문제가 발생했다. A, B, C 글을 짧은시간에 ‘거의’ 동시에 띄울경우 A, B, C 글에 대한 각각의 탭이 열리는게 아닌, C의 글만 3개가 띄워진 것. 이는 A탭이 열린 직 후 A에 대한 파라미터를 담은 쿠키를 조회하기 전, C에 대한 쿠키로 덮어쓰기되어 발생된 현상이었다.

[DB] redis-cli 명령어 종류 및 자료구조 정리

Fri, 14 Jul 2023 00:00:00 +0000

‘Commands used in Redis and summary of ‘data structure’

[AWS] ElastiCache for Redis 생성 및 접속

Mon, 10 Jul 2023 00:00:00 +0000

📌

테스트 환경 : Mac OS M1

Redis 클러스터 생성 설정값

‘클러스터 모드’ 비활성화
AWS ElastiCache for Redis 생성시 default로 잡히는 포트는 6379
그러나 보안을 위해 default 포트는 피해서 6480으로 설정
암호화는 ‘저장 중 암호화, 전송 중 암호화’ 모두 활성화하여 생성

Redis 접근

Redis 접근 조건

로컬에서 AWS Redis에 cli로 접근하기 위해서는 “로컬 → Redis”로 다이렉트로 접근할 수 없음 외부 접근 비허용. 같은 VPC 내부의 인스턴스를 통해서만 접근할 수 있음
이러한 특징 때문에 로컬에서 Redis에 접속하기 위해서는 Bastion Host가 필요

[AWS] ElastiCache for Redis 구성요소

Wed, 05 Jul 2023 00:00:00 +0000

Components of ‘ElastiCache for Redis’

[DB] Redis란 무엇인가? 기본적인 개념

Sat, 01 Jul 2023 00:00:00 +0000

Basic concepts about ‘Redis’

[IntelliJ] 정적 리소스 변경사항 자동 반영

Mon, 26 Jun 2023 00:00:00 +0000

Automatically reflect static resource changes

[IntelliJ] java 파일 서버 재실행 없이 변경사항 적용 (HotSwap)

Wed, 21 Jun 2023 00:00:00 +0000

Apply changes to java files without restarting the server

Custom Domain and Create DNS

Tue, 06 Jun 2023 00:00:00 +0000

SSL 서버인증서

HTTP : 암호화되지 않은상태

HTTPS : 암호화된 상태

브라우저로부터 어떤 웹서버로 보내진 암호화된 데이터는 사이트 운영자가 가진 비밀키를 이용해 원래 데이터로 되돌릴 수 있다. 그러나 운영자 외 악의를 가진 누군가가 운영자로 위장한 (피싱) 사이트를 구축해 데이터를 훔칠 가능성도 있다.

이 경우, 위장하지 않았음을 보장해주는 회사들을 **‘인증기관’**이라 부르며, 이 보장을 증명하는 것이 SSL 서버 인증서(인증서)

브라우저 주소창에서 열쇠아이콘을 클릭하면 볼수 있는 것이 SSL 서버 인증서

Route53의 두 가지 기능

Using AWS to Build Infrastructure

Mon, 05 Jun 2023 00:00:00 +0000

VPC

vpc cidr : 10.0.0.0/16

서브넷

Subnet 간단 개념

개념 : VPC의 IP 주소 범위를 나누는 단위.
역할분리 - 외부에 공개하느 리소스 여부를 구별
기기 분리 - AWS 안에서의 물리적인 이중화(다중화)를 수행

subnet cidr :

10.0.0.0/20(public1)
10.0.16.0/20(public2)
10.0.64.0/20(private1)
10.0.80.0/20(private2)

Internet Gateway

internet gateway 생성 후 vpc에 연결

NAT Gateway

NAT Gateway : private subnet 2개에 각각 대응해줄 2개의 NAT Gateway 생성 후 “퍼블릭 서브넷”에 1개씩 연결 ( + eip 할당 )

라우팅 테이블

Tomcat 배포 방식의 올바른 이해와 구조적 분석

Thu, 11 May 2023 00:00:00 +0000

Tomcat 서버의 애플리케이션 배포는 웹 애플리케이션 운영에서 가장 기본적인 영역이면서도, 실제로는 많은 개발자들이 정확한 동작 원리를 놓치고 있는 부분이다. 최근 고객사 운영 서버의 server.xml 설정을 분석하던 중, <Context> 태그와 <Host>의 appBase 속성이 혼재된 구성에서 WAR 파일 배포 과정에 대한 오해를 발견했다.

기존의 배포 설정

운영 중인 서버의 server.xml 설정:

<Host name="localhost" appBase="/home/manager/eps/webapps"
 unpackWARs="true" autoDeploy="true">

 <Context path="" docBase="/home/manager/eps/webapps/legacy" reloadable="false" />
 <Context path="/v5" docBase="/home/manager/eps/webapps/ui5" reloadable="false" />

 <!-- ... AccessLogValve 설정 ... -->
</Host>

이 설정에서 명시적인 <Context> 배포와 appBase를 통한 자동 배포가 공존하고 있었음.. 그런데 여기서 문제가 발생. 새로운 버전의 ui5.war 파일을 배포하려 할 때, 기존 관리자는 다음과 같은 절차를 따르고 있었다.

Try Python's argparse

Sun, 23 Apr 2023 00:00:00 +0000

Argparse

argparse를 이용하면 파이썬 스크립트 실행시 사용자 임의의 Argument값을 넘겨서 활용할 수 있다.

유용한 argparse에 대하여 간단한 예제

import argparse

# 인자값을 받을 수 있는 인스턴스 생성
parser = argparse.ArgumentParser(description='사용법 테스트입니다.')

# 입력받을 인자값 등록
parser.add_argument("-testArg", dest="testDest", help="python argparse.py -testArg={입력값} 형태로 입력하세요~")

# 입력받은 인자값을 args에 저장 (type: namespace)
args = parser.parse_args()

if args.testDest:
 print("결과값: ", args.testDest)

사용예시 :

» python argparseTest.py --help
usage: argparseTest.py [-h] [-testArg TESTDEST]

사용법 테스트입니다.

optional arguments:
 -h, --help show this help message and exit
 -testArg TESTDEST python argparse.py -testArg={입력값} 형태로 입력하세요~

결과값 :

» python argparseTest.py -testArg=123
결과값: 123`

How to separate Python's development environment (venv)

Sat, 22 Apr 2023 00:00:00 +0000

venv(가상환경) 사용 이유

파이썬을 다루다보면 다양한 패키지들을 사용하게 된다.

그렇게, pip3 install {패키지명}을 무분별하게 사용하다보면 로컬에 있는 다른 프로젝트 간 패키지 버전 충돌 혹은 패키지(라이브러리)간 의존성 문제가 발생하기도 한다.

이를 해결하기 위해 ‘venv’라는 파이썬 모듈로 패키지 환경 분리가 가능하며, 작업환경이 바뀌더라도 필요한 패키지들을 동일한 버전으로 설치해 작업할 수도 있다.

현재 설치되어있는 파이썬 패키지 목록 확인

pip list

가상환경 생성

python -m venv myenv

venv 라는 모듈을 사용하겠다는 의미

myenv는 사용자 임의의 가상환경 별칭

Defense against injection attacks

Thu, 20 Apr 2023 00:00:00 +0000

❓

Injetion : 보안 취약점을 이용하여, 임의의 SQL 문을 주입하여 데이터베이스가 비정상적인 동작을 하도록 조작하는 행위

** 📜 Content**

🗡️ Injection 공격 예시

/* 어떠한 POST방식 API에
아래와 같은 인자값을 넘기는 것이 정상적인 방법일 때*/
{ testKey : "testValue" }

/* 악의적인 사용자는 다음과 같이 인자값을 설정하여 쿼리를 조작할 수 있다. */
{ testKey : "testValue' and '해킹'='해킹" }

위 인자값이 SQL Query에 적용될 때 정상적인 인자값을 넘겨받은 쿼리

select * from testTable where key = 'testValue'

Injection 공격을 시도된 쿼리

select * from testTable where key = 'testValue' and '해킹'='해킹'

🛡️ python에 대한 injection 방어 코드

실무에서 사용된 DB 호출 코드 방식 (Injection 대응 전)

import psycopg2
from psycopg2.extras import RealDictCursor

# DB 연결 준비
conn = psycopg2.connect("dbname={} user={} host={} password={}".format(db_name, db_user, db_host, db_pass))

# DB 호출함수 선언
def fetch(conn, query):
 result = []
 cursor = conn.cursor(cursor_factory=RealDictCursor)
 cursor.execute(query) # SQL 실행

 # DB조회 결과값 담기
 raw = cursor.fetchall()
 for line in raw:
 result.append(line)

 return result

# SQL 쿼리 선언
query = "select pjt_no, item_type from testTable "
query += "where pjt_no = '" + pjt_no + "' "
query += "and item_type = '" + type_cd2 + "'"

# DB 호출함수 실행
result = fetch(conn=conn, query=query)

Injection 대응 (Type 1)

import psycopg2
from psycopg2.extras import RealDictCursor

# DB 연결 준비
conn = psycopg2.connect("dbname={} user={} host={} password={}".format(db_name, db_user, db_host, db_pass))

# DB 호출함수 선언
def fetch(conn, query, sql_arg):
 result = []
 cursor = conn.cursor(cursor_factory=RealDictCursor)
 cursor.execute(query, sql_arg) # SQL 실행

 # DB조회 결과값 담기
 raw = cursor.fetchall()
 for line in raw:
 result.append(line)

 return result

# SQL 쿼리 선언
query = "select pjt_no, item_type from testTable "
query += "where pjt_no = %(pjt_no)s"
query += "and item_type = %(item_type)s"
sql_arg = {
 'pjt_no' : pjt_no,
 'item_type' : item_type,
}

# DB 호출함수 실행
result = fetch(conn=conn, query=query, sql_arg=sql_arg)

Injection 대응 (Type 2)

(딕셔너리 타입(X) → tuple 타입으로 넘기는 것도 가능)

Hello world!

Thu, 20 Apr 2023 00:00:00 +0000

✅

The blog works by importing posts written in Notion!

Hello, I am jay, the owner of the blog. 🙂

If there is anything wrong or if you have any questions, please feel free to contact us by email. thank you! 😎

Blhamz wallpaper

GITHUB.

https://github.com/jay-lab

Resume.

Sat, 25 Jun 2022 00:00:00 +0000

morethanmin, Software Engineer

Contact.

Email. morethanmin.dev@gamil.com

Phone. 010-1234-1234

Channel.

GitHub. https://github.com/morethanmin

Blog. https://morethanmin.web.app

Introduce.

hello? I am a developer who loves to code. hello? I am a developer who loves to code. This is the requirements test page. This is the requirements test page. This is the requirements test page. This is the requirements test page. This is the requirements test page.

The cat is doing the coding for me. The cat is doing the coding for me.