소소한 일상 및 업무TIP 다루기

라즈베리파이5 입문

Link2Me — Sun, 15 Feb 2026 09:10:28 +0900

회사에서 라즈베리파이 5로 온도, 습도, 전력제어 등을 한다고 하는 분이 계서서 나도 한번 도전해보고 싶어서

라즈베리파이 5 베이직키트와 별도 미니타워형 케이스를 주문하고 DHT22 온습도 센서를 구입했다.

제일 왼쪽에 전원을 연결하고 가운데 단자에 모니터를 연결한다.

케이스 조립하느라고 동영상 열심히 보면서 조립 겨우 성공했다.

USB 포트에 키보드와 마우스를 연결한다. 무선 마우스, 키보드를 사용하다가 매끄럽지 못해서 유선마우스 쓸만한 것과 키보드도 로지텍 유선키보드로 대체했다.

꼽혀있는 USB에는 SD카드 32GB가 장착되어 있다. USB Reader 에서 SD카드를 빼서 케이스 바닥면에 있는 SD카드 장착하는 곳에 옮겨주면 된다.

미니타워형 케이스는 https://www.eleparts.co.kr/main/index 에서 구입을 했고, 라즈베리파이 5 베이직키트는 재고가 없는 거 같아서 쿠팡에서 구입했다.

베이직키트에 케이스도 포함되어 있더라. 하지만 먼저 미니타워형 케이스를 선구입하는 바람에 이걸로 조립했다.

구입해서 보니까 SD카드 대신에 SSD 를 사용하는 것이 더 낫겠다는 생각이 든다.

SD카드 대신 SSD로 업그레이드 가능
SD카드는 소모품이라 읽기/쓰기가 반복되면 수명이 다하거나 속도가 느려지는 단점이 있다.
라즈베리파이 5의 성능을 제대로 쓰고 싶다면 나중에 다음과 같은 구성을 고려해 보라고 한다.
- USB 3.0 SSD 부팅: 외장 SSD를 USB 포트에 꽂고, SD카드 없이 SSD만으로 부팅하도록 설정할 수 있다. (속도가 수배 이상 빨라짐)
- NVMe SSD 장착: 전용 확장 보드(NVMe HAT)를 사서 조립하면 일반 PC 수준의 속도를 낼 수 있다.

https://www.raspberrypi.com/software/

Raspberry Pi software – Raspberry Pi

From our operating system to our GitHub repos, explore the software that powers our technology

www.raspberrypi.com

위 사이트에서 Windows 용 Raspberry Pi Imager 를 다운로드받고 준비된 SD카드를 장착하고 순서에 따라 진행한다.
쓰기까지 완료되고 나면 USB Reader 기를 라즈베리파이에 꼽으면 자동 설치가 된다.

- 조건: Raspberry Pi Imager로 SD카드를 구울 때 **'설정 편집(Edit Settings)'**에서 SSH 활성화와 Wi-Fi 설정을 미리 완료했어야 한다.

라즈베리파이에서는 su로 루트 계정에 직접 로그인하는 대신, 설정한 일반 사용자 계정에서 sudo를 앞에 붙여 관리자 권한을 행사하는 것이 기본 원칙이다.

즉시 종료 (가장 권장)
sudo shutdown -h now

라즈베리파이에 Node.js를 직접 설치하기보다, 버전을 쉽게 바꿀 수 있는 **NVM(Node Version Manager)**을 사용하는 것을 강력히 추천.
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

# OS 버전 및 비트 확인 (라즈베리파이 5는 64비트가 권장됩니다)
uname -m

# Node.js 설치 여부 및 버전 확인
node -v

# 파이썬 버전 확인
python3 --version

# MQTT 통신을 위한 라이브러리 (Paho MQTT)
pip install paho-mqtt

# 라즈베리파이 GPIO 제어 (라즈베리파이 5는 gpiod 권장)
pip install gpiod

온도 습도 센서를 구입해서 연결하려고 했더니 핀이 개별로 연결해야 된다고 하고, 케이스도 없어서 이게 맞나 싶더라.

그래서 다시 검색을 해보니 Zigbee 동글과 연결해서 사용하는 외관 케이스까지 깔끔한 온도 습도 센서가 있더라.

그래서 동글 구매해서 이걸로 연결하려고 한다.

if 문 사용 주의사항

Link2Me — Wed, 8 Oct 2025 17:44:56 +0900

조건식에 괄호 ( ) 사용하지 않음

// ❌ 잘못된 예
if (x > 10) {
fmt.Println("크다")
}

// ✅ 올바른 예
if x > 10 {
fmt.Println("크다")
}

중괄호 { }는 반드시 같은 줄에 위치해야 함

// ❌ 잘못된 예
if x > 10
{
fmt.Println("크다")
}

// ✅ 올바른 예
if x > 10 {
fmt.Println("크다")
}

if 안에서 변수를 선언할 수 있음

if n := len(name); n > 3 {
fmt.Println("이름이 너무 깁니다:", n)
} else {
fmt.Println("이름 길이 OK:", n)
}

else는 반드시 같은 줄에 위치해야 함

// ❌ 잘못된 예
if x > 10 {
fmt.Println("크다")
}
else {
fmt.Println("작다")
}

// ✅ 올바른 예
if x > 10 {
fmt.Println("크다")
} else {
fmt.Println("작다")
}

if문에서 여러 조건을 쓸 때는 &&, || 사용

if age > 18 && country == "KR" {
fmt.Println("성인입니다.")
}

if score < 60 || attend < 0.8 {
fmt.Println("불합격")
}

기본 타입은 모두 소문자

Link2Me — Wed, 8 Oct 2025 15:12:29 +0900

Go의 기본 타입들은 모두 소문자로 시작

package main

import "fmt"

func main() {
var a int
var b string // ✅ 소문자 string으로 수정

a = 7
b = "hello"

fmt.Println("a:", a)
fmt.Println("b:", b)
}

package main

import "fmt"

var globalVar = "전역 변수" // 패키지 전역 변수 ← main 함수 밖에서 선언, 모든 함수에서 접근 가능

func main() {
var a int = 10 // 명시적 선언 : var 키워드와 type을 명시적으로 선언

var y = 10 // 타입을 생략하면 Go가 자동 추론
b := "hello"               // 짧은 선언 : 함수 내에서만 사용 가능 (var 없이 자동 타입 추론)
const PI = 3.14159         // 상수
nums := []int{1, 2, 3, 4}  // 슬라이스
person := map[string]int{"age": 30, "height": 175} // 맵

fmt.Println(globalVar)
fmt.Println(a, b, PI)
fmt.Println(nums)
fmt.Println(person)
}

영혼의 언어는 행동

Link2Me — Wed, 8 Oct 2025 15:08:07 +0900

말을 예쁘게 하자.

결혼은 외부와 내부의 연합

- 외부인의 환경과 조건을 안 볼 수는 없다.

- 부모로서 가장 중요한 것은 안정감

- 사위를 향한 표현은 삶을 돌아보며 느낀 '불안감'이었을 것

여성들의 결혼 대상 1순위 덕목

- 장모님과 아내가 원하는 건 안정감

1. 사회적 안정감 : 직장

2. 경제적 안정감 : 돈 얼마나 벌어?

3. 정서적 안정감 : 나한테 꾸준히 잘 하느냐?

영혼의 언어는 반복된 행동

관계에서 중요한 것은 예뻐 보이는 것

나 조금 힘드네....

자기 만나서 힘든 난 안 힘들까?

그럼에도 불구하고

Claude Code 문제점 및 장점

Link2Me — Sat, 20 Sep 2025 21:20:27 +0900

AI의 등장과 LLM의 발전으로 자연어로 대화하듯 코딩할 수 있는 세상이 도래되었다.

개발자들은 이제 보일러플레이트 고드 작성, 단순한 함수 구현, 문서화 작업 등을 LLM에 맡기고, 시스템 아키텍처 설계, 비즈니스 로직 구현, 사용자 경험 개선 등 창의적이고 전략적인 업무에 시간을 투자해야 하는 시대가 되었다.

chatGPT를 주로 사용하다가 코딩경력 40년된 분으로부터 claude code 가 좋다고 해서 claude 를 사용해보기 시작했다.

chatGPT 와 다르게 claude 는 코드를 제대로 구현해주는 느낌을 받았다.

그러나 문제가 좀 있는 것은....

함수가 없어서 새로 구현해야 한다고 의견 제시를 하면 좋은데, 구현되어 있는 함수로 최대한 활용하여 코드를 구현하려는 못된 습성이 있다.

Web 에서 질문했을 때 무조건 새로운 대화창에 다시 문의하는 것이 대안이다. chatGPT에게 문의하면 오히려 문제가 해결될 수도 있다. 여러번 당해봐서 이제는 어떻게 해야 할지 알게 되었다.

claude code 에서는 ESC 키를 눌러서 중단하고, 명확하게 요구사항을 다시 작성해서 요구하는 것이 좋다.

claude 는 Web 상에 코드를 붙여넣고 원하는 걸 구현 요청하다보니 토큰 소모가 claude code 보다 더 많은 거 같다.

장점도 당연히 있다. 구현해준 코드를 확인하면서 다시 수정 요청하기가 편한 경우가 있다.

Back-End 코드를 구현하기 위해서는 먼저 테이블을 설계하고 테이블 구조를 claude에 알려줘야 한다.

테이블 설계는 chatGPT 와 claude 둘 다 활용하면서 진행해 봤다.

테이블 설계를 한 후, 또는 설계된 테이블을 수정하면서 Spring Boot 에 필요한 RestController, Service, Mybatis mapper 등을 claude 가 알아서 구현해 준다.

JPA + QueryDSL 코드인 경우에도 잘 구현된 샘플이 매우 중요하다.

맨땅에서 헤딩하면서 잘 된 코드를 기대해서는 안된다. 잘 구현된 샘플코드가 매우 중요하다.

샘플코드는 Layout 등 템플릿 구조가 잘 설계된 코드를 말한다.

잘 만들어진 템플릿을 구현하거나, 얻어서 테스트하고 내것으로 만드는 것이 중요한 거 같다.

설계를 잘 하기 위해서는 발주처의 요구사항을 분석하고 로직을 잘 그릴 줄 알아야 한다.

claude code는 기존 구조를 스스로 파악해서 요청하는 신규 코드를 잘 구현한다.

Web 처럼 샘플코드를 찾아서 구조 설명하면서 이런 구조로 구현해 달라고 하지 않는 점이 장점이다. 경로만 잘 인식하도록 지정해주면 알아서 그 코드를 분석하고 신규 코드를 구현한다.

그런데 구체적으로 요청하지 않으면 추론으로 쓸데없는 함수 구현을 많이 해주는 경향이 있다.

처음에는 명확하게 CRUD 만 구현할 것을 요청하는 것이 중요한 거 같다.

그런 다음에 Front-End 코드를 구현할 사항을 정의하여 claude code 에 제공하고 구현 요청한다.

당연히 관련된 백엔드 Controller 가 뭔지, 어떤 폴더에 있는지 알려줘야 한다.

Vue3 로 구현 시 잘 구현된 다른 폴더의 샘플을 제시하면 분석해서 순식간에 코드를 생성한다.

하지만, 코드가 완성도 있게 잘 구현되어 있기를 기대해서는 안되더라.

Spring Boot 를 구동시키고, Vue3 를 구동시켜 테스트 하면서 하나씩 기능을 점검하고 추가하는 작업을 해야 원하는 결과를 빠르게 구현할 수 있다.

막연히 알아서 구현해주겠지 하고 기대했다간 큰 코 다칠 수 있다는 걸 명심하자.

백엔드 종료 완료. 이제 Edit 도구로 다시 시도합니다.
● Read(C:/Sample/spring/nindv/src/main/java/com/api/nindv/bw/service/DvInterviewService.java)
⎿ Read 10 lines
● Update(C:/Sample/spring/nindv/src/main/java/com/api/nindv/bw/service/DvInterviewService.java)
⎿ Error: File has been unexpectedly modified. Read it again before attempting to write it.
● 여전히 문제가 있습니다. Claude Code 내부 문제 같습니다.

claude code 가 코드를 수정할 때 위 메시지가 나오면 무조건 claude code 내부 문제인 거 같다.

이럴 때는 반드시 claude.md 로 현재까지 진행중인 것을 저장하고 claude code 를 재시작해서 시도해보자.

그럼에도 안되면 Bash, sed 로 수정을 시도하더라.

하지만 Powershell, Python 으로 수정하면 파일이 깨지는 경우가 발생하므로 하기전에 반드시 git commit 부터 하고 나서 하는게 좋다.

claude code 를 사용하고 exit 하기 전에 반드시 "claude.md 에 저장해줘. 그리고 다음에 이어서 할 수 있게 정리해줘" 라고 하고 나서 exit 하자.

"Vue3, Spring Boot, Android git commit 해줘" 라고 하자. 그러면 잘못 개발 진행되면 되돌릴 수 있다.

Front-End 로 React 를 사용하면 React git commit 해줘 라고 하면 된다.

코드를 대폭 수정해야 할 사항으로 진행하려고 한다면 반드시 git commit 을 먼저하고 나서 진행하는 것이 필수다.

그렇지 않으면 중도에 되돌리는데 애로사항이 있을 수 있다.

DB 연결 정보를 mcp mariadb 라고 claude code 에서 요청하면 해당 DB 접속정보를 만들어 낸다.

그걸 반드시 테스트 해서 처리해야 한다. DB 테이블 저장 데이터, 테스트하는 user_id 등을 알려주고 테이블명 확인 요청 등을 하면서 데이터 잘못 저장하는지 확인 등 하면 좋다.

그런데 신규 프로젝트를 생성하고 기존에 사용하던 .mcp.json 파일을 복사해서 DB 내용을 수정하고 claude Code 를 실행하면 접속이 자동으로 될 것으로 기대를 했으나 그렇지 않다.

몇번의 시행착오를 거치면서 알아낸 사실은 MCP 서버 자체의 env 파일은 다른 DB로 설정되어 있을 수 있으니 반드시 claude 에게 확인해서 정확한 접속이 되도록 설정을 하는 것이 중요하다.

항목	값
.env 파일	c:\DEV\mcp-servers\mariadb-mcp\nindv.env
DB_NAME	nindv
.mcp.json 위치	c:\AndroidStudioProjects\Logis\nindv\vue3\nindv-ui\.mcp.json
MCP 서버 이름	mariadb-nindv
Claude Code 시작 위치	c:\AndroidStudioProjects\Logis\nindv\vue3\nindv-ui
테스트 쿼리	SELECT * FROM hr_members WHERE user_id = 'admin01';

Web 브라우저 콘솔 창에서 발생하는 로그를 일일히 붙여하면서 요청하는 것이 너무 귀찮아서 찾아보니 playwright mcp 를 설정해서 사용하면 편하다고 되어 있다.

"playwright를 사용해서 https://www.naver.com 에 접속하고 스크린샷을 찍어줘"

"playwright로 구글에서 'MCP'를 검색하고 결과를 가져와줘"

"playwright를 이용해서 로그인 폼을 테스트하는 스크립트 만들어줘"

mcp playwright 로 스스로 Web 브라우저를 띄우고 알려준 user_id, pw 정보를 토대로 로그인 처리까지 하고 직접 콘솔 에러로그를 확인하면서 잘못된 것을 수정하고, 백엔드코드를 수정하는 걸 경험했다. 신세계를 경험하는 느낌이었다.

일일이 설명하기 정말 귀찮은데 알아서 분석하는 것을 보니까 놀랍더라.

개발서버에서 개발한 코드를 CI/CD 로 자동으로 서버에 업로드하고 배포하는 걸 스크립트화 했더니 그 파일을 가지고 스스로 서버에 배포하면서 확인까지 하더라.

장점

1. Vue3 프로젝트 폴더에서 백엔드 폴더 경로 알려주면 백엔드 파일도 같이 수정한다.

한번에 Front-End 와 백엔드 코드를 개발하면서 진행하기 때문에 매우 편리하다.

2. 남들이 개발한 코드 분석하라고 하면 엄청 잘 한다. 세부적으로 잘하는 지 여부는 모르겠으나 전체 관점 로직 분석 짱.

3. Github 등 공개된 오픈 소스 분석해서 내가 구현하고 싶은 걸 요청하는 거 정말 잘한다.

4. 언어 상관없이 소스 분석 잘 한다. 그러니 내가 아는 Open 소스를 구하려고 하지 않아도 된다.

5. 템플릿이 잘 구성된 코드 기반으로 살을 붙여가는 방식으로 코드 구현은 매우 좋은 거 같다.

6. 이미지 분석을 정말 잘한다. 설명하기 모호하면 캡쳐해서 이미지 경로 알려주고 설명 적어주는게 빠르다.

이해를 잘못하고 엉뚱 한 걸 수정하면 이미지 캡쳐해서 저장하고 경로 알려주면 바로 이해하더라.

7. "Android 코틀린 앱의 채팅과 동일한 구조로 Vue3 채팅 메뉴를 구현해줘" 라고 하면 Android kotlin 코드를 분석해서 Vue3 채팅 기능을 구현해준다.

8. 개발한 코드 산출물을 배포할 때 서버 환경 설정 등 정말 알아야 할게 많다.

클로드 코드는 이런 걱정 전혀 할 필요없게 알아서 다 해준다. Git Bash 로 서버 접속할 수 있게만 해주면 알아서 서버 환경 설정하고 Windows11 에서 자동 배포 스크립트까지 만들고 에러 발생하면 에러 메시지 제공하면 수정하면서 금방 만든다.

단점

1. 분석을 100% 했을 거라고 기대하지만 막상 구현된 코드를 테스트하면 대략적인 흐름만 구현한다.

즉 디테일한 요구사항까지 분석해서 코드를 구현하지 않더라.

2. 하나의 프로젝트를 거의 완벽하게 구현한 코드를 95% 활용하고 싶어서 분석을 요청하면 대충 분석을 한다.

기존 코드와 약간 다른 점, DB가 달라지는 점 등을 제대로 설명하기 위한 방법을 찾으려고 한다.

mWeb 기능 @c:\DEV\Vue3\pchat-ui\ 프로젝트 참조해서 구현해줘. 라고 했더니 엉뚱하게 처리하더라.

제대로 분석 안했다고 하니까 그때서야 다시 분석하고 100% 그대로 복사하려는 경향을 보인다.

결국 어떻게 알려줘야 제대로 할 것인가의 문제인 거 같다.

3. Spring Boot 는 백엔드 제어권을 내가 가지고 에러 메시지를 확인하면서 피드백해야 빠르다.

제어권 넘기고 알아서 로그 분석하면서 할 것으로 기대하면 안된다.

4. 중간에 변수명 변경한 것이 있으면 꼭 알려줘야 한다. 그리고 그와 관련된 모든 코드를 점검하라고 해야 한다.

알아서 변경했겠거니 했다가 완전 맨붕상태 빠질 수 있다.

chatGPT는 마지막 파일을 Web 에 붙여넣으면 그 코드 기준으로 변수명을 업데이트하는데

claude 는 초기 읽어들인 변수명을 고집하는 경향이 있다. 그러므로 변수명 변경사항은 꼭 알려줘야 한다.

5. 전체 공통으로 영향을 주는 코드 파일이 있다. 하지만 무슨 문제가 생기면 이 파일도 수정해버리는 경향이 있다.

반드시 이 파일은 수정 불가라고 알려줘야 한다.

6. 문제가 발생해서 에러 로그를 제공하면 문제 분석을 특정 부분으로 유추하지 못하고 엉뚱한 것부터 수정하려는 경향이 있다. 그러므로 이상한 분석을 하는 거 같으면 ESC 키를 눌러서 바로 중단하고 요청사항을 다시 적어 요청 수정해야 한다.

7. claude code 에서 이미지 경로를 알려주면 해당 이미지를 분석하고 그대로 구현하라고 하는 줄 알고 무조건 변경하는 경향이 있다. 이미지 경로를 알려주고, 여기서 원하는 것이 무엇인지 확인한 다음에 원하는 것이 정확하면 그때 수정하도록 하는 것이 중요하더라. Front-End 한 화면을 구현하기 위해서 이미지를 캡쳐하여 이미지 경로를 알려줄 때도 필요한 구체적인 요청을 먼저 확인한 다음에 개발 요청해야 한다.

아직 claude code 사용 초보라서 모르는 사항이 많아 잘못 알고 있을 수도 있다.

claude code 를 사용하면서 chatGPT 에게 문의하는 비율은 10%도 안되는 거 같다.

claude code 발전 속도가 너무 대단한 거 같다.

바이브 코딩에 대한 유투브 소개 자료를 찾아보니, 설계를 잘하는 기술사는 바이브코딩 수혜자라고 한다.

점점 단순한 코딩만 하는 Junior 개발자의 역할은 AI 가 대신하고 기획하고, 설계할 줄 아는 인력에게 호재라고 할 수 있는 셈인가 보다.

설계를 잘 한다는 것은 VOC 가 발생하지 않도록 신경써서 기획을 해야 하고, 지속 검토하면서 기획서를 완성시켜 가야 한다고 말할 수 있다. 이렇게 하면 무슨 문제가 발생할까, 저렇게 하면 무슨 문제가 발생할까 계속 검토하고 고민하면서 테스트하다보면 문제점 ZERO에 가까운 설계/기획서가 작성될 것이다. 출시후에도 민원처리부서의 요청사항, 고객의 소리 등을 분석하고 문제점을 찾아서 신속하게 대응하는 것 또한 매우 중요하다.

코딩을 할 때에도 마찬가지이다. 디테일한 로직을 그리고 User의 관점에서 보는 눈을 길러야 한다.

바이브코딩으로 해결하기 쉽지 않는 것이 보안 코딩이다. 질문자가 초보수준이면 답변도 초보 답변을 받을 수 밖에 없다.

그럼 초보탈출은 어떻게 할 것인가? 인프런 강의 등을 듣고 직접 코딩 연습을 하듯이 타이핑을 했다면, 이제는 인프런 강의를 듣고 전체 로직을 이해하고 코딩은 AI에게 요청해서 제대로 구현했는지 확인하는 것이다.

중요한 정보라고 판단되는 것은 notion 에 기록하던, 블로그에 기록하든 정리를 해두는 것이 매우 중요하다.

사람은 망각의 동물이라 배운 것을 금방 잊어버리게 된다. 기록해서 자주 반복하여 보거나, 코드를 직접 구현하면서 부딪쳐가면서 배우는 것이 기억에 오래도록 남는다.

전문가가 되려면 몸으로 부딪쳐 가면서 배우는 수밖에 없는 거 같다. 아직 많이 부족하여 틈틈히 인프런 강의, fastcampus 강의를 수강하고 실습하고 있다.

배움에는 끝이 없다. 나이는 중요하지 않다. 노력하는 자만이 성장한다.

IntelliJ/IDEA 내 JDK 설정 확인

Link2Me — Thu, 12 Jun 2025 23:12:11 +0900

IntelliJ/IDEA 내 JDK 설정 확인

File > Project Structure > Project > Project SDK
File > Project Structure > Modules > Module SDK
File > Settings > Build, Execution, Deployment > Build Tools > Gradle > Gradle JVM
모두 Java 17로 설정되어야 합니다.

$env:JAVA_HOME="C:\Program Files\OpenLogic\jdk-17.0.14.7-hotspot"
$env:PATH="$env:JAVA_HOME\bin;" + $env:PATH
java -version

Spring Boot PostgreSQL 연동 오류

Link2Me — Wed, 4 Jun 2025 14:12:25 +0900

mariaDB 에서 PostgreSQL 로 변경하고 나서 데이터를 추가하니 이런 에러가 발생한다.

PK 시퀀스가 자동으로 증가된 값을 인지하지 못해서 생기는 현상이라고 한다.

1
2
3
4
5
6

2025-06-04T13:32:47.652+09:00  WARN 22624 --- [mall] [nio-8080-exec-6] o.h.engine.jdbc.spi.SqlExceptionHelper   : SQL Error: 0, SQLState: 23505
2025-06-04T13:32:47.652+09:00 ERROR 22624 --- [mall] [nio-8080-exec-6] o.h.engine.jdbc.spi.SqlExceptionHelper   : 오류: 중복된 키 값이 "menu_orgchart_pkey" 고유 제약 조건을 위반함
  Detail: (id)=(7) 키가 이미 있습니다.
2025-06-04T13:32:47.658+09:00 ERROR 22624 --- [mall] [nio-8080-exec-6] c.m.s.a.m.a.s.filter.JWTCheckFilter      : JWT Check Failed: Request processing failed: org.springframework.dao.DataIntegrityViolationException: could not execute statement [오류: 중복된 키 값이 "menu_orgchart_pkey" 고유 제약 조건을 위반함
  Detail: (id)=(7) 키가 이미 있습니다.] [insert into menu_orgchart (depth,name,parent_id,text) values (?,?,?,?)]; SQL [insert into menu_orgchart (depth,name,parent_id,text) values (?,?,?,?)]; constraint [null]
 

해결 방법은 아래와 같다.

PostgreSQL 에 접속한 다음에 해당 DB에 접속한다.

아래 명령어를 한번만 해주면 해결된다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

DO $$
DECLARE
    rec RECORD;
BEGIN
    -- SERIAL, BIGSERIAL 컬럼의 시퀀스와 테이블/컬럼 정보를 얻어서
    FOR rec IN
        SELECT
            s.relname AS sequence_name,
            t.relname AS table_name,
            a.attname AS column_name
        FROM
            pg_class s
        JOIN pg_depend d ON d.objid = s.oid
        JOIN pg_class t ON d.refobjid = t.oid
        JOIN pg_attribute a ON a.attrelid = t.oid AND a.attnum = d.refobjsubid
        WHERE
            s.relkind = 'S'
            AND d.deptype = 'a'
    LOOP
        -- setval을 수행
        EXECUTE format(
            'SELECT setval(''%I'', COALESCE((SELECT MAX(%I) FROM %I), 1))',
            rec.sequence_name,
            rec.column_name,
            rec.table_name
        );
    END LOOP;
END$$;
 

Spring Boot Entity 변수 일괄 변경 방법

Link2Me — Fri, 30 May 2025 08:56:28 +0900

Spring Boot 에서 MariaDB를 연동하여 테스트하고 있는데, PostgreSQL 로 변동하려면 칼럼을 전부 소문자로 변경해야 하더라. JPA 에서의 변수를 userID 이렇게 사용하던 걸 userId 로 변경해야 DB 칼럼에는 user_id 로 연동되어 처리된다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

#############################################
######### RockeyOS 9.5 ##########
#############################################
# ripgrep 설치
sudo dnf install ripgrep
 
# Spring Boot 코드 일괄 변경
# DB 테이블을 PostgreSQL 변경을 고려하여 칼럼명을 snake_case 로 변경하면서 
# members 테이블 칼럼을 일괄 변경하고 나서 관련된 Entity를 수정한다.
# 이후에 아래 코드로 관련된 함수 등을 일괄 변경 시도한다.
 
find . -type f -name "*.java" -exec sed -i \
    -e 's/\buserID\b/userId/g' \
    -e 's/\buserNM\b/userNm/g' \
    -e 's/\btelNO\b/telNo/g' \
    -e 's/\bmobileNO\b/mobileNo/g' \
    -e 's/\bphoneSE\b/phoneSe/g' \
    -e 's/\bcodeID\b/codeId/g' \
    -e 's/\bregNO\b/regNo/g' \
    {} +
 
 
# 적용후 확인 명령어
rg 'userID|userNM|telNO|mobileNO|phoneSE|codeID|regNO' --glob '*.java'
 

Spring Boot DB 칼럼 암호화 샘플

Link2Me — Mon, 26 May 2025 13:44:16 +0900

DB 칼럼에 중요한 정보는 암호화 저장을 해야 한다.

처음에 평문으로 구성했던 칼럼을 암호화 업데이트 하기 위해서 아래와 같이 임시 적용한 코드를 적어둔다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53

public interface MemberRepository extends JpaRepository<Member, Long> {
 
    // 모든 회원 평문 mobile_no만 조회 (필요에 따라 select 절 수정)
    @Query("SELECT m FROM Member m WHERE m.mobileNo IS NOT NULL AND m.mobileNo <> ''")
    List<Member> findAllWithMobileNo();
}
 
 
@Service
@RequiredArgsConstructor
public class MemberMobileEncryptService {
    private final MemberRepository memberRepository;
    private final EncryptService encryptService;
 
    @Transactional
    public int encryptAllMobileNo() {
        String userName = SafeDBKeyConfig.userName;
        String tableName = SafeDBKeyConfig.tableName;
        String columnName = SafeDBKeyConfig.columnName_mobileNo;
 
        // 1. 평문 mobile_no가 있는 회원 모두 조회
        List<Member> memberList = memberRepository.findAllWithMobileNo();
 
        int updated = 0;
        for (Member member : memberList) {
            String plainMobile = member.getMobileNo();
            if (plainMobile == null || plainMobile.isBlank()) continue;
 
            // 2. 암호화
            String encrypted = encryptService.encrypt(userName, tableName, columnName, plainMobile);
 
            // 3. update (변경 감지, JPA 자동 저장)
            member.setMobileNo(encrypted);
            updated++;
        }
        // 트랜잭션 끝나면 JPA flush/commit
        return updated;
    }
}
 
@SpringBootTest
public class EncryptMobileNoTest {
 
    @Autowired
    private MemberMobileEncryptService mobileEncryptService;
 
    @Test
    public void testEncryptAllMobileNo() {
        int count = mobileEncryptService.encryptAllMobileNo();
        System.out.println("암호화 적용 회원 수: " + count);
    }
}
 

Spring Boot 이미지 로딩 문제

Link2Me — Sat, 24 May 2025 16:06:53 +0900

스프링 부트에서 이미지 처리시 주의사항이 되어버린 셈이다.

확장자 없는 요청을 아래와 같이 수정하고 정상동작함
// 확장자 없는 요청 처리 (jpg, png, gif 등 순회 탐색)
    @GetMapping("/{memberId:[0-9]+}")
    public ResponseEntity<Resource> getPhoto(@PathVariable String memberId)

// 확장자 포함 요청 처리 (예: /api/member/photo/10.png)
    @GetMapping("/{memberId}.{ext}")
    public ResponseEntity<Resource> getPhotoWithExt

Spring Boot fetch join

Link2Me — Mon, 19 May 2025 14:56:50 +0900

fetch join은 Spring Boot + JPA (Hibernate) 환경에서 지연 로딩(LAZY) 관계의 데이터를 한 번의 쿼리로 함께 조회할 때 사용하는 방법

JPA에는 엔티티에 관계를 맵핑할 때 지연 로딩과 즉시 로딩 설정할 수 있다.
일반 Join : 연관 Entity에 Join을 걸어도 실제 쿼리에서 SELECT 하는 Entity는 오직 JPQL에서 조회하는 주체가 되는 Entity만 조회하여 영속화한다.
Fetch Join : 조회의 주체가 되는 Entity 이외에 Fetch Join이 걸린 연관 Entity도 함께 SELECT 하여 모두 영속화

Member Entity와 Team Entity가 @ManyToOne 일 때 Entity 클래스에 서로의 관계를 표시해 준다.

@Entity
@Getter
@NoArgsConstructor(access = AccessLevel.PROTECTED)
@ToString
public class Member {
    @Id
    @GeneratedValue
    @Column(name = "member_id")
    private Long id;
    private String username;
    private int age;
    @ManyToOne(fetch = FetchType.LAZY)
    @JoinColumn(name = "team_id")
    @ToString.Exclude
    private Team team;
}

Fetch Join 을 사용해야 하는 상황
1. @ManyToOne, @OneToOne 연관 관계의 객체가 반복적으로 로딩될 때
   @Query("SELECT m FROM Member m JOIN FETCH m.team")
   List<Member> findAll();  // N+1 문제 해결

2. JPQL 또는 QueryDSL로 다대일 관계를 한 번에 조회하고자 할 때
   @ManyToOne, @OneToOne 관계는 fetch join으로 쉽게 한 쿼리에 묶을 수 있음

Fetch Join을 사용하면 안 되는 경우
1. 컬렉션(@OneToMany, @ManyToMany)에 페치 조인을 사용하면서 페이징이 필요한 경우
   JPA는 fetch join이 있는 경우 Pageable 정보를 무시하거나, 메모리에서 잘라내기 때문에 성능 이슈 발생
   @BatchSize 또는 별도 쿼리

2. 복수 개의 컬렉션을 동시에 Fetch Join 할 때
   @Query("SELECT d FROM Department d JOIN FETCH d.employees JOIN FETCH d.projects")
   여러 컬렉션이 곱해져서 결과가 기하급수적으로 커질 수 있음
   해결 방법: 컬렉션 하나만 fetch join, 나머지는 batch fetch 사용

Spring Boot 3.4.5 QueryDSL 예제 ProductSearch

Link2Me — Sun, 11 May 2025 12:47:35 +0900

성능 최적화 요소까지 완벽한 고려는 아니지만 코드는 많이 정리된 거 같아서 적어둔다.

React 에서는 pk 값이 직접 노출되지 않도록 암호화처리하고, 대신에 no 를 넣어서 처리했다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92

@Repository
@Transactional
@RequiredArgsConstructor
@Log4j2
public class ProductSearchImpl implements ProductSearch {
 
    private final JPAQueryFactory queryFactory;
    private final CryptoUtil cryptoUtil;
 
    @Override
    public Page<ProductDTO> searchList(PageRequestDTO pageRequestDTO) {
        QProduct product = QProduct.product;
        QProductImage productImage = QProductImage.productImage;
 
        SearchConditionBuilder<Product> scb = new SearchConditionBuilder<>(Product.class, "product");
 
        String where = pageRequestDTO.getFilter().getWhere();
        String keyword = pageRequestDTO.getFilter().getKeyword();
 
        OrderSpecifier<?> orderSpecifier = product.pno.desc(); // 기본값: pno 내림차순
 
        if (keyword != null && !keyword.isBlank()) {
            switch (where) {
                case "pname" -> scb.addLike("pname", keyword);
                case "desc" -> scb.addLike("pdesc", keyword);
                case "price" -> {
                    try {
                        int minPrice = Integer.parseInt(keyword);
                        scb.addGreaterThanEqual("price", minPrice);
                        orderSpecifier = product.price.asc(); // 가격 오름차순 정렬
                    } catch (NumberFormatException e) {
                        log.warn("가격 필터 숫자 변환 실패: {}", keyword);
                    }
                }
            }
        }
 
        BooleanBuilder builder = scb.build();
 
        Pageable pageable = PageRequest.of(
            pageRequestDTO.getPage() - 1,
            pageRequestDTO.getSize()
        );
 
        List<Product> productList = queryFactory
            .selectFrom(product)
            .leftJoin(product.imageList, productImage).fetchJoin()
            .where(product.delFlag.eq(false)
                .and(productImage.ord.eq(0))
                .and(builder))
            .offset(pageable.getOffset())
            .limit(pageable.getPageSize())
            .orderBy(orderSpecifier)
            .fetch();
 
        long totalCount = queryFactory
            .select(product.count())
            .from(product)
            .leftJoin(product.imageList, productImage)
            .where(product.delFlag.eq(false)
                .and(productImage.ord.eq(0))
                .and(builder))
            .fetchOne();
 
        List<ProductDTO> dtoList = IntStream.range(0, productList.size())
            .mapToObj(i -> {
                Product entity = productList.get(i);
                int no = (int) (totalCount - (pageable.getPageNumber() * pageable.getPageSize()) - i);
                return toDTO(entity, no);
            }).toList();
 
        return new PageImpl<>(dtoList, pageable, totalCount);
    }
 
    private ProductDTO toDTO(Product product, int no) {
        String encryptedPno = cryptoUtil.encryptAES(String.valueOf(product.getPno()));
 
        List<String> fileNames = product.getImageList().stream()
            .map(ProductImage::getFileName)
            .toList();
 
        return ProductDTO.builder()
            .no(no)
            .pno(encryptedPno)
            .pname(product.getPname())
            .price(product.getPrice())
            .pdesc(product.getPdesc())
            .uploadFileNames(fileNames)
            .build();
    }
}
 

Spring Boot 3.4.5 QueryDSL 예제 개선

Link2Me — Sun, 4 May 2025 22:02:25 +0900

QueryDSL 이전 게시글의 최적화 버전을 chatGPT 도움으로 변경한 것이다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142

import com.querydsl.core.BooleanBuilder;
import com.querydsl.core.types.dsl.PathBuilder;
import com.querydsl.jpa.impl.JPAQuery;
import com.querydsl.jpa.impl.JPAQueryFactory;
import lombok.RequiredArgsConstructor;
import lombok.extern.log4j.Log4j2;
import org.springframework.data.domain.*;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;
 
import java.util.List;
import java.util.Map;
import java.util.Set;
import java.util.stream.Collectors;
import java.util.stream.IntStream;
 
@Service
@Transactional
@Log4j2
@RequiredArgsConstructor // 생성자 자동 주입
public class AccessLogSearchImpl implements AccessLogSearch {
    private final JPAQueryFactory queryFactory;
    private final ErrorCodeRepository errorCodeRepository;
 
    @Override
    public Page<AccessLogDTO> search1(PageRequestDTO pageRequestDTO) {
        QAccessLog accessLog = QAccessLog.accessLog;
        BooleanBuilder builder = new BooleanBuilder();
 
        String where = pageRequestDTO.getFilter().getWhere();
        String keyword = pageRequestDTO.getFilter().getKeyword();
 
        log.info("검색 필터 where = {}, keyword = {}", where, keyword);
 
        if (keyword != null && !keyword.trim().isEmpty()) {
            buildSearchCondition(builder, accessLog, where.trim(), keyword.trim());
        }
 
        Pageable pageable = PageRequest.of(
                pageRequestDTO.getPage() - 1,
                pageRequestDTO.getSize(),
                Sort.by("uid").descending()
        );
 
        JPAQuery<AccessLog> query = queryFactory
                .selectFrom(accessLog)
                .where(builder)
                .offset(pageable.getOffset())
                .limit(pageable.getPageSize())
                .orderBy(accessLog.uid.desc());
 
        List<AccessLog> resultList = query.fetch();
 
        long totalCount = queryFactory
                .select(accessLog.count())
                .from(accessLog)
                .where(builder)
                .fetchOne();
 
        // errorCode 메시지 전체 Map으로 미리 조회 (N+1 제거)
        Map<Integer, String> errorMap = errorCodeRepository.findAll().stream()
                .collect(Collectors.toMap(ErrorCode::getCodeId, ErrorCode::getCodeNm));
 
        List<AccessLogDTO> dtoList = IntStream.range(0, resultList.size())
                .mapToObj(i -> {
                    AccessLog entity = resultList.get(i);
                    int no = (int) (totalCount - (pageable.getPageNumber() * pageable.getPageSize()) - i);
                    return toDTO(entity, no, errorMap);
                })
                .collect(Collectors.toList());
 
        return new PageImpl<>(dtoList, pageable, totalCount);
    }
 
    private void buildSearchCondition(BooleanBuilder builder, QAccessLog accessLog, String where, String keyword) {
        switch (where) {
            case "userID" -> builder.and(accessLog.userid.containsIgnoreCase(keyword));
            case "userNM" -> builder.and(accessLog.userNM.containsIgnoreCase(keyword));
            case "ipaddr" -> builder.and(accessLog.ipaddr.containsIgnoreCase(keyword));
            case "route" -> builder.and(accessLog.route.stringValue().containsIgnoreCase(keyword));
            case "errorCode" -> {
                List<Integer> codeIds = errorCodeRepository.findCodeIdsByCodeNmLike(keyword);
                if (!codeIds.isEmpty()) {
                    builder.and(accessLog.errCode.in(codeIds));
                } else {
                    builder.and(accessLog.errCode.eq(-9999)); // fallback
                }
            }
            case "accessDate" -> {
                String[] parts = keyword.split("/");
                if (parts.length == 2) {
                    String from = parts[0].trim();
                    String to = parts[1].trim();
                    if (from.length() == 8 && to.length() == 8) {
                        if (from.compareTo(to) > 0) {
                            String temp = from;
                            from = to;
                            to = temp;
                        }
                        builder.and(accessLog.date.between(from, to));
                    }
                } else {
                    builder.and(accessLog.date.startsWith(keyword));
                }
            }
            default -> {
                Set<String> allowedFields = Set.of("userid", "userNM", "ipaddr", "browser", "os", "date");
                if (allowedFields.contains(where)) {
                    PathBuilder<AccessLog> pathBuilder = new PathBuilder<>(AccessLog.class, "accessLog");
                    builder.and(pathBuilder.getString(where).containsIgnoreCase(keyword));
                } else {
                    log.warn(" 잘못된 where 필드명: '{}'. 검색 조건 무시", where);
                }
            }
        }
    }
 
    private AccessLogDTO toDTO(AccessLog entity, int no, Map<Integer, String> errorMap) {
        String errorMessage = errorCodeRepository
                .findMessageByCode(entity.getErrCode())
                .orElse(String.valueOf(entity.getErrCode()));
 
        return AccessLogDTO.builder()
                .no(no)  //  추가
                .uid(entity.getUid())
                .ipaddr(MaskingUtil.ipAddressMasking(entity.getIpaddr()))
                .date(InputSanitizer.displayDate(entity.getDate()))
                .time(entity.getTime())
                .OS(entity.getOs())
                .browser(entity.getBrowser())
                .userid(MaskingUtil.idMasking(entity.getUserid()))
                .userNM(MaskingUtil.letterMasking(entity.getUserNM()))
                .success(entity.getSuccess())
                .route(entity.getRoute())
                .errCode(entity.getErrCode())
                .errorMessage(errorMap.getOrDefault(entity.getErrCode(), String.valueOf(entity.getErrCode())))
                .build();
    }
 
}
 
 

Spring Boot 3.4.5 QueryDSL 예제

Link2Me — Sun, 4 May 2025 21:56:35 +0900

접속로그를 동적 쿼리로 검색하는 걸 구현하는 예제를 적어둔다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136

@Service
@Transactional
@Log4j2
@RequiredArgsConstructor // 생성자 자동 주입
public class AccessLogSearchImpl implements AccessLogSearch {
    private final JPAQueryFactory queryFactory;
    private final ErrorCodeRepository errorCodeRepository;
 
    @Override
    public Page<AccessLogDTO> search1(PageRequestDTO pageRequestDTO) {
        QAccessLog accessLog = QAccessLog.accessLog;
 
        BooleanBuilder builder = new BooleanBuilder();
 
        String where = pageRequestDTO.getFilter().getWhere();
        String keyword = pageRequestDTO.getFilter().getKeyword();
 
        log.info("검색 필터 where = {}, keyword = {}", where, keyword);
 
        if (keyword != null && !keyword.trim().isEmpty()) {
            switch (where) {
                case "userID":
                    builder.and(accessLog.userid.containsIgnoreCase(keyword));
                    break;
                case "userNM":
                    builder.and(accessLog.userNM.containsIgnoreCase(keyword));
                    break;
                case "ipaddr":
                    builder.and(accessLog.ipaddr.containsIgnoreCase(keyword));
                    break;
                case "route":
                    builder.and(accessLog.route.stringValue().containsIgnoreCase(keyword));
                    break;
                case "errorCode":
                    builder.and(accessLog.errCode.stringValue().containsIgnoreCase(keyword));
                    break;
                case "accessDate":
                    if (keyword.contains("/")) {
                        String[] parts = keyword.split("/");
                        if (parts.length == 2) {
                            String from = parts[0].trim();
                            String to = parts[1].trim();
 
                            log.info("accessDate 조건: from = {}, to = {}", from, to);
 
                            if (from.length() == 8 && to.length() == 8) {
                                // 날짜 순서 보정
                                if (from.compareTo(to) > 0) {
                                    String temp = from;
                                    from = to;
                                    to = temp;
                                }
                                log.info("accessDate 조건: from = {}, to = {}", from, to);
                                builder.and(accessLog.date.between(from, to));
                            }
                        }
                    } else {
                        builder.and(accessLog.date.startsWith(keyword));
                    }
                    break;
                default:
                    // where가 명시되지 않은 컬럼이라면, 문자열 컬럼으로 간주하고 LIKE 처리
                    // 존재하지 않는 필드면 builder에 아무 조건도 추가하지 않음 → 결과 없음
                    try {
                        PathBuilder<AccessLog> entityPath = new PathBuilder<>(AccessLog.class, "accessLog");
                        // 유효한 필드인지 체크
                        Field field = AccessLog.class.getDeclaredField(where);
                        if (field.getType().equals(String.class)) {
                            builder.and(entityPath.getString(where).containsIgnoreCase(keyword));
                        } else {
                            log.warn(" '{}' 필드는 문자열(String)이 아닙니다. 검색 제외됨", where);
                        }
                    } catch (NoSuchFieldException e) {
                        log.warn(" 존재하지 않는 where 필드명: '{}'. 조건 제외 → 결과 없음 처리", where);
                        // builder에 조건 추가 안 함 → 결과 없음 유도
                    }
 
            }
        }
 
        Pageable pageable = PageRequest.of(
                pageRequestDTO.getPage() - 1,
                pageRequestDTO.getSize(),
                Sort.by("uid").descending()
        );
 
        JPAQuery<AccessLog> query = queryFactory
                .selectFrom(accessLog)
                .where(builder)
                .offset(pageable.getOffset())
                .limit(pageable.getPageSize())
                .orderBy(accessLog.uid.desc());
 
        List<AccessLog> resultList = query.fetch();
 
        long totalCount = queryFactory
                .select(accessLog.count())
                .from(accessLog)
                .where(builder)
                .fetchOne();
 
        List<AccessLogDTO> dtoList = IntStream.range(0, resultList.size())
                .mapToObj(i -> {
                    AccessLog entity = resultList.get(i);
                    int no = (int) (totalCount - ((pageable.getPageNumber()) * pageable.getPageSize()) - i);
                    return toDTO(entity, no);
                })
                .collect(Collectors.toList());
 
        return new PageImpl<>(dtoList, pageable, totalCount);
    }
 
    private AccessLogDTO toDTO(AccessLog entity, int no) {
        String errorMessage = errorCodeRepository
                .findMessageByCode(entity.getErrCode())
                .orElse(String.valueOf(entity.getErrCode()));
 
        return AccessLogDTO.builder()
                .no(no)  // 추가
                .uid(entity.getUid())
                .ipaddr(MaskingUtil.ipAddressMasking(entity.getIpaddr()))
                .date(InputSanitizer.displayDate(entity.getDate()))
                .time(entity.getTime())
                .OS(entity.getOs())
                .browser(entity.getBrowser())
                .userid(MaskingUtil.idMasking(entity.getUserid()))
                .userNM(MaskingUtil.letterMasking(entity.getUserNM()))
                .success(entity.getSuccess())
                .route(entity.getRoute())
                .errCode(entity.getErrCode())
                .errorMessage(errorMessage)
                .build();
    }
 
}
 

거의 동일한 코드를 최적화한 코드는 이 다음 게시글에 적어둘 것이다.

Spring Boot 3.4.5 JOOQ TodoSearch 예제

Link2Me — Sat, 3 May 2025 14:59:04 +0900

QueryDSL 방식의 코드를 JOOQ 코드로 변경하는 방법으로 테스트하고 적어둔다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63

@Service
@Transactional
@Log4j2
@RequiredArgsConstructor // 생성자 자동 주입
public class TodoSearchImpl implements TodoSearch {
 
    private final DSLContext dsl;
 
    @Override
    public Page<Todo> search1(PageRequestDTO pageRequestDTO) {
 
        String keyword = pageRequestDTO.getFilter().getKeyword();
        String where = pageRequestDTO.getFilter().getWhere();
 
        Condition condition = DSL.trueCondition();
 
        // 검색 조건 적용
        if (keyword != null && !keyword.trim().isEmpty()) {
            switch (where) {
                case "title":
                    condition = condition.and(TLB_TODO.TITLE.likeIgnoreCase("%" + keyword + "%"));
                    break;
                case "writer":
                    condition = condition.and(TLB_TODO.WRITER.likeIgnoreCase("%" + keyword + "%"));
                    break;
                default:
                    condition = condition.and(
                            TLB_TODO.TITLE.likeIgnoreCase("%" + keyword + "%")
                                    .or(TLB_TODO.WRITER.likeIgnoreCase("%" + keyword + "%"))
                    );
            }
        }
 
        Pageable pageable = PageRequest.of(
                pageRequestDTO.getPage() - 1,
                pageRequestDTO.getSize(),
                Sort.by("tno").descending()
        );
 
        // 실제 데이터 조회
        List<Todo> content = dsl.selectFrom(TLB_TODO)
                .where(condition)
                .orderBy(TLB_TODO.TNO.desc())
                .offset(pageable.getOffset())
                .limit(pageable.getPageSize())
                .fetch()
                .map(record -> Todo.builder()
                        .tno(record.getTno())
                        .title(record.getTitle())
                        .writer(record.getWriter())
                        .complete(record.getComplete())
                        .dueDate(record.getDueDate())
                        .build());
 
        long totalCount = dsl.selectCount()
                .from(TLB_TODO)
                .where(condition)
                .fetchOne(0, Long.class);
 
        return new PageImpl<>(content, pageable, totalCount);
    }
}
 

JOOQ Config

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

import org.jooq.DSLContext;
import org.jooq.SQLDialect;
import org.jooq.impl.DSL;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
 
import javax.sql.DataSource;
 
@Configuration
public class JooqConfig {
 
    @Bean
    public DSLContext dslContext(DataSource dataSource) {
        return DSL.using(dataSource, SQLDialect.MARIADB); // DB에 맞게
    }
}
 

build.gradle

QueryDSL 과 JOOQ 혼용 테스트를 위해서 2가지 모두 처리할 수 있도록 구성

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138

plugins {
    id 'java'
    id 'org.springframework.boot' version '3.4.4'
    id 'io.spring.dependency-management' version '1.1.7'
    id 'nu.studer.jooq' version '8.2' // JOOQ용 플러그인
}
 
group = 'com.mansa.smartx.api'
version = '0.0.1-SNAPSHOT'
 
java {
    toolchain {
        languageVersion = JavaLanguageVersion.of(17)
    }
}
 
configurations {
    compileOnly {
        extendsFrom annotationProcessor
    }
}
 
repositories {
    mavenCentral()
}
 
ext {
    querydslDir = "$buildDir/generated/querydsl"
    jooqDir = "$buildDir/generated-src/jooq"
}
 
sourceSets {
    main {
        java {
            srcDir querydslDir
            srcDir jooqDir
        }
    }
}
 
dependencies {
    implementation 'org.springframework.boot:spring-boot-starter-data-jpa'
    implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
    implementation 'org.springframework.boot:spring-boot-starter-web'
    implementation 'org.thymeleaf.extras:thymeleaf-extras-springsecurity6'
    compileOnly 'org.projectlombok:lombok'
    developmentOnly 'org.springframework.boot:spring-boot-devtools'
    runtimeOnly 'org.mariadb.jdbc:mariadb-java-client'
    annotationProcessor 'org.projectlombok:lombok'
 
    implementation 'org.modelmapper:modelmapper:3.2.2'
 
    //QueryDSL 추가
    implementation 'com.querydsl:querydsl-jpa:5.0.0:jakarta'
    annotationProcessor "com.querydsl:querydsl-apt:5.0.0:jakarta"
    annotationProcessor "jakarta.annotation:jakarta.annotation-api"
    annotationProcessor "jakarta.persistence:jakarta.persistence-api"
 
    // JOOQ
    implementation "org.jooq:jooq:3.19.7"
    jooqGenerator "org.jooq:jooq-codegen:3.19.7"
    jooqGenerator "org.mariadb.jdbc:mariadb-java-client" 
 
    implementation 'net.coobird:thumbnailator:0.4.20'
 
    implementation 'org.springframework.boot:spring-boot-starter-security'
    implementation 'com.google.code.gson:gson:2.12.1'
 
    implementation 'io.jsonwebtoken:jjwt-api:0.12.6'
    implementation 'io.jsonwebtoken:jjwt-impl:0.12.6'
    implementation 'io.jsonwebtoken:jjwt-jackson:0.12.6'
 
    implementation 'org.springframework.boot:spring-boot-starter-validation'
 
    // P6Spy
//    implementation 'com.github.gavlyukovskiy:p6spy-spring-boot-starter:1.9.0'
    implementation 'org.hibernate.orm:hibernate-core:6.6.12.Final' // 최신 버전
 
    // Redis
    implementation 'org.springframework.boot:spring-boot-starter-data-redis'
 
    //test 롬복 사용
    testImplementation 'org.springframework.boot:spring-boot-starter-test'
    testImplementation 'org.springframework.security:spring-security-test'
    testCompileOnly 'org.projectlombok:lombok'
    testAnnotationProcessor 'org.projectlombok:lombok'
    testImplementation 'jakarta.persistence:jakarta.persistence-api:3.1.0'
    testRuntimeOnly 'org.junit.platform:junit-platform-launcher'
 
}
 
tasks.named('compileJava', JavaCompile).configure {
    options.annotationProcessorGeneratedSourcesDirectory = file(querydslDir)
}
 
tasks.named('test') {
    useJUnitPlatform()
}
 
tasks.named('clean') {
    delete querydslDir
    delete jooqDir
}
 
jooq {
    version = '3.19.7'
    configurations {
        main {
            generationTool {
                jdbc {
                    driver = 'org.mariadb.jdbc.Driver' // 또는 PostgreSQL
                    url = 'jdbc:mariadb://localhost:3306/malldb'
                    user = 'testfox'
                    password = 'TestCodefox!!'
                }
                generator {
                    database {
                        name = 'org.jooq.meta.mariadb.MariaDBDatabase' // 또는 postgres
                        inputSchema = 'malldb' // 보통 'yourdb'
                        includes = '.*'
                    }
                    generate {
                        deprecated = false
                        records = true
                        immutablePojos = true
                        fluentSetters = true
                    }
                    target {
                        packageName = 'com.jpashop.api.jooq.generated'
                        directory = jooqDir
                    }
                }
            }
        }
    }
}
 
 

Spring Boot 3.4.5 QueryDSL TodoSearch 예제

Link2Me — Thu, 1 May 2025 20:38:09 +0900

QueryDSL TodoSearch 에 대한 예제다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

public interface TodoRepository extends JpaRepository<Todo, Long>, TodoSearch {
}
 
// TodoSearch는 JpaRepository에 붙이면 안 되는 인터페이스 => TodoSearch는 커스텀 구현용 인터페이스
public interface TodoSearch {
    Page<Todo> search1(PageRequestDTO pageRequestDTO);
}
 
@Service
@Transactional
@Log4j2
@RequiredArgsConstructor // 생성자 자동 주입
public class TodoSearchImpl implements TodoSearch {
    // TodoSearchImpl의 이름이 정확히 TodoSearch + Impl이면,
    // Spring Data JPA는 자동으로 이를 Repository 구현으로 인식한다.
 
    private final JPAQueryFactory queryFactory;
 
    @Override
    public Page<Todo> search1(PageRequestDTO pageRequestDTO) {
        QTodo qTodo = QTodo.todo;
 
        BooleanBuilder builder = new BooleanBuilder();
 
        String keyword = pageRequestDTO.getKeyword();
        String where = pageRequestDTO.getWhere();
 
        // 검색 조건 적용
        if (keyword != null && !keyword.trim().isEmpty()) {
            switch (where) {
                case "title":
                    builder.and(qTodo.title.containsIgnoreCase(keyword));
                    break;
                case "writer":
                    builder.and(qTodo.writer.containsIgnoreCase(keyword));
                    break;
                default:
                    builder.and(
                            qTodo.title.containsIgnoreCase(keyword)
                                    .or(qTodo.writer.containsIgnoreCase(keyword))
                    );
            }
        }
 
        Pageable pageable = PageRequest.of(
                pageRequestDTO.getPage() - 1,
                pageRequestDTO.getSize(),
                Sort.by("tno").descending()
        );
 
        JPAQuery<Todo> query = queryFactory
                .selectFrom(qTodo)
                .where(builder)
                .offset(pageable.getOffset())
                .limit(pageable.getPageSize())
                .orderBy(qTodo.tno.desc());
 
        List<Todo> resultList = query.fetch();
 
        long totalCount = queryFactory
                .select(qTodo.count())
                .from(qTodo)
                .where(builder)
                .fetchOne();
 
        return new PageImpl<>(resultList, pageable, totalCount);
    }
}
 

QueryDSL로 직접 selectFrom(qTodo)를 사용하는 경우, 기본 정렬이 적용되지 않으며,
Sort.by("tno").descending()과 같은 JPA Pageable의 정렬 정보도 자동 적용되지 않는다.

JPAQuery<Todo> query = queryFactory
    .selectFrom(qTodo)
    .where(builder)
    .offset(pageable.getOffset())
    .limit(pageable.getPageSize())
    .orderBy(qTodo.tno.desc());

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

import lombok.AllArgsConstructor;
import lombok.Builder;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.experimental.SuperBuilder;
 
@Data
@SuperBuilder  // - **상속 관계가 있는 클래스**에서 부모 클래스의 빌더 패턴을 지원하기 위해 사용된다.
@AllArgsConstructor  // 모든 필드에 대해 값을 받아 전체 매개변수 생성자를 자동으로 생성한다.
@NoArgsConstructor
public class PageRequestDTO {
 
    @Builder.Default  // 값을 명시적으로 설정하지 않을 때만 기본값을 부여
    private int page = 1;
 
    @Builder.Default
    private int size = 10;
 
    private Integer blockSize;  // Integer로 변경 (null 체크 가능하게)
 
    private String where; // 검색 KEY 추가
    private String keyword; // 검색어
 
    public int getBlockSize() {
        // blockSize가 null이면 size와 동일하게 처리
        return (blockSize != null) ? blockSize : size;
    }
}
 

Spring Boot 3.4.5 QueryDSL 설정 오류 방지

Link2Me — Mon, 28 Apr 2025 20:47:13 +0900

온라인 강의 시점은 Spring Boot 버전이 2.X 이고 현재 내가 사용하는 Spring Boot 버전은 3.4.5 이다보니 오류가 발생해서 개고생을 해서 적어둔다.

chatGPT 도 엉터리로 답변을 해주는 통에 몇번의 시행착오를 거쳤다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

plugins {
    id 'java'
    id 'org.springframework.boot' version '3.4.5'
    id 'io.spring.dependency-management' version '1.1.7'
}
 
group = 'jpabook'
version = '0.0.1-SNAPSHOT'
 
java {
    toolchain {
        languageVersion = JavaLanguageVersion.of(17)
    }
}
 
configurations {
    compileOnly {
        extendsFrom annotationProcessor
    }
}
 
repositories {
    mavenCentral()
}
 
ext {
    querydslDir = "$buildDir/generated/querydsl"
}
 
sourceSets.main.java.srcDir(querydslDir)
 
dependencies {
    implementation 'org.springframework.boot:spring-boot-starter-data-jpa'
    implementation 'org.springframework.boot:spring-boot-starter-web'
    compileOnly 'org.projectlombok:lombok'
    runtimeOnly 'org.mariadb.jdbc:mariadb-java-client'
    annotationProcessor 'org.projectlombok:lombok'
 
    implementation 'com.querydsl:querydsl-jpa:5.0.0:jakarta'
    annotationProcessor "com.querydsl:querydsl-apt:5.0.0:jakarta"
    annotationProcessor 'jakarta.annotation:jakarta.annotation-api'
    annotationProcessor "jakarta.persistence:jakarta.persistence-api"
 
    testImplementation 'org.springframework.boot:spring-boot-starter-test'
    testImplementation 'jakarta.persistence:jakarta.persistence-api:3.1.0'
    testRuntimeOnly 'org.junit.platform:junit-platform-launcher'
}
 
tasks.named('compileJava', JavaCompile).configure {
    options.annotationProcessorGeneratedSourcesDirectory = file(querydslDir)
}
 
tasks.named('test') {
    useJUnitPlatform()
}
 
tasks.named('clean') {
    delete querydslDir
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

import com.querydsl.jpa.impl.JPAQueryFactory;
import jakarta.persistence.EntityManager;
import jakarta.persistence.PersistenceContext;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
 
@Configuration
public class QueryDslConfig {
 
    @PersistenceContext
    private EntityManager entityManager;
 
    @Bean
    public JPAQueryFactory jpaQueryFactory() {
        return new JPAQueryFactory(entityManager);
    }
}
 

QueryDSL을 사용할 때 반드시 JPAQueryFactory를 수동으로 Bean 등록해야 한다.
이 설정은 Spring이 애플리케이션 시작 시 JPAQueryFactory를 Bean으로 등록해준다.

Spring Boot 기반 회원 테이블

Link2Me — Sat, 26 Apr 2025 09:03:41 +0900

Spring Boot 기능을 익히면서 회원 테이블을 생성하고 칼럼을 추가하면서 기능을 테스트하고 있다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

CREATE TABLE members (
  member_id bigint(20) NOT NULL,
  userID varchar(60) NOT NULL,
  userNM varchar(30) NOT NULL,
  access int(2) NOT NULL DEFAULT 1 COMMENT '접속상태',
  access_failed_count int(2) NOT NULL DEFAULT 0 COMMENT '로그인실패횟수',
  access_date datetime DEFAULT NULL COMMENT '접속일자 및 시간',
  date date DEFAULT NULL COMMENT '최근접속일자',
  regNO int(5) NOT NULL DEFAULT 0 COMMENT '팀서열',
  admin int(2) NOT NULL DEFAULT 0 COMMENT '관리자유무',
  passwd varchar(120) DEFAULT NULL,
  salt varchar(20) DEFAULT NULL,
  email varchar(60) DEFAULT NULL,
  org_id int(5) NOT NULL DEFAULT 0 COMMENT '조직도ID',
  parent_id int(5) NOT NULL DEFAULT 0 COMMENT '조직도 parent_id',
  codeID int(4) NOT NULL DEFAULT 0 COMMENT '직위',
  telNO varchar(16) DEFAULT NULL COMMENT '유선전화',
  mobileNO varchar(30) DEFAULT NULL COMMENT '휴대폰번호',
  workrole varchar(200) DEFAULT NULL COMMENT '담당업무',
  chosung varchar(10) DEFAULT NULL COMMENT '초성',
  reg_date timestamp NULL DEFAULT current_timestamp() COMMENT '등록일자',
  phoneSE varchar(80) DEFAULT NULL COMMENT 'deviceID',
  is_temp_password int(2) DEFAULT 0 COMMENT '임시비번할당(1)',
  passwd_change_date datetime DEFAULT NULL COMMENT '비밀번호 변경일자',
  last_login_date datetime DEFAULT NULL COMMENT '마지막성공로그인시간',
  display int(2) NOT NULL DEFAULT 1
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb3 COLLATE=utf8mb3_general_ci;
 
ALTER TABLE members
  ADD PRIMARY KEY (member_id),
  ADD UNIQUE KEY userID (userID) USING BTREE;
 
ALTER TABLE members
  MODIFY member_id bigint(20) NOT NULL AUTO_INCREMENT;
COMMIT;
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108

import jakarta.persistence.*;
import lombok.*;
 
import java.time.LocalDate;
import java.time.LocalDateTime;
import java.util.ArrayList;
import java.util.List;
 
@Entity
@Table(name = "members")
@Getter
@Setter
@NoArgsConstructor
@AllArgsConstructor
@Builder
@ToString(exclude = "roleList")
public class Member {
 
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    @Column(name = "member_id")
    private Long memberId;
 
    @Column(name = "userID", nullable = false, unique = true, length = 60)
    private String userID;
 
    @Column(name = "userNM", nullable = false, length = 30)
    private String userNM;
 
    @Column(name = "regNO")
    private int regNO;
 
    @Column(name = "admin")
    private int admin;
 
    @Column(name = "passwd", length = 120)
    private String passwd;
 
    @Column(name = "salt", length = 20)
    private String salt;
 
    @Column(name = "email", length = 60)
    private String email;
 
    @Column(name = "org_id")
    private Integer orgId;
 
    @Column(name = "parent_id")
    private Integer parentId;
 
    @Column(name = "codeID")
    private Integer codeID;
 
    @Column(name = "telNO", length = 16)
    private String telNO;
 
    @Column(name = "mobileNO", length = 30)
    private String mobileNO;
 
    @Column(name = "workrole", length = 200)
    private String workrole;
 
    @Column(name = "access")
    private Integer access;
 
    @Column(name = "chosung", length = 10)
    private String chosung;
 
    @Column(name = "access_failed_count")
    private Integer accessFailedCount;
 
    @Column(name = "access_date")
    private LocalDateTime accessDate;
 
    @Column(name = "reg_date", columnDefinition = "timestamp default current_timestamp")
    private LocalDateTime regDate;
 
    @Column(name = "date")
    private LocalDate date;
 
    @Column(name = "phoneSE", length = 80)
    private String phoneSE;
 
    @Column(name = "is_temp_password")
    private Integer isTempPassword; // 관리자 임시 비밀번호 할당 여부
 
    @Column(name = "passwd_change_date")
    private LocalDateTime passwdChangeDate; // 비밀번호 변경일자
 
    @Column(name = "last_login_date")
    private LocalDateTime lastLoginDate;
 
    @Column(name = "display")
    private Integer display;
 
    @Builder.Default
    @OneToMany(mappedBy = "member", fetch = FetchType.LAZY, cascade = CascadeType.ALL)
    private List<MemberRoleList> roleList = new ArrayList<>();
 
    public void addRole(MemberRoleList role) {
        this.roleList.add(role);
    }
 
    public void clearRoles() {
        this.roleList.clear();
    }
}
 

PostgeSQL 15 설치 및 사용법

Link2Me — Mon, 21 Apr 2025 13:28:25 +0900

mariaDB 를 주로 사용하는데 PostgreSQL 를 설치 및 사용이 필요해서 설치하는 과정을 적은 스크립트를 적어둔다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222

################################
##### PostgreSQL 15 버전 설치 #####
################################
# Rocky Linux 9.5에서 MariaDB와 PostgreSQL을 동시에 설치하고 운용하는 것은 완전히 가능
 
# 현재 설치된 PostgreSQL 버전 확인
dnf list installed | grep postgres
 
rpm -qa | grep postgres
 
# PostgreSQL 13 삭제
# sudo dnf remove 명령어로 하나씩 찾아서 삭제한다.
 
# PostgreSQL 13 데이터 디렉터리 제거 (선택 사항)
sudo rm -rf /var/lib/pgsql/13
 
# postgreSQL 15 저장소 추가
sudo dnf install -y https://download.postgresql.org/pub/repos/yum/reporpms/EL-9-x86_64/pgdg-redhat-repo-latest.noarch.rpm
 
#기존 내장된 PostgreSQL 저장소 비활성화
sudo dnf -qy module disable postgresql
 
# PostgreSQL 15 설치
sudo dnf -y update
 
sudo dnf install -y postgresql15-server
 
# PostgreSQL 15 데이터베이스 구성 초기화
sudo postgresql-15-setup initdb
 
# PostgreSQL 15 실행 및 서비스 등록
sudo systemctl enable postgresql-15
sudo systemctl start postgresql-15
 
# PostgreSQL 상태 확인
sudo systemctl status postgresql-15
 
# PostgreSQL 15 확인 및 유지
/usr/pgsql-15/bin/psql --version
 
# PATH에 PostgreSQL 15 바이너리 추가 (권장)
echo 'export PATH=/usr/pgsql-15/bin:$PATH' >> ~/.bash_profile
source ~/.bash_profile
 
psql --version
 
#########################################################
# PostgreSQL 15 암호화 설정
# 1. postgres 사용자로 전환
sudo -i -u postgres
 
# 2. psql 실행
psql
 
# 3. 비밀번호 설정
\password
 
"postgres" 사용자의 새 암호:
 
# 특정 비밀번호로 직접 지정:
# ALTER USER postgres WITH PASSWORD '새비밀번호';
ALTER USER postgres WITH PASSWORD 'Wonderfull!!';
 
# 4. 종료
\q
 
# 변경 후 PostgreSQL 재시작: ==> 반드시 root 권한으로 접속된 상태에서 실행 가능
sudo systemctl restart postgresql-15
 
#######################################################################
# pgAdmin 4 Web 모드 설치 (Rocky Linux 9.5)
#######################################################################
# 1. 필수 패키지 설치
sudo dnf install -y yum-utils
 
# 2. pgAdmin 4 저장소 추가
sudo rpm -i https://ftp.postgresql.org/pub/pgadmin/pgadmin4/yum/pgadmin4-redhat-repo-2-1.noarch.rpm
 
# 3. 시스템 패키지 목록 업데이트
sudo dnf update -y
 
# 4. pgAdmin 4 설치
sudo dnf install -y pgadmin4
 
# 5. Apache 웹서버 시작 및 활성화
sudo systemctl enable httpd
sudo systemctl start httpd
 
# 6. pgAdmin 4 웹 모드 설정
sudo /usr/pgadmin4/bin/setup-web.sh
 
→ 웹 접속용 이메일/비밀번호 입력
이 명령을 실행하면 관리자 이메일과 비밀번호를 설정하라는 메시지가 나타납니다. 
입력 후 Apache 웹서버가 자동으로 재시작됩니다.
 
# 7. 방화벽 설정 (HTTP 포트 80 허용)
sudo firewall-cmd --permanent --add-service=http
sudo firewall-cmd --reload
 
# 8. pgAdmin 4 접속
# 웹 브라우저에서 다음 주소로 접속하세요:
http://<서버 IP 또는 도메인>/
 
#######################################################################
####### 실제 적용 예제 ######
#######################################################################
sudo -i -u postgres
psql
 
-- DB 생성
create database malldb ENCODING 'UTF8';
\c malldb
 
-- 테이블 생성
CREATE TABLE members (
    member_id BIGINT GENERATED ALWAYS AS IDENTITY PRIMARY KEY,
    userID VARCHAR(60) NOT NULL UNIQUE,
    userNM VARCHAR(30) NOT NULL,
    access INTEGER NOT NULL DEFAULT 1,
    access_failed_count INTEGER NOT NULL DEFAULT 0,
    access_date TIMESTAMP NULL,
    date DATE DEFAULT NULL,
    regNO INTEGER NOT NULL DEFAULT 0,
    admin INTEGER NOT NULL DEFAULT 0,
    passwd VARCHAR(120) DEFAULT NULL,
    email VARCHAR(60) DEFAULT NULL,
    orgId INTEGER NOT NULL DEFAULT 0,
    parent_id INTEGER NOT NULL DEFAULT 0,
    codeID INTEGER NOT NULL DEFAULT 0,
    telNO VARCHAR(16) DEFAULT NULL,
    mobileNO VARCHAR(30) DEFAULT NULL,
    workrole VARCHAR(200) DEFAULT NULL,
    chosung VARCHAR(10) DEFAULT NULL,
    reg_date TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    phoneSE VARCHAR(80) DEFAULT NULL,
    display INTEGER NOT NULL DEFAULT 1,
    org_id INTEGER DEFAULT NULL
);
 
-- 주석 설정
COMMENT ON COLUMN members.access IS '접속상태';
COMMENT ON COLUMN members.access_failed_count IS '로그인실패횟수';
COMMENT ON COLUMN members.date IS '최근접속일자';
COMMENT ON COLUMN members.regNO IS '팀서열';
COMMENT ON COLUMN members.admin IS '관리자유무';
COMMENT ON COLUMN members.orgId IS '조직도ID';
COMMENT ON COLUMN members.parent_id IS '조직도 parent_id';
COMMENT ON COLUMN members.codeID IS '직위';
COMMENT ON COLUMN members.telNO IS '유선전화';
COMMENT ON COLUMN members.mobileNO IS '휴대폰번호';
COMMENT ON COLUMN members.workrole IS '담당업무';
COMMENT ON COLUMN members.chosung IS '초성';
COMMENT ON COLUMN members.reg_date IS '등록일자';
COMMENT ON COLUMN members.phoneSE IS 'deviceID';
 
-- 테이블 생성 확인
\dt
 
-- 특정 테이블 구조 보기
\d members
 
-- 해당 DB 접속
\c malldb
 
-- 인덱스 확인
\di members*
 
-- 인덱스 추가 (CREATE INDEX)
CREATE INDEX idx_userid ON members(userID);
 
-- 여러 칼럼 복합 인덱스 
CREATE INDEX idx_userid_orgid ON members(userID, orgId);
 
-- 유니크 인덱스
CREATE UNIQUE INDEX idx_userid_unique ON members(userID);
 
-- 인덱스 삭제 (DROP INDEX)
-- 기본 문법
-- DROP INDEX index_name;
DROP INDEX idx_userid;
 
############################################################################
# 사용자 권한 부여
sudo -i -u postgres
psql
 
-- 1. 사용자 생성
CREATE USER codefox WITH PASSWORD 'Wonderfull!!';
 
-- 2. 특정 데이터베이스에 대한 모든 권한 부여 (예: malldb)
GRANT ALL PRIVILEGES ON DATABASE malldb TO codefox;
 
-- 3. (선택) 해당 데이터베이스의 모든 테이블, 시퀀스, 함수에 대한 권한 부여
-- DB를 처음 생성한 경우에는 필요 없지만, 이후 객체 생성 시엔 아래도 고려해야 합니다
\c malldb  -- 해당 DB에 접속한 후 실행
GRANT ALL PRIVILEGES ON ALL TABLES IN SCHEMA public TO codefox;
GRANT ALL PRIVILEGES ON ALL SEQUENCES IN SCHEMA public TO codefox;
GRANT ALL PRIVILEGES ON ALL FUNCTIONS IN SCHEMA public TO codefox;
 
-- 4. (선택) 앞으로 생성되는 객체에도 권한 자동 부여
ALTER DEFAULT PRIVILEGES IN SCHEMA public GRANT ALL ON TABLES TO codefox;
ALTER DEFAULT PRIVILEGES IN SCHEMA public GRANT ALL ON SEQUENCES TO codefox;
ALTER DEFAULT PRIVILEGES IN SCHEMA public GRANT ALL ON FUNCTIONS TO codefox;
 
-- 5. 빠져나오기
\q
exit
#######################################################################
# PATH 추가 (권장)
echo 'export PATH=/usr/pgsql-15/bin:$PATH' >> ~/.bash_profile
source ~/.bash_profile
 
# DB 백업
sudo -i -u postgres
pg_dump -U postgres -d malldb -F p -f malldb.sql
 
# 다운로드 받은 파일의 경로
cd /var/lib/pgsql/
 
#######################################################################

--add-opens java.base/java.lang=ALL-UNNAMED

Link2Me — Fri, 11 Apr 2025 01:53:23 +0900

명령어를 찾을 수 없어서 개삽질을 한참했다.

build.gralde 에 아래와 같이 추가를 하고 컴파일을 하면 에러가 계속 발생한다.

// P6Spy
implementation 'com.github.gavlyukovskiy:p6spy-spring-boot-starter:1.9.0'
implementation 'org.hibernate.orm:hibernate-core:6.2.12.Final'

그런데 이걸 Disable 시켜도 동일해서 아래와 같이 해결했다.

'Modify options' 버튼을 눌러 'Add VM options'를 선택

새벽에 잠도 못자고 뭐하는 개짓거리인지 ㅠㅠㅠ

해결 되었는데 잠이 오려나 모르겠네.

Spring Boot 테스트 Class 자동 생성 단축키

Link2Me — Thu, 10 Apr 2025 13:14:03 +0900

스프링부트에서 테스트 코드 Class 를 자동으로 생성하는 단축키

localdata.go.kr 전체자료 CSV 업로드 목적 테이블

Link2Me — Wed, 9 Apr 2025 19:37:15 +0900

전체 자료를 csv 파일로 받은 걸 업로드 목적으로 만든 테이블 구조이다.

기존 테이블과 동일한 구조인데 index 부분을 좀 더 추가했다.

총 자료 개수는 1100만개 정도되고, 운영 자료만 450만개 정도 되더라.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

DROP TABLE `LocaldataCSV`;
CREATE TABLE `LocaldataCSV` (
  `idx` int(11) NOT NULL COMMENT '번호',
  `opnSvcNm` varchar(200) DEFAULT NULL COMMENT '개방서비스명',
  `opnSvcId` char(10) NOT NULL COMMENT '개방서비스ID',
  `opnSfTeamCode` char(7) NOT NULL COMMENT '개방자치단체코드',
  `mgtNo` varchar(40) NOT NULL COMMENT '관리번호',
  `apvPermYmd` varchar(12) NOT NULL COMMENT '인허가일자',
  `apvCancelYmd` varchar(12) DEFAULT NULL COMMENT '인허가취소일자',
  `trdStateGbn` varchar(5) NOT NULL COMMENT '영업상태코드',
  `trdStateNm` varchar(100) DEFAULT NULL COMMENT '영업상태명',
  `dtlStateGbn` varchar(4) DEFAULT NULL COMMENT '상세영업상태코드',
  `dtlStateNm` varchar(255) DEFAULT NULL COMMENT '상세영업상태명',
  `dcbYmd` varchar(12) DEFAULT NULL COMMENT '폐업일자',
  `clgStdt` varchar(12) DEFAULT NULL COMMENT '휴업시작일자',
  `clgEnddt` varchar(12) DEFAULT NULL COMMENT '휴업종료일자',
  `ropnYmd` varchar(12) DEFAULT NULL COMMENT '재개업일자',
  `siteTel` varchar(100) DEFAULT NULL COMMENT '전화번호',
  `siteArea` varchar(18) DEFAULT NULL COMMENT '소재지면적',
  `sitePostNo` varchar(7) DEFAULT NULL COMMENT '지번우편번호',
  `siteWhlAddr` varchar(200) DEFAULT NULL COMMENT '지번주소',
  `rdnWhlAddr` varchar(200) NOT NULL COMMENT '도로명주소',
  `rdnPostNo` varchar(7) DEFAULT NULL COMMENT '도로명우편번호',
  `bplcNm` varchar(100) NOT NULL COMMENT '사업장명',
  `lastModTs` varchar(20) DEFAULT NULL COMMENT '최종수정일자',
  `updateGbn` char(1) DEFAULT NULL COMMENT '데이터갱신구분',
  `updateDt` date DEFAULT NULL COMMENT '데이터갱신일자',
  `uptaeNm` varchar(100) DEFAULT NULL COMMENT '업태구분명',
  `x` char(20) DEFAULT NULL COMMENT '좌표정보(X)',
  `y` char(20) DEFAULT NULL COMMENT '좌표정보(Y)',
  `display` tinyint(2) NOT NULL DEFAULT 1,
  `region` varchar(10) DEFAULT NULL COMMENT '지역'
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_general_ci COMMENT='Local Data Table';
 
ALTER TABLE `LocaldataCSV`
  ADD PRIMARY KEY (`idx`),
  ADD UNIQUE KEY `mgtNo` (`opnSfTeamCode`,`mgtNo`,`opnSvcId`) USING BTREE,
  ADD KEY `bplcNm_rdnWhlAddr` (`bplcNm`,`rdnWhlAddr`,`trdStateGbn`),
  ADD KEY `region` (`region`),
  ADD KEY `apvPermYmd` (`apvPermYmd`),
  ADD KEY `roadAddress` (`rdnWhlAddr`),
  ADD KEY `jiAddress` (`siteWhlAddr`),
  ADD KEY `uptaeNm` (`uptaeNm`);
 
ALTER TABLE `LocaldataCSV`
  MODIFY `idx` int(11) NOT NULL AUTO_INCREMENT COMMENT '번호';
COMMIT;
 

테이블 구조 SQL 파일

LocaldataCSV.sql

0.00MB

이제 전체자료 csv 파일을 서버에 업로드하고 자료를 자동으로 읽어들이는 코드를 구현해야 한다.

파일 개수가 너무 많아서 메모리 걱정도 되고 그렇지만 시도해보려고 한다.

네이버 증권 뉴스 크롤링

Link2Me — Sat, 5 Apr 2025 23:46:06 +0900

네이버 증권 뉴스를 엑셀로 저장하는 코드 예제이다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

import requests
from bs4 import BeautifulSoup
import pandas as pd
from datetime import datetime  # Importing datetime module
 
today = datetime.now().strftime("%Y-%m-%d")
data = []
for i in range(1, 50):
    url = f"https://finance.naver.com/news/mainnews.naver?date={today}&page={i}"
    headers = {"User-Agent": "Mozilla/5.0"}
    response = requests.get(url, headers=headers)
    response.raise_for_status()
    soup = BeautifulSoup(response.text, "html.parser")
 
    articles = soup.select(".block1")
    for article in articles:
        title = article.select_one(".articleSubject > a").text
        link = "https://finance.naver.com" + article.select_one(".articleSubject > a").get("href")
        content = article.select_one(".articleSummary").contents[0].strip()
        press = article.select_one(".press").text.strip()
        date = article.select_one(".wdate").text.strip()
        data.append([title, link, content, press, date])
 
    if soup.select_one(".pgRR") is None:
        break
 
df = pd.DataFrame(data, columns=['제목','링크','내용','언론사','날짜'])
df.to_csv("naver_finance_news.csv", index=False, encoding="utf-8-sig")  # UTF-8 인코딩 설정
 

MDB for React 버전 문제?

Link2Me — Thu, 3 Apr 2025 20:42:54 +0900

개삽질을 해도 우측에 로그인/로그아웃 버튼이 보이도록 하는 것이 안된다.

npm install mdb-react-ui-kit@7.2.0

로 버전을 낮추고 나서야 해결(?)이 되었다.

현재 최신버전이 9.0.0 이다. 8.0.0 버전으로 변경만 해도 동일하게 로그인/로그아웃 버튼이 Home 메뉴 아래로 가버린다.

이걸 공개한 회사는 이런 현상이 발생한 것을 모르고 있는 걸까?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

##################################################################################################
### 프로젝트 생성 및 모듈 설치
##################################################################################################
### 프로젝트 생성 : 대문자는 포함할 수 없다.
npx create-react-app mdb
 
cd mdb
 
# 모듈 설치 ==> mdb가 최신버전을 지원하지 않기 때문에 아래 버전으로 설치 필요
npm install react react-dom
npm install mdb-react-ui-kit@7.2.0
npm install react-router-dom
npm install @fortawesome/fontawesome-free
npm install bootstrap
npm install axios
 
############################################
# RSA 암호화
npm install jsencrypt
 
############################################
### React with Spring Boot API
############################################
# Redux
npm install @reduxjs/toolkit react-redux
npm install react-cookie
 
##################################################################################################
# 기존 모듈 삭제하고 다시 설치
rm -rf node_modules package-lock.json
npm install
 
# GitHub 에 자료 업로드할 때에 node_modules 폴더는 제외시키고 업로드한다.
 
# PowerShell에서는 rm 대신 Remove-Item 명령어를 사용
Remove-Item -Recurse -Force node_modules, package-lock.json
 
 
##################################################################################################
## index.js
##################################################################################################
import React from "react";
import ReactDOM from "react-dom/client";
import { BrowserRouter } from "react-router-dom";
import App from "./App";
import 'mdb-react-ui-kit/dist/css/mdb.min.css';
import '@fortawesome/fontawesome-free/css/all.min.css'; // 아이콘용
import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap/dist/js/bootstrap.min.js';
 
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
    <App />
);
 

localdata.go.kr 테이블 구조

Link2Me — Sun, 30 Mar 2025 08:06:02 +0900

localdata.go.kr 에서 제공하는 API 자료를 저장하기 위한 테이블 구조이다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

DROP TABLE Localdata;
CREATE TABLE Localdata (
  idx int(11) NOT NULL COMMENT '번호',
  opnSfTeamCode char(7) NOT NULL COMMENT '개방자치단체코드',
  mgtNo varchar(40) NOT NULL COMMENT '관리번호',
  opnSvcId char(10) NOT NULL COMMENT '개방서비스ID',
  updateGbn char(1) DEFAULT NULL COMMENT '데이터갱신구분',
  apvPermYmd varchar(12) NOT NULL COMMENT '인허가일자',
  uptaeNm varchar(100) DEFAULT NULL COMMENT '업태구분명',
  opnSvcNm varchar(200) DEFAULT NULL COMMENT '개방서비스명',
  bplcNm varchar(100) NOT NULL COMMENT '사업장명',
  siteTel varchar(100) DEFAULT NULL COMMENT '전화번호',
  sitePostNo varchar(7) DEFAULT NULL COMMENT '지번우편번호',
  siteWhlAddr varchar(200) DEFAULT NULL COMMENT '지번주소',
  rdnPostNo varchar(7) DEFAULT NULL COMMENT '도로명우편번호',
  rdnWhlAddr varchar(200) NOT NULL COMMENT '도로명주소',
  siteArea varchar(18) DEFAULT NULL COMMENT '소재지면적',
  apvCancelYmd varchar(12) DEFAULT NULL COMMENT '인허가취소일자',
  dcbYmd varchar(12) DEFAULT NULL COMMENT '폐업일자',
  clgStdt varchar(12) DEFAULT NULL COMMENT '휴업시작일자',
  clgEnddt varchar(12) DEFAULT NULL COMMENT '휴업종료일자',
  ropnYmd varchar(12) DEFAULT NULL COMMENT '재개업일자',
  trdStateGbn varchar(5) NOT NULL COMMENT '영업상태코드',
  trdStateNm varchar(100) DEFAULT NULL COMMENT '영업상태명',
  dtlStateGbn varchar(4) DEFAULT NULL COMMENT '상세영업상태코드',
  dtlStateNm varchar(255) DEFAULT NULL COMMENT '상세영업상태명',
  x char(20) DEFAULT NULL COMMENT '좌표정보(X)',
  y char(20) DEFAULT NULL COMMENT '좌표정보(Y)',
  lastModTs varchar(20) DEFAULT NULL COMMENT '최종수정일자',
  updateDt date DEFAULT NULL COMMENT '데이터갱신일자',
  display tinyint(2) NOT NULL DEFAULT 1,
  region varchar(10) DEFAULT NULL COMMENT '지역'
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_general_ci COMMENT='Local Data Table';
 
ALTER TABLE Localdata
  ADD PRIMARY KEY (idx),
  ADD UNIQUE KEY mgtNo (opnSfTeamCode,mgtNo,opnSvcId) USING BTREE,
  ADD KEY bplcNm_rdnWhlAddr (bplcNm,rdnWhlAddr,trdStateGbn),
  ADD KEY region (region),
  ADD KEY apvPermYmd (apvPermYmd);
 
ALTER TABLE Localdata
  MODIFY idx int(11) NOT NULL AUTO_INCREMENT COMMENT '번호', AUTO_INCREMENT=1;
COMMIT;
 

엔진은 InnoDB 로 변경해서 사용해도 된다.

위 테이블 구조 SQL 파일

Localdata.sql

0.00MB

https://www.localdata.go.kr/ 사이트 접속해서 확인할 수 있다.

테이블 구조에 대한 설명이 나와있고 KEY 구현에 대한 사항도 언급되어 있다.

GitHub branch 변경 저장

Link2Me — Sun, 23 Mar 2025 16:03:45 +0900

IntelliJ IDEA 에서 GitHub 로 자료를 업로드하다보니 잘못하여 작성한 자료가 전부 날라가는 현상을 겪었다.

위와 같은 명령어를 사용하여 복구를 하고 나서 아예 다른 폴더로 파일을 옮겨서 업로드하기로 했다.

GitHub 에 첫번째 업로드를 stage01 로 업로드하고 다음 내용이 추가된 것은 stage02 로 업로드하기로 하고 시작했는데 업로드가 제대로 안되는 거다.

git branch stage02 로 새 브랜치를 생성만 하고, checkout 으로 해당 브랜치에 이동하지 않아서 생긴 문제였다.

# stage01에 있는 최신 커밋을 stage02로도 가져오기
git checkout stage02
git merge stage01

# 다시 PUSH
git push -f origin stage02

# branch 를 만들면서 이동하려면 반드시 아래 명령어를 사용한다.
git checkout -b stage02

방화벽(Firewalld)에서 8080 포트 직접 접근 차단

Link2Me — Fri, 21 Mar 2025 08:09:03 +0900

Nginx 설정으로 8080 포트 접근을 차단 설정하면 문제가 발생하더라.

Spring Boot 포트를 8080으로 설정해서 jar 파일을 구동시켰다.

1
2

nohup java -Xshare:off -jar /home/spring/SpringJWT/SpringJWT-0.0.1-SNAPSHOT.jar --server.port=8080 > /var/log/springjwt.log 2>&1 &
 

방화벽 설정을 아래와 같이 하면 https://spb.abc.com:8080/api/pub-key 와 같은 직접적인 접속을 허용하지 않는다.

오로지 Front-End 언어(ex, React)에서 Back-End 를 호출하는 axios 라이브러리를 통한 접속만 허용한다.

1
2
3
4
5
6
7
8
9
10
11
12

ㅇ 현재 방화벽 설정 확인
sudo firewall-cmd --list-all
 
ㅇ 8080 포트를 오직 로컬(Nginx)에서만 접근 가능하도록 설정
# Nginx 프록시 서버만 8080 포트 접근 허용 (예: 127.0.0.1 또는 내부 IP)
sudo firewall-cmd --permanent --add-rich-rule='rule family="ipv4" source address="127.0.0.1" port port="8080" protocol="tcp" accept'
 
# 외부에서 8080 포트 접근 차단
sudo firewall-cmd --permanent --add-rich-rule='rule family="ipv4" port port="8080" protocol="tcp" drop'
 
# 방화벽 재적용
sudo firewall-cmd --reload

nginx.conf 설정 예제 파일

실제 클라우드 환경에서 동작 테스트한 스크립트이며 도메인만 다른 명칭으로 변경했다.

즉 abc 라고 된 부분만 실제 부분을 변경한 것이다.

rocky linux 9.5 가 openssl 버전을 TLS 1.3 버전을 지원해서 아래와 같이 수정했다.

만약 TLS 1.2 버전을 지원하면 ssl_ciphers 주석 부분을 살리고 이에 맞는 스크립트로 수정해야 한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97

worker_processes auto;
 
error_log /var/log/nginx/error.log warn;
pid /var/run/nginx.pid;
 
include /etc/nginx/modules-enabled/*.conf;
 
events {
    worker_connections 1024;
}
 
http {
    include /etc/nginx/mime.types;
    default_type application/octet-stream;
 
    log_format main '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';
 
    access_log /var/log/nginx/access.log main;
 
    sendfile on;
    keepalive_timeout 65;
 
    # 시스템 정보 노출 제한
    server_tokens off;
 
    # 디렉토리 검색 방지
    autoindex off;
 
    ssl_protocols TLSv1.3;
    ssl_ecdh_curve X25519:prime256v1:secp384r1;
    #ssl_ciphers ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:DHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384:DHE-RSA-CHACHA20-POLY1305;
    ssl_prefer_server_ciphers off;
 
    # Redirect all HTTP traffic to HTTPS for spb.abc.com
    server {
        listen 80;
        server_name spb.abc.com;
        return 301 https://spb.abc.com$request_uri;
    }
 
    # Reverse Proxy for spb.abc.com with React static files
    server {
        listen 443 ssl;
        server_name spb.abc.com;
 
        ssl_certificate /etc/letsencrypt/live/spb.abc.com/fullchain.pem;
        ssl_certificate_key /etc/letsencrypt/live/spb.abc.com/privkey.pem;
        ssl_trusted_certificate /etc/letsencrypt/live/spb.abc.com/chain.pem;
        include /etc/letsencrypt/options-ssl-nginx.conf;
 
        error_log /var/log/nginx/spb-error.log;
        access_log /var/log/nginx/spb-access.log main;
 
        root /home/react/react-auth/build;
        index index.html;
 
        location / {
            try_files $uri /index.html;
            limit_except GET POST {
                deny all;
            }
        }
 
        location /static/ {
            root /home/react/react-auth/build/static;
            expires 30d;
            add_header Cache-Control "public, max-age=2592000";
        }
 
        location ~* \.(?:js|css|json|ico|png|jpg|jpeg|svg|woff|woff2|ttf|otf|eot|mp4|webm|ogv|ogg|mp3|wav|webp)$ {
            expires max;
            access_log off;
            add_header Cache-Control "public";
        }
 
    location ^~ /api {
        proxy_pass https://spb.abc.com:8080/api;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
 
    location ^~ /login {
        proxy_pass https://spb.abc.com:8080/login;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
    }
 
    include /etc/nginx/conf.d/*.conf;
}
 

아래 내용은 chatGPT 도움을 받은 내용을 기록해 둔다.

location ^~ /api {
    proxy_pass https://spb.abc.com:8080/api;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Proto $scheme;
}

이 설정은 Nginx가 /api 경로로 들어오는 요청을 https://spb.abc.com:8080/api로 프록시(Proxy)하는 역할을 한다.
즉, Front-End 가 https://spb.abc.com/api로 요청을 보내면, 해당 요청이 https://spb.abc.com:8080/api로 전달된다.

location ^~ /api {
    /api로 시작하는 모든 요청을 처리한다.
    ^~ : 해당 경로가 요청 URL과 일치하면 더 이상 다른 location 블록을 검사하지 않음 (우선순위 높음).

proxy_pass https://spb.abc.com:8080/api;
    Nginx가 /api 요청을 https://spb.abc.com:8080/api로 전달한다.
    예를 들어:

    React 요청:  https://spb.abc.com/api/users
    Nginx가 전달하는 요청: https://spb.abc.com:8080/api/users

    proxy_pass는 백엔드 서버(8080번 포트에서 실행 중인 API 서버)로 요청을 전달하는 역할을 한다.

# proxy_set_header 설정
proxy_set_header Host $host;
    원본 요청의 Host 헤더를 유지한다.
    기본적으로 proxy_pass를 사용하면 Nginx는 원래 요청의 Host 헤더를 변경할 수 있다.
    Host 헤더를 유지하면 백엔드 서버에서 도메인 정보를 유지한 채 요청을 처리할 수 있음.

proxy_set_header X-Real-IP $remote_addr;
    클라이언트(사용자)의 실제 IP 주소를 백엔드 서버로 전달한다.
    예를 들어:

    클라이언트 IP: 123.45.67.89
    백엔드 서버에서 보는 IP: 123.45.67.89

    Nginx가 백엔드 서버를 대신 호출하기 때문에, 백엔드에서는 보통 클라이언트의 IP를 127.0.0.1로 인식할 수 있다.
    이 설정이 없으면 백엔드 서버는 모든 요청이 Nginx에서 온 것으로 인식할 수 있음.

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    X-Forwarded-For 헤더는 클라이언트의 IP 주소를 보존하는 역할을 한다.
    예를 들어, 사용자가 여러 프록시를 거쳐 요청하는 경우:

    X-Forwarded-For: 123.45.67.89, 98.76.54.32, 192.168.1.10

        123.45.67.89 → 실제 클라이언트 IP
        98.76.54.32 → 중간 프록시
        192.168.1.10 → 마지막 프록시(Nginx)
    백엔드에서 로그를 분석할 때 실제 클라이언트의 IP를 확인할 수 있음.

proxy_set_header X-Forwarded-Proto $scheme;
    클라이언트가 요청할 때 사용한 프로토콜(HTTP 또는 HTTPS)을 백엔드 서버에 전달한다.
    예를 들어:

    클라이언트가 https://spb.abc.com/api 요청 → X-Forwarded-Proto: https
    클라이언트가 http://spb.abc.com/api 요청 → X-Forwarded-Proto: http

    백엔드에서 HTTPS 요청을 식별할 때 유용하다.

1
2
3
4
5
6
7

location /gis {
    proxy_pass http://192.168.123.91:18080;
    proxy_http_version 1.1;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
}
 

location /gis {
    /gis로 시작하는 모든 요청을 처리한다.
    예를 들어:

    클라이언트 요청:  http://spb.abc.com/gis/map
    Nginx가 전달하는 요청: http://192.168.123.91:18080/map
    /gis는 프록시 서버에서 제거되므로, 백엔드 서버(192.168.123.91:18080)는 /map으로 요청을 받음.

proxy_pass http://192.168.123.91:18080;
    백엔드 서버(192.168.123.91:18080)로 요청을 전달한다.
    예제:
    클라이언트 요청: http://spb.abc.com/gis/data
    Nginx가 전달하는 요청: http://192.168.123.91:18080/data
    /gis 경로는 자동으로 제거되며, 백엔드 서버가 그대로 요청을 처리할 수 있도록 설정됨.

만약 /gis를 유지해야 한다면, 다음처럼 수정 필요
proxy_pass http://192.168.123.91:18080/gis;

이렇게 하면 백엔드 서버에서 /gis/data 형태로 요청을 받게 된다.

proxy_http_version 1.1;
    백엔드와의 통신에서 HTTP/1.1을 사용하도록 설정.
    기본적으로 Nginx는 HTTP/1.0을 사용할 수 있음.
    HTTP/1.1을 사용하면 WebSocket과 같은 기능을 지원할 수 있음.

proxy_set_header Host $host;
    원본 요청의 Host 헤더를 유지하여 백엔드 서버로 전달한다.
    예를 들어:
    클라이언트 요청 Host: spb.abc.com
    백엔드 서버에서 보는 Host: spb.abc.com

    백엔드가 요청을 받을 때 Nginx의 IP 대신 원본 도메인 정보를 유지할 수 있음.

proxy_set_header X-Real-IP $remote_addr;
    클라이언트의 실제 IP를 백엔드 서버에 전달한다.
    기본적으로 Nginx가 백엔드에 요청을 전달할 때 자신(Nginx)의 IP로 요청을 보내기 때문에,
    백엔드 서버에서는 클라이언트의 원래 IP를 확인할 수 없음.
    이 설정을 추가하면 백엔드가 원래 클라이언트의 IP를 알 수 있음.

implementation 'org.springframework.boot:spring-boot-starter-web'

Link2Me — Thu, 20 Mar 2025 02:16:40 +0900

implementation 'org.springframework.boot:spring-boot-starter-web' 라이브러리는 Back-end 단에서 필요한 의존성입니다. React는 Front-end 라이브러리로 JavaScript 기반에서 동작하며, 서버와의 통신은 보통 HTTP 요청(REST API) 또는 WebSocket을 사용합니다. 이 의존성은 Spring Boot에서 HTTP 요청을 처리하거나 RESTful API를 제공하기 위해 필요한 설정과 구성 요소(Web 관련 모듈 포함)를 포함하고 있습니다.

의존성의 역할

spring-boot-starter-web 의존성을 추가하면 다음과 같은 기능을 사용할 수 있습니다:
1. Spring MVC: 컨트롤러(endpoint)를 정의하기 위한 기능.
2. 내장 톰캣 서버: 애플리케이션을 실행하기 위한 웹 서버.
3. Jackson 라이브러리 포함: JSON 형식의 요청/응답 바인딩.
4. 기타 Spring Web 관련 설정 및 모듈.

따라서 React가 Front-end로 쓰이고, Back-end를 Spring Boot로 구현한다면 API 서버를 구축하기 위해 반드시 필요합니다. React와 Spring Boot는 별개이지만, React에서 만들어진 요청을 Spring Boot가 처리하려면 spring-boot-starter-web 의존성은 필수입니다.

React 코드 비교를 통한 의미 이해

Link2Me — Wed, 19 Mar 2025 16:26:16 +0900

Webstorm 에서 코드의 의미가 어떻게 다른지 AI에게 문의를 해봤다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

const handleChangeTodo = (e) => {
 
todo[e.target.name] = e.target.value
// e.target.name : 입력 필드의 `name` 속성 값
// e.target.value : 사용자가 입력한 실제 데이터
 
setTodo({...todo})
}
 
위 코드와 아래 코드는 동일한 결과를 얻는가?
 
const handleChangeTodo = (e) => {
setTodo((prevTodo) => ({
...prevTodo,
[e.target.name]: e.target.value,
}));
};
 

첫번째 코드

- 여기서 `todo[e.target.name] = e.target.value`를 통해 기존 상태 객체인 `todo`를 **직접 수정**하고,
이후 스프레드 연산자를 사용해 새로운 객체를 생성하여 `setTodo`를 호출하고 있다.

- **문제점**:
- React는 상태를 직접 수정하는 것을 권장하지 않는다.
직접 수정(`todo[e.target.name] = e.target.value`) 시 예상치 못한 상태 동작이나 렌더링 문제가 발생할 가능성이 있다.
- 객체 복사를 통해 새로운 상태를 생성한다고는 해도, `todo` 객체는 이미 수정된 상태이므로 **불변성을 위반**한 상태가 된다.

두번째 코드

- 이 코드는 `setTodo`에서 이전 상태(`prevTodo`)를 기반으로 새로운 상태를 생성한다.
기존 상태(`prevTodo`)는 불변성을 유지한 채 동적으로 수정된 속성 값만 변경된다.
- **장점**:
- `prevTodo`는 최신 상태를 안전하게 참조하며, 새로운 객체를 생성하여 React의 상태 업데이트 방식에 맞춰 동작한다.
- 이 방식은 React의 상태 불변성 원칙에 부합하며, React의 상태 변경 및 렌더링 로직에서 **안전하게 작동**한다.

webstorm 에 연결해서 유료로 사용하는 AI 는 코드 내용 전체를 알기 때문에 chatGPT에 문의하는 것보다 설명의 정확도 좀 더 나은 거 같기도 하다.

하지만 chatGPT 를 통해서는 다양한 걸 문의하는 장점이 있는 거 같다.

서울 중구청 조직도 크롤링 Python 코드

Link2Me — Sun, 16 Mar 2025 17:54:38 +0900

서울 중구청 조직도를 파싱처리하는 Python 코드이다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124

import requests
from bs4 import BeautifulSoup
import pandas as pd
import re
 
def crawl_orgchart_guchung(url):
    # 요청 및 응답 확인
    headers = {
        "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
    }
    response = requests.get(url, headers=headers)
    soup = BeautifulSoup(response.text, "html.parser")
 
    # 데이터 저장 리스트
    data = []
 
    # 조직도의 범주에 해당하는 코드를 찾아낸다.
    scope = soup.find("div", class_="jg_organization_chart")
    # print(scope)
 
    # 모든 href 속성값 추출
    href_values = [a.get('href') for a in scope.find_all('a', href=True)]
 
    # '#' 또는 'javascript:' 를 포함하지 않는 href만 필터링하고,
    # 'https://www.junggu.seoul.kr'이 포함되지 않으면 추가하여 완전한 URL로 반환
    base_url = "https://www.junggu.seoul.kr"
    filtered_href = [
        href if href.startswith("https://www.junggu.seoul.kr") else base_url + href
        for href in href_values
        if not href.startswith(("#", "javascript:"))
    ]
 
    # "dong" 포함 여부에 따라 분리
    dong_href = [href for href in filtered_href if "dong" in href]
    non_dong_href = [href for href in filtered_href if "dong" not in href]
 
    data = [non_dong_href, dong_href]
    return data
 
def crawl_orgchart_main(url):
    # 요청 및 응답 확인
    headers = {
        "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
    }
    response = requests.get(url, headers=headers)
    soup = BeautifulSoup(response.text, "html.parser")
 
    # 데이터 저장 리스트
    data = []
 
    # 테이블 찾기
    tables = soup.find_all("div",class_="tableScroll")
 
    for table in tables:
        # print(table)
        rows = table.select("tbody tr")
        # print(rows)
        for row in rows:
            team = row.find("th").text.strip()
            cols = row.find_all("td")
            if len(cols) >= 3:  # 필요한 열 개수 확인
                position = cols[0].text.strip()
                phone = cols[1].text.strip()
                duty = cols[2].text.strip()
                data.append([team, position, phone, duty])
    
    # 데이터프레임 생성
    columns = ["부서명", "직위", "전화번호","담당업무"]
    df = pd.DataFrame(data, columns=columns)
    return df
 
def crawl_orgchart_dong(url):
 
    # 요청 및 응답 확인
    headers = {
        "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
    }
    response = requests.get(url, headers=headers)
    soup = BeautifulSoup(response.text, "html.parser")
 
    # 데이터 저장 리스트
    data = []
 
    # 조직도의 범주에 해당하는 코드를 찾아낸다.
    scope = soup.find("div", class_="member_list")
 
    # 테이블 찾기
    rows = scope.select("table tbody tr")
    for row in rows:
        team = row.find("th").text.strip()
        cols = row.find_all("td")
        if len(cols) >= 3:  # 필요한 열 개수 확인
            position = " ".join(cols[0].stripped_strings)
            phone = cols[1].get_text(separator=" ").strip()
            duty = cols[2].get_text(separator=" ").strip()
            data.append([team, position, phone, duty])
 
    # 데이터프레임 생성
    columns = ["부서명", "직위", "전화번호", "담당업무"]
    df = pd.DataFrame(data, columns=columns)
    return df
 
if __name__ == "__main__":
    url_main = "https://www.junggu.seoul.kr/content.do?cmsid=14066"
    df_main = crawl_orgchart_guchung(url_main)
 
    # 모든 URL에서 데이터 크롤링
    dataframe_main = [crawl_orgchart_main(url) for url in df_main[0]]
 
    # 데이터프레임 병합
    df_combined = pd.concat(dataframe_main, ignore_index=True)
    # 두 데이터프레임을 합치기
    if not df_combined.empty:
        print(df_combined)
        df_combined.to_csv("서울중구청.csv", index=False, encoding="utf-8-sig")
 
    dataframe_dong = [crawl_orgchart_dong(url) for url in df_main[1]]
    # 데이터프레임 병합
    df_dong_combined = pd.concat(dataframe_dong, ignore_index=True)
    # 두 데이터프레임을 합치기
    if not df_dong_combined.empty:
        print(df_dong_combined)
        df_dong_combined.to_csv("서울중구청_동주민센터.csv", index=False, encoding="utf-8-sig")
 

총 3단계의 과정으로 진행하는 코드이다.

자료를 추출하는 과정에 대한 설명은 생략한다.

[Webstorm] 함수 자동 완성 단축키

Link2Me — Sat, 15 Mar 2025 07:36:01 +0900

WebStorm(웹스톰)의 경우 JavaScript 개발을 목적으로한 IDE이기 때문에 기본 환경으로도 개발하는데 충분하다.

WebStorm 에서 자동 완성하는 단축키를 적어둔다.

rsf 를 입력하고 엔터키를 치면 함수형 컴포넌트가 자동완성된다.

단축키 : rsc Tab키 또는 rsc 엔터키

Spring Boot 배포(Deploy) 스크립트

Link2Me — Fri, 14 Mar 2025 14:27:30 +0900

Rocky 9.5 리눅스 환경에서 스프링부트 실행을 위해 준비한 스크립트이다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150

##############################################
######### RockeyOS 9.5 Spring Boot 설치 ######
##############################################
# 스크립트는 반드시 관리자 권한에서 실행해야 한다.
# openssl 버전 확인 => TLS 1.3 지원
openssl version
 
dnf -y install expat-devel
 
# 시스템 업데이트
sudo dnf -y update
 
sudo dnf -y install wget unzip mc git nmap curl
 
# SSL 관련 패키지 설치 확인
sudo dnf -y install openssl openssl-devel
 
####################################################################################
# 방화벽 데몬 시작
systemctl start firewalld
 
# 서버 부팅 시 firewalld 데몬 자동 시작 설정
systemctl enable firewalld
 
firewall-cmd --permanent --add-service=http 
firewall-cmd --permanent --add-service=https
firewall-cmd --permanent --add-service=mysql
firewall-cmd --permanent --zone=public --add-port=3306/tcp
 
firewall-cmd --permanent --zone=public --add-port=8080/tcp
firewall-cmd --permanent --zone=public --add-port=3000/tcp
firewall-cmd --reload
firewall-cmd --list-all
 
####################################################################################
# tomcat 배포 사전 조건
# 1. JAVA가 설치되어 있어야 한다. (톰캣 9는 자바 11 이상이 필요)
# jar 파일은 내부 톰캣이 있기에 따로 톰캣을 설치하지 않아도 된다. 
####################################################################################
# 1. 기본 패키지 업데이트
sudo dnf update -y
 
# 2. Java 17 버전 설치
sudo dnf install -y java-17-openjdk java-17-openjdk-devel
java -version
 
# 3. Java 환경 변수 설정
echo "export JAVA_HOME=/usr/lib/jvm/java-17-openjdk" | sudo tee -a /etc/profile.d/java.sh
echo "export PATH=\$JAVA_HOME/bin:\$PATH" | sudo tee -a /etc/profile.d/java.sh
source /etc/profile.d/java.sh
 
# 여러개 설치되어 있는 자바 버전 선택하기
sudo alternatives --config java
 
 
# 4. Spring Boot 실행
# 아래 명령어를 수행하여 실행되는 메시지를 직접 육안으로 확인한다.
java -jar <jar파일명>
java -Xshare:off -jar /home/spring/SpringJWT/SpringJWT-0.0.1-SNAPSHOT.jar
 
# 5. Spring Boot 애플리케이션 실행
# 애플리케이션 실행 (백그라운드)
# 노트북에서 빌드(build)한 파일을 리눅스 서버로 업로드하고 아래와 같이 실행한다.
 
nohup java -Xshare:off -jar /home/spring/SpringJWT/SpringJWT-0.0.1-SNAPSHOT.jar --server.port=8080 > /var/log/springjwt.log 2>&1 &
 
 
# 필요한 Apache 모듈 활성화
sudo systemctl restart httpd
 
####################################################################################
# 프로세스 확인
ps aux | grep SpringJWT
 
# 프로세스 종료 (필요 시)
kill $(ps aux | grep 'SpringJWT' | awk '{print $2}')
 
# 종료 프로세스 작성
vi /usr/local/bin/kill_8080.sh
 
#!/bin/bash
 
# 8080 포트 사용 중인 프로세스 확인
PID=$(lsof -i :8080 -t)
 
if [ -n "$PID" ]; then
    echo "8080 포트에서 실행 중인 프로세스(PID: $PID) 종료 중..."
    kill $PID
    sleep 2
 
    # 프로세스가 종료되지 않았으면 강제 종료
    if ps -p $PID > /dev/null; then
        echo "⚠️ 정상 종료되지 않아 강제 종료 진행..."
        kill -9 $PID
    fi
 
    echo "8080 포트 프로세스 종료 완료."
else
    echo "ℹ️ 8080 포트에서 실행 중인 프로세스가 없습니다."
fi
 
# 저장(wq)하고 빠져나온다.
 
# 실행권한 부여
sudo chmod +x /usr/local/bin/kill_8080.sh
 
# 스크립트 실행
sudo /usr/local/bin/kill_8080.sh
 
####################################################################################
# systemd 서비스 등록 (서버 부팅 후 자동 실행)
vi /etc/systemd/system/springjwt.service
 
[Unit]
Description=Spring Boot Application - SpringJWT
After=network.target
 
[Service]
User=apache
Group=apache
ExecStart=/usr/bin/java -Xshare:off -jar /home/spring/SpringJWT/SpringJWT-0.0.1-SNAPSHOT.jar
SuccessExitStatus=143
Restart=always
RestartSec=5
StandardOutput=file:/var/log/springjwt.log
StandardError=file:/var/log/springjwt.log
 
[Install]
WantedBy=multi-user.target
 
#저장(wq)하고 빠져나온다.
 
# systemd 데몬 리로드
sudo systemctl daemon-reload
 
# 서비스 등록 및 실행
sudo systemctl enable springjwt
sudo systemctl start springjwt
 
# 실행 상태 확인
sudo systemctl status springjwt
 
# 서비스 중지 (필요 시)
sudo systemctl stop springjwt
 
# 실행 로그 확인
cat /var/log/springjwt.log
 
####################################################################################
 

React 배포를 위한 nginx 설정

Link2Me — Thu, 13 Mar 2025 23:03:20 +0900

React 샘플 프로젝트 배포를 Apache 로 설정하려다가 포기했다. 이미 환경설정이 PHP로 VirtualHost 설정이 되어 있어서 문제가 되는가 싶어 Apache stop 을 시키고 nginx 설치를 했다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85

worker_processes auto;
 
error_log /var/log/nginx/error.log warn;
pid /var/run/nginx.pid;
 
include /etc/nginx/modules-enabled/*.conf;
 
events {
    worker_connections 1024;
}
 
http {
    include /etc/nginx/mime.types;
    default_type application/octet-stream;
 
    log_format main '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';
 
    access_log /var/log/nginx/access.log main;
 
    sendfile on;
    keepalive_timeout 65;
 
    # 시스템 정보 노출 제한
    server_tokens off;
 
    # 디렉토리 검색 방지
    autoindex off;
 
    ssl_protocols TLSv1.3;
    ssl_ciphers ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:DHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384:DHE-RSA-CHACHA20-POLY1305;
    ssl_prefer_server_ciphers off;
 
    # Redirect all HTTP traffic to HTTPS for spb.abc.com
    server {
        listen 80;
        server_name spb.abc.com;
        return 301 https://spb.abc.com$request_uri;
    }
 
    # Reverse Proxy for spb.abc.com with React static files
    server {
        listen 443 ssl;
        server_name spb.abc.com;
 
        ssl_certificate /etc/letsencrypt/live/spb.abc.com/fullchain.pem;
        ssl_certificate_key /etc/letsencrypt/live/spb.abc.com/privkey.pem;
        ssl_trusted_certificate /etc/letsencrypt/live/spb.abc.com/chain.pem;
        include /etc/letsencrypt/options-ssl-nginx.conf;
 
        error_log /var/log/nginx/spb-error.log;
        access_log /var/log/nginx/spb-access.log main;
 
        root /home/react/react-auth/build;
        index index.html;
 
        location / {
            try_files $uri /index.html;
            limit_except GET POST {
                deny all;
            }
        }
 
        location /static/ {
            root /home/react/react-auth/build;
            expires 30d;
            add_header Cache-Control "public, max-age=2592000";
        }
 
        location ~* \.(?:js|css|json|ico|png|jpg|jpeg|svg|woff|woff2|ttf|otf|eot|mp4|webm|ogv|ogg|mp3|wav|webp)$ {
            expires max;
            access_log off;
            add_header Cache-Control "public";
        }
    }
 
    add_header X-Frame-Options SAMEORIGIN;
    add_header X-Content-Type-Options nosniff;
    add_header X-XSS-Protection "1; mode=block";
    add_header Referrer-Policy "no-referrer-when-downgrade";
 
    include /etc/nginx/conf.d/*.conf;
}
 

Rocky Linux 9.5 가 TLS 1.3을 지원하기 때문에 1.3버전만 명시했다.

아래 스크립트는 nginx 설치과정부터 설명한 내역이다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156

####################################################################
# Apache를 설치한 경우에는 아파치 동작 중지
systemctl stop httpd
 
####################################################################
# nginx 설치 과정
####################################################################
# 패키지 관리자 업데이트
dnf -y update
 
# NGINX RPM 패키지 도구(dnf, yum)로 설치하는 방법
dnf -y install yum-utils
 
# NGINX 공식 저장소를 추가
vi /etc/yum.repos.d/nginx.repo
[nginx-stable]
name=nginx stable repo
baseurl=http://nginx.org/packages/centos/$releasever/$basearch/
gpgcheck=1
enabled=1
gpgkey=https://nginx.org/keys/nginx_signing.key
module_hotfixes=true
 
[nginx-mainline]
name=nginx mainline repo
baseurl=http://nginx.org/packages/mainline/centos/$releasever/$basearch/
gpgcheck=1
enabled=0
gpgkey=https://nginx.org/keys/nginx_signing.key
module_hotfixes=true
 
#wq(저장하고 빠져나오기)
 
 
# NGINX 최신 버전과 버그 수정을 포함하는 mainline 버전을 사용하려면 다음 명령어를 실행
yum-config-manager --enable nginx-mainline
 
#  버그 수정만 포함한 안정 버전을 사용하려면 다음 명령어을 실행
yum-config-manager --enable nginx-stable
 
# NGINX 패키지 설치 ==> NGINX 공식 저장소에서 최신 버전의 NGINX 패키지를 다운로드하고 설치
dnf -y install nginx
 
# NGINX 버전 확인
nginx -v
 
####################################################################
# nginx 데몬 실행
####################################################################
systemctl start nginx
systemctl enable nginx
systemctl status nginx
 
# 환경파일 수정 
vi /etc/nginx/nginx.conf
 
worker_processes auto;
 
error_log /var/log/nginx/error.log warn;
pid /var/run/nginx.pid;
 
include /etc/nginx/modules-enabled/*.conf;
 
events {
    worker_connections 1024;
}
 
http {
    include /etc/nginx/mime.types;
    default_type application/octet-stream;
 
    log_format main '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';
 
    access_log /var/log/nginx/access.log main;
 
    sendfile on;
    keepalive_timeout 65;
 
    # 시스템 정보 노출 제한
    server_tokens off;
 
    # 디렉토리 검색 방지
    autoindex off;
 
    ssl_protocols TLSv1.3;
    ssl_ciphers ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:DHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384:DHE-RSA-CHACHA20-POLY1305;
    ssl_prefer_server_ciphers off;
 
    # Redirect all HTTP traffic to HTTPS for spb.abc.com
    server {
        listen 80;
        server_name spb.abc.com;
        return 301 https://spb.abc.com$request_uri;
    }
 
    # Reverse Proxy for spb.abc.com with React static files
    server {
        listen 443 ssl;
        server_name spb.abc.com;
 
        ssl_certificate /etc/letsencrypt/live/spb.abc.com/fullchain.pem;
        ssl_certificate_key /etc/letsencrypt/live/spb.abc.com/privkey.pem;
        ssl_trusted_certificate /etc/letsencrypt/live/spb.abc.com/chain.pem;
        include /etc/letsencrypt/options-ssl-nginx.conf;
 
        error_log /var/log/nginx/spb-error.log;
        access_log /var/log/nginx/spb-access.log main;
 
        root /home/react/react-auth/build;
        index index.html;
 
        location / {
            try_files $uri /index.html;
            limit_except GET POST {
                deny all;
            }
        }
 
        location /static/ {
            root /home/react/react-auth/build;
            expires 30d;
            add_header Cache-Control "public, max-age=2592000";
        }
 
        location ~* \.(?:js|css|json|ico|png|jpg|jpeg|svg|woff|woff2|ttf|otf|eot|mp4|webm|ogv|ogg|mp3|wav|webp)$ {
            expires max;
            access_log off;
            add_header Cache-Control "public";
        }
    }
 
    add_header X-Frame-Options SAMEORIGIN;
    add_header X-Content-Type-Options nosniff;
    add_header X-XSS-Protection "1; mode=block";
    add_header Referrer-Policy "no-referrer-when-downgrade";
 
    include /etc/nginx/conf.d/*.conf;
}
 
# 저장하고 나온다.
 
# 설정 테스트
sudo nginx -t
 
#설정 반영 및 Nginx 재시작
systemctl restart nginx
 
#Ownership
chown nginx:nginx -R /home/react/react-auth/build
 

React 빌드 및 nginx 재시작

React 에서 axios 로 Spring Boot public-key 호출

Link2Me — Sun, 9 Mar 2025 13:24:58 +0900

React 에서 axios 를 통해서 백엔드에서 키를 호출하는 방법에 대해 기록한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135

import React from "react";
import {useState, useEffect, useRef} from "react";
import {Link, useNavigate} from "react-router-dom";
import axios from "axios";
import { JSEncrypt } from "jsencrypt"; // npm install jsencrypt
 
const Signup = () => {
    //const baseUrl = process.env.REACT_APP_API_BASE_URL || "http://localhost:8080";
    const baseUrl = "https://spb.abc.com:8080";
 
    const navigate = useNavigate();
    const initData = {
        userID: '',
        password: ''
    }
 
    const [publicKey, setPublicKey] = useState("");
    const [sessionId, setSessionId] = useState(""); // 세션 ID 저장
    const isFetched = useRef(false); // 실행 여부 체크
 
    useEffect(() => {
        if (isFetched.current) return; 
        isFetched.current = true; 
 
        console.log("  공개키 요청 실행됨");
        // 백엔드에서 공개키 가져오기
        axios.get(baseUrl + "/api/public-key")
            .then(response => {
                console.log("  공개키 응답:", response.data);
                setPublicKey(response.data.publicKey);
                setSessionId(response.data.sessionId); // 세션 ID 저장
            })
            .catch(error => console.error("공개키 가져오기 실패", error));
    }, []);
 
    const encrypt = new JSEncrypt(); // Start our encryptor.
    encrypt.setPublicKey(publicKey); // Assign our encryptor to utilize the public key.
 
    const [formData, setFormData] = useState(initData);
    const [users, setUsers] = useState([]);
    // 첫번째 원소 : 현재 상태, 두번재 원소 : 상태를 바꾸어 주는 함수
    const [error, setError] = useState(null);
 
    const onChangeInput = (e) => {
        setFormData({
            ...formData,
            [e.target.name]: e.target.value
        });
        // e.target.name 은 해당 input의 name을 가리킨다.
        //console.log(formData);
    }
 
    const submitForm = (e) => {
        e.preventDefault();
        
        if (!sessionId) {
            console.error("세션 ID가 없습니다. 공개키를 다시 요청하세요.");
            setError(true);
            return;
        }
 
        const params = {
            username: formData.userID,
            password: encrypt.encrypt(formData.password), // 비밀번호 암호화
            //password: formData.password, 
            sessionId: sessionId // 세션 ID 포함
        }
        console.log(params);
        axios.post(baseUrl + '/login', params)
            .then((res) => {
                console.log(res);
                if (res.status === 200) {
                    console.log(res.data);
                    localStorage.setItem("accessToken", res.data.token);
                    axios.defaults.headers.common["Authorization"] = "Bearer " + res.data.token;
                    navigate('/');
                } else {
                    console.log(res.data.message);
                    setError(true);
                }
            })
            .catch(error => {
                console.log(error.response)
            });
    }
 
    return (
        <div className="container h-100 mt-5">
            <div className="row d-flex justify-content-center align-items-center h-100">
                <div className="col-12 col-md-9 col-lg-7 col-xl-6">
                    <div className="card">
                        <div className="card-body p-5">
                            <h2 className="text-uppercase text-center mb-5">로그인</h2>
                            <form onSubmit={submitForm}>
                                <div className="form-outline mb-4">
                                    <label className="form-label" htmlFor="userID">userID</label>
                                    <input type="text" name="userID" onChange={onChangeInput} id="userID"
                                            className="form-control form-control-lg" value={formData.userID}
                                            required/>
                                </div>
 
                                <div className="form-outline mb-4">
                                    <label className="form-label" htmlFor="password">Password</label>
                                    <input type="password" name="password" onChange={onChangeInput} id="password"
                                            className="form-control form-control-lg" value={formData.password}
                                            required/>
                                </div>
 
                                { error &&
                                <div className="alert alert-danger" role="alert">
                                    로그인 정보를 다시 한번 확인하세요!
                                </div>
                                }
 
                                <div className="d-flex justify-content-center">
                                    <button type="submit"
                                            className="btn btn-primary btn-block btn-lg gradient-custom-3 text-body">로그인
                                    </button>
                                </div>
 
                                <p className="text-center text-muted mt-5 mb-0">
                                    <Link to="/register" className="fw-bold text-body"><u>회원가입</u></Link>
                                </p>
 
                            </form>
 
                        </div>
                    </div>
                </div>
            </div>
        </div>
    )
}
 
export default Signup

백엔드 : Spring Boot 설정 파일

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158

package com.example.springjwt.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 CorsMvcConfig implements WebMvcConfigurer {
 
    @Override
    public void addCorsMappings(CorsRegistry corsRegistry) {
        corsRegistry.addMapping("/**")
                .allowedOrigins(
                        "https://spb.abc.com",
                        "http://localhost:3000"
                ) // 정확한 출처 지정
                .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS") // 허용할 메서드 명확히 설정
                .allowCredentials(true) // 인증 정보 포함 허용
                .allowedHeaders("Authorization", "Content-Type", "Cache-Control");
    }
}
 
/**
 * 이 설정을 유지하려면 SecurityConfig.java에서 .cors() 설정을 제거해야 한다.
 * (권장) WebMvcConfigurer를 삭제하고, SecurityConfig.java에서 CORS를 관리하는 것이 좋다.
 */
 
package com.example.springjwt.config;
 
import com.example.springjwt.jwt.CustomLogoutFilter;
import com.example.springjwt.jwt.JWTFilter;
import com.example.springjwt.jwt.JWTUtil;
import com.example.springjwt.jwt.LoginFilter;
import com.example.springjwt.repository.RefreshRepository;
import com.example.springjwt.service.RSAService;
import jakarta.servlet.http.HttpServletRequest;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.security.authentication.AuthenticationManager;
import org.springframework.security.config.annotation.authentication.configuration.AuthenticationConfiguration;
import org.springframework.security.config.annotation.web.builders.HttpSecurity;
import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;
import org.springframework.security.config.http.SessionCreationPolicy;
import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder;
import org.springframework.security.web.SecurityFilterChain;
import org.springframework.security.web.authentication.UsernamePasswordAuthenticationFilter;
import org.springframework.security.web.authentication.logout.LogoutFilter;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.CorsConfigurationSource;
 
import java.util.Arrays;
import java.util.Collections;
 
@Configuration
@EnableWebSecurity
public class SecurityConfig {
 
    // AuthenticationManager 가 인자로 받을 AuthenticationConfiguraion 객체 생성자 주입
    private final AuthenticationConfiguration authenticationConfiguration;
    private final JWTUtil jwtUtil;
    private final RefreshRepository refreshRepository;
    private final RSAService rsaService;
 
    public SecurityConfig(AuthenticationConfiguration authenticationConfiguration, JWTUtil jwtUtil, RefreshRepository refreshRepository, RSAService rsaService) {
 
        this.authenticationConfiguration = authenticationConfiguration;
        this.jwtUtil = jwtUtil;
        this.refreshRepository = refreshRepository;
        this.rsaService = rsaService;
    }
 
    //AuthenticationManager Bean 등록
    @Bean
    public AuthenticationManager authenticationManager(AuthenticationConfiguration configuration) throws Exception {
 
        return configuration.getAuthenticationManager();
    }
 
    @Bean
    public BCryptPasswordEncoder bCryptPasswordEncoder() {
        return new BCryptPasswordEncoder();
    }
 
    @Bean
    public SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception {
 
        http
                .cors((corsCustomizer -> corsCustomizer.configurationSource(new CorsConfigurationSource() {
 
                    @Override
                    public CorsConfiguration getCorsConfiguration(HttpServletRequest request) {
 
                        CorsConfiguration configuration = new CorsConfiguration();
                        configuration.setAllowedOriginPatterns(Arrays.asList(
                                "https://spb.abc.com",
                                "http://localhost:3000"
                        )); // allowedOrigins("*")을 사용하지 않고, 구체적인 출처를 명시
                        configuration.setAllowCredentials(true);
 
                        // allowedMethods("*") 대신 GET, POST, PUT, DELETE, OPTIONS를 명확하게 설정
                        // configuration.setAllowedMethods(Collections.singletonList("*"));
                        configuration.setAllowedMethods(Arrays.asList("GET", "POST", "PUT", "DELETE", "OPTIONS"));
 
                        // allowedHeaders("*") 대신 Authorization, Content-Type, Cache-Control을 지정
                        // configuration.setAllowedHeaders(Collections.singletonList("*"));
                        configuration.setAllowedHeaders(Arrays.asList("Authorization", "Content-Type", "Cache-Control"));
 
                        configuration.setExposedHeaders(Collections.singletonList("Authorization"));
 
                        configuration.setMaxAge(3600L);
 
                        return configuration;
                    }
                })));
 
        //csrf disable
        http
                .csrf((auth) -> auth.disable());
 
        //From 로그인 방식 disable
        http
                .formLogin((auth) -> auth.disable());
 
        //http basic 인증 방식 disable
        http
                .httpBasic((auth) -> auth.disable());
 
 
        //경로별 인가 작업
        http
                .authorizeHttpRequests((auth) -> auth
                        .requestMatchers("/api/join", "/login", "/", "/api/public-key", "/api/pub-key").permitAll()
                        .requestMatchers("/admin").hasRole("ADMIN")
                        .requestMatchers("/reissue").permitAll()
                        .anyRequest().authenticated());
 
        http
                .addFilterBefore(new JWTFilter(jwtUtil), LoginFilter.class);
 
        http
                .addFilterAt(new LoginFilter(authenticationManager(authenticationConfiguration), jwtUtil, refreshRepository, rsaService), UsernamePasswordAuthenticationFilter.class);
 
        http
                .addFilterBefore(new CustomLogoutFilter(jwtUtil, refreshRepository), LogoutFilter.class);
        
        //세션 설정
        http
                .sessionManagement((session) -> session
                        .sessionCreationPolicy(SessionCreationPolicy.STATELESS));
 
        http
                .csrf((auth) -> auth.disable());
 
        return http.build();
    }
}
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

package com.example.springjwt.controller;
 
import com.example.springjwt.dto.JoinDTO;
import com.example.springjwt.service.JoinService;
import com.example.springjwt.service.RSAService;
import jakarta.servlet.http.HttpServletRequest;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;
 
import java.util.Map;
import java.util.UUID;
 
@RestController
@RequestMapping("/api")
public class AuthController {
 
    private final RSAService rsaService;
    private final JoinService joinService;
 
    @Autowired
    public AuthController(RSAService rsaService, JoinService joinService) {
        this.rsaService = rsaService;
        this.joinService = joinService;
    }
 
    /**
     * 회원 가입용 공개키
     */
//    @GetMapping("/pub-key")
//    public Map<String, String> getPubKey() {
//        return Map.of("publicKey", rsaService.getPubKey());
//    }
 
    @GetMapping("/pub-key")
    public Map<String, String> getPubKey(HttpServletRequest request) {
        String clientIp = getClientIp(request);
        int clientPort = request.getRemotePort(); // ✅ 클라이언트 포트 가져오기
        System.out.println("  클라이언트 IP: " + clientIp + " | 포트: " + clientPort);
        return Map.of("publicKey", rsaService.getPubKey());
    }
 
    private String getClientIp(HttpServletRequest request) {
        String ip = request.getHeader("X-Forwarded-For");
        if (ip == null || ip.isEmpty() || "unknown".equalsIgnoreCase(ip)) {
            ip = request.getRemoteAddr();
        }
        return ip;
    }
 
 
    /**
     * 로그인 용 공개키
     */
    @GetMapping("/public-key")
    public Map<String, String> getPublicKey() {
        String sessionId = UUID.randomUUID().toString(); // 클라이언트마다 새로운 세션 ID 생성
        String publicKey = rsaService.generateNewPublicKey(sessionId);
        return Map.of("sessionId", sessionId, "publicKey", publicKey);
    }
 
 
    @PostMapping("/join")
    public Map<String, String> joinProcess(@RequestBody JoinDTO joinDTO) {
        joinService.joinProcess(joinDTO, rsaService.getPriKey());
        return Map.of("message", "회원가입 성공");
    }
 
}
 
 

Spring Boot SSL 인증서 적용

Link2Me — Sun, 9 Mar 2025 12:54:29 +0900

Windows 11 노트북에서 접속할 때는 인증서가 필요없이도 잘 접속이 되는데 도메인 URL을 통해 접속하는 리눅스 서버에서 443 포트로 접속하는 통신을 하려면 인증서가 필요하다.

# SSL 인증서 로컬 시스템에 등록 (Rocky 9)
PKCS12 (Public Key Cryptograhic Standards)의 줄임말로 패스워드로 보호된 형식으로써, 여러 인증서 및 키를 포함할 수 있다. Java뿐만 아니라 여러 플랫폼에서 사용 가능하다.
Letsencrypt 에서 얻는 키를 이용하여 생성하면 된다.

# PKC12생성하기 : Java KeyStore (keystore.p12)로 변환
SSL 인증서를 Spring Boot에 추가하여 HTTPS를 8080 포트에서 활성화하려면, 다음 단계를 따라 Java KeyStore (JKS) 또는 PKCS12 포맷으로 변환하고 설정해야 한다.

openssl pkcs12 -export -in cert1.pem -inkey privkey1.pem -out keystore.p12 -name tomcat -password pass:changeit

-export: PKCS12 파일을 생성
-in cert1.pem → 공개 인증서 파일
-inkey privkey1.pem → 개인 키 파일
-out keystore.p12 → 변환된 인증서 저장 위치
-name tomcat → 별칭(alias) 설정
-password pass:changeit → 비밀번호 설정 (Spring Boot 설정에서 동일하게 사용해야 함)

생성된 인증서를 위의 3번과 같이 Windows 11 환경의 IntelliJ IDEA 구동한

spring boot 프로젝트의 resources 폴더에 넣고 build 해서 생성된 파일을 리눅스 시스템에 업로드하면 된다.

Spring Boot Security 적용 예시 화면

Link2Me — Sat, 8 Mar 2025 10:07:17 +0900

Spring Boot Security 를 적용한 예시 화면이다.

로그인을 누르면 공개키 정보를 서버에서 가져오는 걸 콘솔화면에 출력되도록 설정하고 확인하는 과정이다.

로그인 정보를 입력하고 이후 결과 화면을 보면

아이디 정보와 비밀번호가 RSA 암호화된 것을 확인할 수 있다.

sessionId 는 RSA 암호화/복호화 KEY 쌍을 사용자별로 일정시간동안만 유지될 수 있도록 구현했다.

로그인이 정상적으로 잘 되면 accessToken 정보를 반환하도록 테스트 했다.

JWT 토큰에 대한 강좌는

https://www.youtube.com/watch?v=NPRh2v7PTZg&list=PLJkjrxxiBSFCcOjy0AAVGNtIa08VLk1EJ

강좌 시리즈가 설명이 너무 잘 되어 있어서 이 동영상 강좌를 따라서 연습했다.

이 동영상 강좌는 Front-End 에 대한 부분은 POSTMan Web 사이트를 이용하여 테스트를 하기 때문에 실제 환경 구성과는 거리가 있을 수 있다.

Windows 11 환경에서 인털리전스 IDEA 툴과 VSCode 로 Spring Boot 예제와 React 예제를 만들어서 구현 테스트 하는 것까지는 어렵지 않게 구현하는데 성공했다.

클라우드 서버에 올리는 걸 테스트 하면서 삽질을 엄청나게 했다.

React http://localhost:3000, Spring Boot http://localhost:8080 으로 기본 설정되기 때문에 윈도우에서 둘 간에 어려움없이 개발 테스트를 할 수 있다.

하지만 Rocky 9.5 Linux 서버가 있는 환경에서 구동 테스트를 시도했더니 엄청난 난관에 부딪치게 된다.

문제에 부딪치면 밤을 세워서라도 해결하고픈 욕망 때문에 어젯밤을 꼴딱 샜다. 그리고 해결하고 정리를 하면서 기록을 해두고 있다. 지금 이 순간에는 알지만, 시간이 지나면 금방 잊어버리게 된다.

기록된 결과는 이 글을 보는 방문자에게도 도움되지만, 나에게 가장 큰 도움이 된다.

JMeter 로 로그인 처리하는 방법을 배우면서 토큰 인증에 대한 이해가 필요했고, 토큰 인증에 대한 이해를 위해서 샘플 코드를 직접 구현하고 실 사이트에서 테스트해보고, 다시 Spring Boot 환경 구성을 해보면서 결과를 얻으려고 한다.

지금 정리하는 것은 Spring Boot 를 단계적으로 배워서 정리하는 것이 아니라 골인 지점에 대한 구현을 단기 속성으로 하고 나서 거꾸로 Spring Boot 동영상 강좌를 듣고 있는 중이다.

PHP 로 구현한 Secure Coding 코드 기반으로 보안 검증을 몇년간 받아보면서 시큐어코딩에 대한 이해도가 높아졌고, 그걸 기반으로 React 와 Spring Boot 기반의 RSA 암호화/복호화 코드를 구현 테스트 했다.

Javascript 에서 RSA 암호화로 패스워드(password)를 암호화해서 전송하고, 서버단에서 RSA 암호화 문자열을 복호화하여 DB에 있는 정보와 일치 여부를 확인한다.

이처럼 이종 언어간에 RSA 암호화/복호화하는 방법으로 결과가 성공이어야 한다.

구글링으로 구한 RSA 암호화/복호화 샘플이 이종 언어간에 제대로 동작되지 않는 걸 많이 경험한다.

Andorid 앱에서 RSA 암호화를 하고, Back-End 언어어서 RSA 복호화 처리를 하는 걸 구현해야만 보안 검증에 통과되기 때문에 이때도 수많은 삽질을 했었고, 이종 언어간에 동작하는 함수를 구현해서 사용했었다.

chatGPT 가 나날이 발전하여 많은 도움을 받고 있지만, 잘못된 정보를 전달하기도 해서 시행착오를 많이 겪는다.

Android APP 에서 구현해서 사용했던 함수를 Spring Boot 용으로 변환 요청을 했더니 엉터리로 결과를 반환한다.

이종 언어로 결과 반환을 요청하면 대부분 실패된 결과를 제공하더라.

Spring Boot Build 하기

Link2Me — Sat, 8 Mar 2025 09:35:00 +0900

인텔리전트 IDEA 툴에서 빌드하는 방법이다.

빌드된 파일은 아래 경로에서 확인할 수 있다.

윈도우에서 빌드한 파일을 리눅스 서버(Rocky Linux 9.5)에 업로드 한다.

빌드된 파일은 java -jar 빌드파일명.jar 명령어를 입력하여 실행할 수 있다.

구동중에 에러가 발생하면 메시지가 출력되며, 출력된 메시지를 분석해서 에러 원인을 제거해 나가면 된다.

Spring Boot RSA 암호화/복호화 함수

Link2Me — Tue, 4 Mar 2025 16:28:59 +0900

아래 함수는 Javascript 에서 암호화된 문자열을 PHP 언어에서 복호화 성공한 암호화 KEY 문자열과 복호화 KEY 문자열을 가지고 테스트 진행했다. 함수가 제대로 동작되는 걸 확인했다.

Android Java 코드로 RSA 암호화/복호화 함수 구현 것을 chatGPT에게 변환 요청한 것은 성공되지 못하고 실패했다.

chatGPT가 이기종 언어에서 구현한 코드를 변환 요청하면 대부분 실패하는 거 같다.

Front-End 언어에서 암호화하고 Spring Boot 에서 복호화가 정상적으로 되어야 한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85

package com.example.springjwt.util;
 
import org.springframework.stereotype.Component;
 
import javax.crypto.Cipher;
import java.nio.charset.StandardCharsets;
import java.security.*;
import java.security.spec.PKCS8EncodedKeySpec;
import java.security.spec.X509EncodedKeySpec;
import java.util.Base64;
 
@Component
public class RSAUtil {
 
    /**
     * 2048비트 RSA 키 쌍 생성
     */
    public KeyPair generateRSAKeyPair() {
        try {
            KeyPairGenerator keyPairGenerator = KeyPairGenerator.getInstance("RSA");
            keyPairGenerator.initialize(2048);
            return keyPairGenerator.generateKeyPair();
        } catch (NoSuchAlgorithmException e) {
            throw new RuntimeException("Failed to generate RSA key pair", e);
        }
    }
 
    /**
     * Base64 인코딩된 공개키 문자열을 PublicKey 객체로 변환 (X.509)
     */
    public PublicKey getPublicKeyFromBase64(String base64PublicKey) {
        try {
            byte[] decodedKey = Base64.getDecoder().decode(base64PublicKey);
            KeyFactory keyFactory = KeyFactory.getInstance("RSA");
            return keyFactory.generatePublic(new X509EncodedKeySpec(decodedKey));
        } catch (Exception e) {
            throw new RuntimeException("Failed to retrieve public key from Base64", e);
        }
    }
 
    /**
     * Base64 인코딩된 개인키 문자열을 PrivateKey 객체로 변환 (PKCS8)
     */
    public PrivateKey getPrivateKeyFromBase64(String base64PrivateKey) {
        try {
            byte[] decodedKey = Base64.getDecoder().decode(base64PrivateKey);
            KeyFactory keyFactory = KeyFactory.getInstance("RSA");
            return keyFactory.generatePrivate(new PKCS8EncodedKeySpec(decodedKey));
        } catch (Exception e) {
            throw new RuntimeException("Failed to retrieve private key from Base64", e);
        }
    }
 
    /**
     * Base64 인코딩된 공개키 문자열을 받아 RSA 암호화 수행 (RSA/ECB/PKCS1Padding 사용)
     */
    public String encryptRSA(String plainText, String base64PublicKey) {
        try {
            PublicKey publicKey = getPublicKeyFromBase64(base64PublicKey);
            Cipher cipher = Cipher.getInstance("RSA/ECB/PKCS1Padding");
            cipher.init(Cipher.ENCRYPT_MODE, publicKey);
            byte[] encryptedBytes = cipher.doFinal(plainText.getBytes(StandardCharsets.UTF_8));
            return Base64.getEncoder().encodeToString(encryptedBytes);
        } catch (Exception e) {
            throw new RuntimeException("RSA encryption failed", e);
        }
    }
 
    /**
     * Base64 인코딩된 개인키 문자열을 받아 RSA 복호화 수행 (RSA/ECB/PKCS1Padding 사용)
     */
    public String decryptRSA(String encryptedText, String base64PrivateKey) {
        try {
            PrivateKey privateKey = getPrivateKeyFromBase64(base64PrivateKey);
            Cipher cipher = Cipher.getInstance("RSA/ECB/PKCS1Padding");
            cipher.init(Cipher.DECRYPT_MODE, privateKey);
            byte[] decryptedBytes = cipher.doFinal(Base64.getDecoder().decode(encryptedText));
            return new String(decryptedBytes, StandardCharsets.UTF_8);
        } catch (Exception e) {
            throw new RuntimeException("RSA decryption failed", e);
        }
    }
 
}
 

테스트 하는 방법은 아래와 같이 파일을 추가해서 하면 된다.

RSA Key 쌍을 생성하지 않아도 된다. RSA Key 쌍을 Linux 시스템에서 파일로 생성한 것으로 테스트를 진행했고 잘 동작되는 걸 확인했다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

 
package com.example.springjwt.util;
 
import org.springframework.boot.CommandLineRunner;
import org.springframework.stereotype.Component;
 
import java.security.KeyPair;
import java.security.PrivateKey;
import java.security.PublicKey;
 
@Component
public class RSAUtilRunner implements CommandLineRunner {
 
    private final RSAUtil rsaUtil;
 
    public RSAUtilRunner(RSAUtil rsaUtil) {
        this.rsaUtil = rsaUtil;
    }
 
    @Override
    public void run(String... args) throws Exception {
        // 1. RSA 키 쌍 생성
        KeyPair keyPair = rsaUtil.generateRSAKeyPair();
        PublicKey publicKey = keyPair.getPublic();
        PrivateKey privateKey = keyPair.getPrivate();
 
        // 2. Base64로 인코딩하여 키 출력
        String base64PublicKey = java.util.Base64.getEncoder().encodeToString(publicKey.getEncoded());
        String base64PrivateKey = java.util.Base64.getEncoder().encodeToString(privateKey.getEncoded());
 
        System.out.println("----- RSA 키 쌍 생성 완료 -----");
        System.out.println("공개키 (Base64): " + base64PublicKey);
        System.out.println("개인키 (Base64): " + base64PrivateKey);
 
        // 3. 암호화 테스트
        String originalText = "Hello, Spring Boot with RSA!";
        System.out.println("\n원본 텍스트: " + originalText);
 
        String encryptedText = rsaUtil.encryptRSA(originalText, base64PublicKey);
        System.out.println("암호화된 텍스트: " + encryptedText);
 
        // 4. 복호화 테스트
        String decryptedText = rsaUtil.decryptRSA(encryptedText, base64PrivateKey);
        System.out.println("복호화된 텍스트: " + decryptedText);
 
    }
 
}
 

다음에는 실제 React 에서 비밀번호를 암호화해서 전송하고, Spring Boot 에서 복호화 성공 여부를 확인하려고 한다.

강동구청 조직도 크롤링

Link2Me — Sun, 2 Mar 2025 00:10:57 +0900

강동구청 조직도 크롤링 소스코드이다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

import requests
from bs4 import BeautifulSoup
import pandas as pd
import re
 
def crawl_orgchart():
    url = "https://www.gangdong.go.kr/web/newportal/empSearch/list"
    headers = {"User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64)"}
    
    response = requests.get(url, headers=headers)
    if response.status_code != 200:
        print("Failed to retrieve page")
        return None
    
    soup = BeautifulSoup(response.text, "html.parser")
    
    data = []
    
    departments = soup.select("h4.title-green")
    tables = soup.select("table")
    
    for dept, table in zip(departments, tables):
        department_name = dept.text.strip()
        
        # 괄호가 포함되어 있으면 괄호 이전 글자만 추출
        if "(" in department_name:
            department_name = re.split("\\(", department_name)[0].strip()
        else:
            # 'FAX' 이전까지의 글자만 추출
            department_name = re.split("FAX", department_name, flags=re.IGNORECASE)[0].strip()
        
        table_rows = table.select("tbody tr")
        
        for row in table_rows:
            columns = row.find_all("td")
            if len(columns) >= 3:
                position = columns[0].text.strip()
                phone = columns[1].text.strip()
                duty = columns[2].text.strip()
 
                # 전화번호가 없는 행은 제외
                if not phone:
                    continue
 
                # 전화번호가 2줄 이상이면 한 칸 공백으로 띄우고 한 줄로 변환
                phone = " ".join(phone.splitlines()).strip()
                
                # 여러 줄인 경우 한 칸 공백으로 띄우고 한 줄로 변환
                duty = " ".join(duty.splitlines()).strip()
                
                # 담당업무가 1줄이고 첫 글자가 '-'이면 'o'로 변경
                if duty.startswith("-") and "\n" not in duty:
                    duty = "o" + duty[1:]
                
                data.append({
                    "부서명": department_name,
                    "직위": position,
                    "전화번호": phone,
                    "담당업무": duty
                })
    
    df = pd.DataFrame(data)
    return df
 
if __name__ == "__main__":
    df = crawl_orgchart()
    if df is not None:
        print(df)
        df.to_csv("강동구청_조직도.csv", index=False, encoding="utf-8-sig")
 

종로구청 조직도 크롤링

Link2Me — Sat, 1 Mar 2025 22:34:15 +0900

종로구청 조직도 크롤링 소스코드이다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154

import requests
from bs4 import BeautifulSoup
import pandas as pd
import re
 
def crawl_orgchart_main(url):
    # 요청 및 응답 확인
    headers = {
        "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
    }
    response = requests.get(url, headers=headers)
    soup = BeautifulSoup(response.text, "html.parser")
 
    # 데이터 저장 리스트
    data = []
 
    # "org_list" 내부 정보 추출
    org_list = soup.select(".org_list ul li a")
    
    for org in org_list:
        name = org.find("em").get_text(strip=True) if org.find("em") else ""
        name = re.split("\\d", name)[0].strip()  # 숫자 제거하여 이름만 추출
        duty = org.find("span").get_text(strip=True) if org.find("span") else ""
        phone = org.find("p").get_text(strip=True) if org.find("p") else ""
        position = ""
        if name and duty:
            data.append([duty, position,phone, name])
    
    # "modal-table" 내부 정보 추출 (부구청장, 비서실 등)
    modal_tables = soup.select(".modal-table tbody tr")
    for row in modal_tables:
        cols = row.find_all("td")
        if len(cols) >= 3:
            name = cols[0].get_text(strip=True)  # 이름 => 부서명
            duty = cols[1].get_text(strip=True)  # 담당업무
            phone = cols[2].get_text(strip=True)  # 연락처
            position = ""
            data.append([duty, position,phone, name])
    
    # 데이터프레임 생성
    columns = ["부서명", "직위", "전화번호","담당업무"]
    df = pd.DataFrame(data, columns=columns)
    return df
 
 
def crawl_orgchart(url):
 
    # 요청 및 응답 확인
    headers = {
        "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
    }
    response = requests.get(url, headers=headers)
    soup = BeautifulSoup(response.text, "html.parser")
 
    # 데이터 저장 리스트
    data = []
 
    # "organization" 내부 정보 추출
    organization= soup.select_one(".organization ul li")
 
    if organization:
        department = organization.find("dt").get_text(strip=True) if organization.find("dt") else ""
        name_position_parts = organization.find("dd").get_text(strip=True, separator=" ").split(" ") if organization.find("dd") else []
        name_position = name_position_parts[1] if len(name_position_parts) > 1 else name_position_parts[0] if name_position_parts else ""        
        # name_position = organization.find("dd").get_text(strip=True, separator=" ").split(" ")[1] if organization.find("dd") else ""
        phone_tag = organization.select_one(".telnum a")
        phone = phone_tag.get_text(strip=True) if phone_tag else ""
        duty_position_parts = organization.find("dd").get_text(strip=True, separator=" ").split(" ") if organization.find("dd") else []
        duty = " ".join(duty_position_parts[:2]) if len(duty_position_parts) > 1 else duty_position_parts[0] if duty_position_parts else ""
        data.append([department, name_position, phone, duty])
 
    departments = soup.select(".text_area.depart-team .mb5 .table_type1 tbody tr th")
    tables = soup.select(".table_type1.mt20")
 
    # 테이블 데이터 추출
    for dept, table in zip(departments, tables):
        department_name = dept.text.strip()
 
        table_rows = table.select("tbody tr")
        for row in table_rows:
            columns = row.find_all("td")
            if len(columns) >= 3:
                position = columns[0].get_text(strip=True)  # 직위
                duty = columns[1].get_text(strip=True)  # 담당업무
                phone = columns[2].get_text(strip=True)  # 행정전화번호
                data.append([department_name, position, phone, duty])
 
    columns = ["부서명", "직위", "전화번호","담당업무"]
    df = pd.DataFrame(data, columns=columns)
    return df
 
if __name__ == "__main__":
    url_main = "https://www.jongno.go.kr/Main.do?menuId=1917&menuNo=1917"
    df_main = crawl_orgchart_main(url_main)
 
    if not df_main.empty:
        print(df_main)
        df_main.to_csv("종로구청_main.csv", index=False, encoding="utf-8-sig")
 
    urls = [
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002110000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30001900000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002340000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002350000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002360000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002430000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002440000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002450000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002460000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002470000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002480000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002490000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002500000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002510000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002520000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002530000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002540000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002710000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002720000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002730000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002740000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002750000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002760000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002770000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002780000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002790000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002550000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002560000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002570000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002580000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002590000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002600000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002800000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002810000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002820000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002830000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002310000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30001530000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30000370000",
        "https://www.jongno.go.kr/portal/deptGuidance.do?menuId=1892&deptId=30002320000",
    ]
    
    # 모든 URL에서 데이터 크롤링
    dataframes = [crawl_orgchart(url) for url in urls]
    
    # 데이터프레임 병합
    df_combined = pd.concat(dataframes, ignore_index=True)
    
    # 두 데이터프레임을 합치기
    if not df_combined.empty:
        print(df_combined)
        df_combined.to_csv("종로구청.csv", index=False, encoding="utf-8-sig")
 

크롤링하는 방법에 대한 설명은 생략한다.

조직도를 누르면

https://www.jongno.go.kr/Main.do?menuId=1917&menuNo=1917

조직도<구청<종로구 안내<종로소개< 종로구

조직도 ※ 해당 부서/동주민센터를 누르시면 부서별/동주민센터별 홈페이지를 보실 수 있습니다. 7국, 1소, 1사무국, 1담당관, 40과 구청 > 조직도 수정 221017 --> 본 저작물은 공공누리 「제 1유형:

www.jongno.go.kr

조직도 사이트가 나오는데 이용자 중심으로 되어 있다보니 크롤링하기가 좀 번거롭다.

크롤링 하는데 빠진 자료도 있을 수 있다.

IntelliJ IDEA Auto Import 설정

Link2Me — Sat, 1 Mar 2025 22:10:12 +0900

인텔리제이 IDEA 사용 시 Auto Import 기능은 반드시 설정해야 코딩시 편하다.

Import 해야 할 대상이 2개 이상인 경우를 제외하고, 1개인 것은 자동으로 모두 추가/제거를 해준다.

Build Gradle Update

Link2Me — Thu, 27 Feb 2025 22:37:57 +0900

build gradle 을 변경하고 나면 업데이트 처리를 해줘야 한다.

JMeter content-type 인식 문제

Link2Me — Mon, 24 Feb 2025 13:59:41 +0900

PHP의 $_POST 변수는 application/x-www-form-urlencoded 또는 multipart/form-data 형식의 데이터를 처리한다.

로그인 처리하는 파일에서 코드 구조가

로 되어 있다면 application/json 으로 Content-Type를 넘기면 안된다.

Content-Type:application/x-www-form-urlencoded 로 설정해야 한다.

JMeter에서 JSON을 Body Data로 보낼 경우, $_POST가 아니라 php://input을 통해 데이터를 읽어야 한다.

와 같이 데이터를 넘기면 로그인 결과 처리를 하는 파일 구조도 아래와 같이 변경되어야 JSON 으로 넘어온 데이터를 인식하고 처리한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

<?php
if(!isset($_SESSION)) {
    session_start();
}
 
// jwt 라이브러리 사용
use \Firebase\JWT\JWT;
 
error_reporting(0);
 
// JSON 데이터를 가져오기
$json_data = file_get_contents("php://input");
 
// JSON을 PHP 배열로 변환
$data = json_decode($json_data, true);
 
if(isset($data['userID']) && !empty($data['userID']) && isset($data['password']) && !empty($data['password'])) {
    require_once 'path.php';
    require_once $g['path_config'].'config.php';
    require_once $g['path_class'].'dbconnect.php';
    require_once $g['path_class'].'loginClass.php';
    require_once $g['path_root'].'vendor/autoload.php';
 
    @extract($data);
 
    $c = new LoginClass();
 

POST 요청이 application/json 방식으로 보내진 경우
→ $_POST['userID']로 접근 불가능 ❌
→ file_get_contents("php://input")를 사용해야 데이터 수신 가능

POST 요청이 application/x-www-form-urlencoded 방식으로 보내진 경우
→ $_POST['userID']로 접근 가능
→ JSON이 아니라 key-value 쌍으로 데이터를 전송해야 함

Spring Boot MariaDB 연결

Link2Me — Sat, 22 Feb 2025 23:23:17 +0900

위와 같이 설정하고 Generate 하면 파일이 zip 으로 만들어진다.

이 파일을 C 드라이브 폴더에 압축을 풀고 Intellij IDEA 툴로 접속한 다음 MariaDB 연결을 위한 설정을 해야 한다.

처음부터 MariaDB Driver를 선택해야 하는데 실수한 것이라는 걸 뒤늦게 알았다.

Spring Boot 에서 MariaDB 연결

안정적인 버전은 3.3.3 이라고 권고하고 있다.

MariaDB Driver 를 선택하면 설치된다.

application.yml 파일을 새로 생성하여 아래와 같이 추가해준다.

ddl-auto : create 는 처음에는 이렇게 설정하지만, 나중에는 none 으로 변경해야 한다.

MariaDB를 설치하고 MariaDB 연결이 제대로 된 것인지 확인한다.

MariaDB 를 선택하고 아래와 같이 설정해준다.

마지막으로 Run 을 했을 때 에러가 발생하지 않고 제대로 동작되는 걸 확인해야 한다.

JMeter real-time RSA 암호화 로그인 방법

Link2Me — Sat, 22 Feb 2025 03:15:40 +0900

RSA 암호화/복화화 시 실시간으로 KEY 조합이어야 할 경우에는 어떻게 접근해야 할까?

실시간이라는 의미는 매번 접속할 때마다 RSA 암호화/복화화 KEY가 달라진다는 것이다.

HDD 에 저장된 Public KEY, Private KEY 가 아니라 메모리 상에서 접속시마다 생성하는 KEY 쌍이다.

최근의 보안검증에서는 이런 걸 요구하고 있다.

해킹 시도를 원천 차단하고자 하는 것이 목적이기 때문일 것이다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

<?php
if(!isset($_SESSION)) {
    session_start();
}
require_once 'path.php';// root 폴더를 기준으로 상대적인 경로 자동 구하기
require_once $g['path_root'].'deviceChk.php';
require_once $g['path_config'].'config.php';
require_once $g['path_class'].'dbconnect.php';
require_once $g['path_class'].'loginClass.php';
$c = new LoginClass();
 
$salt = sha1(rand());
$salt = substr($salt, 0, 20);
 
$key = $c->rsa_generate_keys($salt);
$pubkey = $c->rsa_publickey($key['pub_key']);
$prikey = $c->rsa_privatekey($key['pri_key']);
$_SESSION['prikey'] = $prikey;
$_SESSION['salt'] = $salt;
 
// JSON 응답으로 공개키 전달
header('Content-Type: application/json');
echo json_encode(["pub_key" => $pubkey]);
 
/*
echo json_encode([
    "pub_key" => $pubkey,
    "session_id" => session_id(),
    "prikey" => isset($_SESSION['prikey']) ? $_SESSION['prikey'] : "NOT_SET",
    "salt" => isset($_SESSION['salt']) ? $_SESSION['salt'] : "NOT_SET",
]);
 
// */
?>

위 코드와 같이 PHP SESSION 으로 Private KEY를 전달한다.

KEY 쌍을 생성할 때 salt 를 적용하면 변화가 더욱 심해진다.

이런 점을 감안해서 JMeter 에서 암호화 로그인을 성공하기 위한 과정이다.

처음부터 부하를 많이 주는 테스트를 하면 안되고 로그인까지 정상적으로 되는지 확인해야 하기 때문에 1로 설정한다.

JSON Path expression 을 왜 이렇게 설정했는지는 위 PHP 소스코드를 보면 알 수 있다.

만약 data 배열 하단에 pub_key 로 생성하면 $.data.pub_key 로 변경해줘야 한다.

PHP SESSION 을 변수에 담아서 저장하기 위한 과정이다.

매번 HTTP Request 추가하여 실행될 때 마다 다른 PHPSESSID 가 생성될 수 있으니 필요한 곳에 값을 전달하면 된다.

추출한 PHP SESSION 값을 변수에 저장하는 과정이다.

공개키 가져오는 과정이다. JSR223 PreProcess 를 사용하여 변수를 가져와 암호화된 비밀번호를 생성할 수 있다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

 
import java.security.KeyFactory
import java.security.spec.X509EncodedKeySpec
import java.security.PublicKey
import javax.crypto.Cipher
import org.apache.commons.codec.binary.Base64
 
// JSON Extractor에서 추출한 공개 키 가져오기
String publicKeyString = vars.get("pubkey");
 
// Debugging: JMeter log에서 확인 가능
log.info("Extracted Public Key: " + publicKeyString);
 
if (publicKeyString == null || publicKeyString.equals("NOT_FOUND") || publicKeyString.isEmpty()) {
    throw new RuntimeException("Public Key not found in response! Check JSON Extractor.");
}
 
// 암호화할 비밀번호 가져오기
String password = vars.get("password");
 
// 공개 키 복원
byte[] keyBytes = Base64.decodeBase64(publicKeyString);
X509EncodedKeySpec spec = new X509EncodedKeySpec(keyBytes);
KeyFactory keyFactory = KeyFactory.getInstance("RSA");
PublicKey publicKey = keyFactory.generatePublic(spec);
 
// RSA 암호화 수행
Cipher cipher = Cipher.getInstance("RSA/ECB/PKCS1Padding");
cipher.init(Cipher.ENCRYPT_MODE, publicKey);
byte[] encryptedBytes = cipher.doFinal(password.getBytes("UTF-8"));
 
// Base64로 인코딩
String encryptedPassword = Base64.encodeBase64String(encryptedBytes);
 
// JMeter 변수 저장
vars.put("encryptedPassword", encryptedPassword);
log.info("Encrypted Password: " + encryptedPassword);
 

로그인할 때 userID와 password 를 앞에서 생성한 encryptedPassword 를 입력변수로 전달한다.

Front-End 단의 코드는 필요없고, Back-End 단의 PHP 가 POST 변수로 받는 부분을 고려하면 된다.

Header 메시지는 웹브라우저의 개발자모드에서 확인한 사항을 적어둔다.

Cookie 에 앞에서 추출한 PHPSESSID를 변수로 적어준다.

토큰 추출 관련 PHP 소스코드

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96

<?php
if(!isset($_SESSION)) {
    session_start();
}
error_reporting(0);
 
header('Content-Type: application/json');
/*
echo json_encode([
    "session_id" => session_id(),
    "prikey" => isset($_SESSION['prikey']) ? $_SESSION['prikey'] : "NOT_SET",
    "salt" => isset($_SESSION['salt']) ? $_SESSION['salt'] : "NOT_SET",
]);
exit;
// */
// jwt 라이브러리 사용
use \Firebase\JWT\JWT;
 
// 파일을 직접 실행하는 비정상적 동작을 방지 하기 위한 목적
if(isset($_POST) && $_SERVER['REQUEST_METHOD'] == "POST"){
    @extract($_POST);
    if(isset($userID) && !empty($userID) && isset($password) && !empty($password)) {
        require_once 'path.php';
        require_once $g['path_config'].'config.php';
        require_once $g['path_class'].'dbconnect.php';
        require_once $g['path_class'].'loginClass.php';
        require_once $g['path_root'].'vendor/autoload.php';
        $c = new LoginClass();
 
        $private_key = $_SESSION['prikey'];
        $salt = $_SESSION['salt'];
 
        $password = $c->rsa_decrypt_key($password, $private_key,$salt); // RSA 패스워드 복호화 기능 구현
                
        $rs = $c->LoginSuccessChk($userID,$password); // 개발 서버
        $rs = (int)$rs;
        switch($rs){
            case 11:
                // 로그인 허용
                $user = $c->getUser($userID, $password);
                if ($user != false) {
                    $issuedAt = time();
                    $expirationTime = $issuedAt + 3600; // 1시간 유효
                    if($user['admin']==1 || $user['admin']==2) {
                        $payload = array(
                            'iat' => $issuedAt,
                            "exp" => $expirationTime,
                            "userID" => $user['userID'],
                            "userNM" => $user['userNM'],
                            "access" => $user['access'],
                            "usrIDX" => $user['idx'],
                            "orgId" => $user['orgId'],
                            "authID" => $user['admin'],
                        );
                        $rs = 21;
                    } else {
                        $payload = array(
                            'iat' => $issuedAt,
                            "exp" => $expirationTime,
                            "userID" => $user['userID'],
                            "userNM" => $user['userNM'],
                            "access" => $user['access'],
                            "usrIDX" => $user['idx'],
                            "orgId" => $user['orgId'],
                        );
                    }
 
                    // JWT 생성
                    $token = JWT::encode($payload, SECRET_KEY, ALGORITHM);
 
                    // 세션 및 쿠키 저장
                    //$_SESSION['token'] = $token;
                    setcookie('token', $token, time() + 3600, '/'); // 1시간 동안 쿠키 저장
                    
                    header('Content-Type: application/json');
                    echo json_encode(array('token' => $token));
 
                } else {
                    echo json_encode(array('result' => '-3')); // 체크 필요
                }
                break;
 
            default:
                echo json_encode(array('result' => $rs));
                break;
        }
    } else {// 입력받은 데이터에 문제가 있을 경우
        echo json_encode(array('result' => '-2'));
    }
} else { // 비정상적인 접속인 경우
    echo json_encode(array('result' => '-3')); // loginChk.php 파일을 직접 실행할 경우에는 화면에 0을 찍어준다.
    exit;
}
?>

로그인 이후의 파일에 접근하는 과정 설명 그림이다.

이 정도면 충분한 설명은 되었다고 본다.

소스코드를 분석하면서 JMeter 스크립트 과정을 작성해야 하는 거 같다.

본문내에 광고가 떠서 가독성을 떨어뜨리는 거 같아서 광고를 삭제시켰다.

블로그 접속빈도가 떨어져서 광고를 클릭할 가능성도 매우 낮다고 보기 때문이고, 정보 전달의 목적에 충실하자는 의도도 있다.

JMeter RSA 암호화 로그인 방법

Link2Me — Fri, 21 Feb 2025 01:06:14 +0900

JMeter 에서 RSA 암호화 로그인 방법을 찾으려고 개고생을 했다.

구글링으로 원하는 답을 구하지 못했고 chatGPT도 엉터리 답변 때문에 수많은 시간을 낭비했다.

Javascript 에서 jsencrypt.min.js 라이브러리를 활용하여 RSA 암호화를 하기 때문에 이 코드 찾는 방법에 수많은 시간을 허비 했던 것이 가장 큰 오류중의 하나였다.

이기종 언어간에 RSA 암호화/복호화 가능하기 때문에 Java에서 제공하는 RSA 암호화 로직을 활용하면 된다.

자세한 설명은 생략하고 이미지 순서에 따라 처리하면 된다.

처음에는 로그인이 성공하는지 확인하기 위한 목적이니 2번과 같이 1회로 한정한다.

공개키 추출하는 방법

- 공개키를 JSON 으로 반환하도록 처리해야 한다.

JSON 으로 제공된 pub_key 를 추출하여 pubkey 변수에 저장하기 위한 목적이다.

가장 크게 삽질한 것은 JSR223 PreProcessor 부분이다. 바로 변수로 저장할 수 있는 줄 알고 했는데 ㅠㅠㅠ

변수를 저장하기 위해서 HTTP Request 를 추가하고 pubkey 변수를 입력받도록 파라미터를 아래와 같이 지정한다.

21번 항목의 코드 내용이다.

아래 코드에서 vars.get("pubkey") 의 pubkey 가 입력변수이다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

import java.security.KeyFactory
import java.security.spec.X509EncodedKeySpec
import java.security.PublicKey
import javax.crypto.Cipher
import org.apache.commons.codec.binary.Base64
 
// JSON Extractor에서 추출한 공개 키 가져오기
String publicKeyString = vars.get("pubkey");
 
// Debugging: JMeter log에서 확인 가능
log.info("Extracted Public Key: " + publicKeyString);
 
if (publicKeyString == null || publicKeyString.equals("NOT_FOUND") || publicKeyString.isEmpty()) {
    throw new RuntimeException("Public Key not found in response! Check JSON Extractor.");
}
 
// 암호화할 비밀번호 가져오기
String password = vars.get("password");
 
// 공개 키 복원
byte[] keyBytes = Base64.decodeBase64(publicKeyString);
X509EncodedKeySpec spec = new X509EncodedKeySpec(keyBytes);
KeyFactory keyFactory = KeyFactory.getInstance("RSA");
PublicKey publicKey = keyFactory.generatePublic(spec);
 
// RSA 암호화 수행
Cipher cipher = Cipher.getInstance("RSA/ECB/PKCS1Padding");
cipher.init(Cipher.ENCRYPT_MODE, publicKey);
byte[] encryptedBytes = cipher.doFinal(password.getBytes("UTF-8"));
 
// Base64로 인코딩
String encryptedPassword = Base64.encodeBase64String(encryptedBytes);
 
// JMeter 변수 저장
vars.put("encryptedPassword", encryptedPassword);
log.info("Encrypted Password: " + encryptedPassword);
 

Java 에서의 RSA 암호화가 다른 언어에서 복호화가 가능하다.

Javascript 에서는 jsencrypt.min.js 라이브러리를 활용하여 RSA 암호화가 가능하다.

하지만 JMeter 에서는 javascript 암호화를 지원하지 않기 때문에 Java RSA 암호화를 활용하는 것이다.

vars.put(" encryptedPassword ") 가 아래 그림에서 패스워드 입력값이다.

나머지 사항은 이전 게시글 내용과 이미지를 참조하면 된다.

RSA 암호화 시 KEY 쌍이 실시간으로 변경되는 경우에 대한 처리는 아직 테스트하지 못했다. → 테스트 성공했다. 이 경우는 다른 게시글에서 올리겠다.

RSA 암호화/복호화 시 사용할 KEY 쌍이 일정시간동안 변경되지 않는 방식인 경우를 테스트 후 성공했다.

chatGPT 에게 제대로 된 답변을 알려줬다.

JMeter token 인증 로그인 및 그 이후 설정

Link2Me — Wed, 19 Feb 2025 20:47:09 +0900

먼저 token 인증을 할 환경을 구축해야 한다.

JWT 토큰 인증 환경 구성 이해하는데 시간이 좀 걸렸다. 이 부분은 필요하면 나중에 설명하겠다.

설명은 그림 위주로 설명을 할 것이다.

로그인 처리 없이 JMeter 부하테스트하는 것은 어렵지 않게 찾을 수 있다.

처음에는 Thread 숫자를 1로 놓고 확인해야 한다. Loop Count 도 1로 설정한다.

2번 Thread Group 이라는 명칭을 주의깊게 보자. 앞으로 반복되는 이미지에서 2번 위치에 표기되는 항목 명칭을 보면 이해가 빠르게 될 것이다.

Threads Group
- continue : 에러가 발생해도 테스트를 계속 진행
- Start Next Thread Loop : 현재 쓰레드의 루프를 종료하고 다음 루프를 시작
- Stop Thread : 에러가 발생한 쓰레드만 종료
- Stop Test Now : 현재 실행중인 모든 샘플러를 강제로 중지하고 테스트를 즉시 종료

목표

- HTTP 요청을 통해 로그인 API 호출
- JSON 응답에서 토큰 추출
- 추출된 토큰을 이후 요청에 활용할 수 있도록 저장

HTTP Request 추가하고, Name을 로그인으로 변경했다.

Path 에 도메인 주소를 적어줬다. Virtual Host 로 여러개 설정한 환경에서 테스트해보니 첫번째 URL을 인식하더라.

그래서 테스트하고 싶은 도메인을 상단으로 올리고 클라우드 서버를 재기동해줬다.

7번 항목은 loginView.php 에서는 RSA 암호화를 하고 jwtLoginChk.php 파일에서는 RSA 복호화를 한 다음에 로그인에 성공하면 jwt 토큰인증을 생성하도록 처리한다.

하지만 JMeter 에서 RSA 암호화 생성하고 로그인처리하는 것은 쉽지 않는 거 같아서 jwtLoginChk2.php 파일을 생성하고 RSA 복호화처리하는 부분을 주석처리하고 8번 userID, password 를 입력받아 토큰 생성을 하도록 임시 변통했다.

JMeter에서는 JavaScript를 직접 실행할 수 없으므로, 사전에 암호화된 값으로 요청해야 한다.

하지만 Java 코드로 RSA 암호화하는 방법이 있더라. 다른 언어를 같이 다뤄보지 않았으면 해결방법 찾기가 쉽지 않을 수 있다.

로그인 하위에 HTTP Header Manager 를 추가한다.

12번 항목에 나오는 사항은 실행을 했을 때 반환하는 결과를 보고 찾아서 입력하면 된다.

로그인 결과로 반환하는 JSON 메시지에서 토큰을 자동 추출하기 위한 과정이다.

JSON 응답에서 토큰 추출
   JSON Extractor 추가 (HTTP Request 하위에 추가)
    Names of created variables: authToken
    JSON Path expressions: $.token
    Match No: 1
    Default Value: NOT_FOUND

로그인 후 쿠키/세션 처리
로그인 성공 시, 응답 헤더에 Set-Cookie가 포함될 수 있다.
HTTP Cookie Manager를 추가하여 이후 요청에서도 쿠키를 유지해야 한다.

토큰이 잘 생성되고 있는지 확인하기 위해 View Results Tree 를 추가해준다.

JSON 응답 확인 및 토큰 추출
View Results Tree에서 응답 확인
JSON 응답이 오면 JSON Extractor 추가하여 $.token 값 추출

Debug Sampler 에서 값이 잘 추출되고 있는지 확인할 수 있다.

로그인 이후의 URL 에 접속 테스트 설정

Label: 요청했던 Request Sampler의 이름
Samples: 서버에 요청한 횟수
Average: 평균응답시간(ms)
Min: 최소응답시간(ms)
Max: 최대응답시간(ms
Std.Dev.: 표준편차 요청에 대한 응답시간이 일정하고 안정적인가를 확인한다. 값이 적을수록 안정적이다.
Error: Error율(%)
Throughput: 처리량( 초당 처리건수)
KB/sec: 처리량(초당 처리 KB)

[Python] 종로구청 동주민센터 크롤링

Link2Me — Tue, 18 Feb 2025 14:21:44 +0900

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69

import requests
from bs4 import BeautifulSoup
import pandas as pd
 
def crawl_orgchart(url):
 
    # 요청 및 응답 확인
    headers = {
        "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
    }
    response = requests.get(url, headers=headers)
    soup = BeautifulSoup(response.text, "html.parser")
 
    # 데이터 저장 리스트
    data = []
 
    departments = soup.select(".contents_db h5.tit_05")
    tables = soup.select(".contents_db table")
 
    # 테이블 데이터 추출
    for dept, table in zip(departments, tables):
        department_name = dept.text.strip()
 
        table_rows = table.select("tbody tr")
        for row in table_rows:
            columns = row.find_all("td")
            if len(columns) >= 3:
                position = columns[0].get_text(strip=True)  # 직위
                duty = columns[1].get_text(strip=True)  # 담당업무
                phone = columns[2].get_text(strip=True)  # 행정전화번호
                data.append([department_name, position, phone, duty])
 
    columns = ["부서명", "직위", "전화번호","담당업무"]
    df = pd.DataFrame(data, columns=columns)
    return df
 
if __name__ == "__main__":
    urls = [
        "https://www.jongno.go.kr/dong/member/findEmpList.do?menuId=218292&menuNo=218292&dong=01",
        "https://www.jongno.go.kr/dong/member/findEmpList.do?menuId=228292&menuNo=228292&dong=02",
        "https://www.jongno.go.kr/dong/member/findEmpList.do?menuId=238292&menuNo=238292&dong=03",
        "https://www.jongno.go.kr/dong/member/findEmpList.do?menuId=248292&menuNo=248292&dong=04",
        "https://www.jongno.go.kr/dong/member/findEmpList.do?menuId=258292&menuNo=258292&dong=05",
        "https://www.jongno.go.kr/dong/member/findEmpList.do?menuId=268292&menuNo=268292&dong=06",
        "https://www.jongno.go.kr/dong/member/findEmpList.do?menuId=278292&menuNo=278292&dong=07",
        "https://www.jongno.go.kr/dong/member/findEmpList.do?menuId=288292&menuNo=288292&dong=08",
        "https://www.jongno.go.kr/dong/member/findEmpList.do?menuId=298292&menuNo=298292&dong=09",
        "https://www.jongno.go.kr/dong/member/findEmpList.do?menuId=308292&menuNo=308292&dong=10",
        "https://www.jongno.go.kr/dong/member/findEmpList.do?menuId=318292&menuNo=318292&dong=11",
        "https://www.jongno.go.kr/dong/member/findEmpList.do?menuId=328292&menuNo=328292&dong=12",
        "https://www.jongno.go.kr/dong/member/findEmpList.do?menuId=348292&menuNo=348292&dong=14",
        "https://www.jongno.go.kr/dong/member/findEmpList.do?menuId=358292&menuNo=358292&dong=15",
        "https://www.jongno.go.kr/dong/member/findEmpList.do?menuId=368292&menuNo=368292&dong=16",
        "https://www.jongno.go.kr/dong/member/findEmpList.do?menuId=378292&menuNo=378292&dong=17",
        "https://www.jongno.go.kr/dong/member/findEmpList.do?menuId=388292&menuNo=388292&dong=18"
    ]
    
    # 모든 URL에서 데이터 크롤링
    dataframes = [crawl_orgchart(url) for url in urls]
    
    # 데이터프레임 병합
    df_combined = pd.concat(dataframes, ignore_index=True)
    
    # 두 데이터프레임을 합치기
    if not df_combined.empty:
        print(df_combined)
        df_combined.to_csv("종로구청_동주민센터.csv", index=False, encoding="utf-8-sig")
 
 

PHP Treeview with MySQL and jQuery 예제

Link2Me — Fri, 31 Jan 2025 21:33:21 +0900

PHP 에서 DB 와 연결해서 TreeView 처리하는 코드 예제이다.

Treeview 의 깊이를 좁게 처리하기 위해서 style 을 수정했다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84

<?php
error_reporting(0); // 경고 출력 없애기
//*
ini_set("display_startup_errors", 1);
ini_set("display_errors", 1);
error_reporting(E_ALL);
// */
 
require_once 'path.php';// root 폴더를 기준으로 상대적인 경로 자동 구하기
require_once $g['path_root'].'sessionChk.php'; // 세션 체크
require_once $g['path_config'].'config.php';
require_once $g['path_class'].'dbconnect.php';
require_once $g['path_class'].'adminClass.php';
$a = new adminClass();
$dbInstance = new DBDataClass();
$db = $dbInstance->db;
 
date_default_timezone_set('Asia/Seoul');
 
// Function to fetch categories
function fetchCategories($parent_id = null, $db) {
    $stmt = $db->prepare("SELECT * FROM categories WHERE parent_id " . ($parent_id ? "= :parent_id" : "IS NULL"));
    if ($parent_id) {
        $stmt->bindParam(':parent_id', $parent_id, PDO::PARAM_INT);
    }
    $stmt->execute();
    return $stmt->fetchAll(PDO::FETCH_ASSOC);
}
 
// Recursive function to build tree
function buildTree($parent_id = null, $db) {
    $categories = fetchCategories($parent_id, $db);
    if (count($categories) > 0) {
        echo '<ul class="nested">';
        foreach ($categories as $category) {
            echo '<li data-id="' . $category['id'] . '">' . $category['name'];
            buildTree($category['id'], $db);
            echo '</li>';
        }
        echo '</ul>';
    }
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PHP Treeview with MySQL and jQuery</title>
    <style>
        ul {
            list-style-type: none;
            padding-left: 10px;
        }
        li {
            cursor: pointer;
            padding: 5px;
        }
        .nested {
            display: none; /* 기본적으로 닫힌 상태 */
        }
    </style>
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body>
    <h1>Category Treeview</h1>
    <div id="treeview">
        <?php buildTree(null, $db); ?>
    </div>
 
    <script>
        $(document).ready(function () {
            // Initially hide all nested lists
            $(".nested").show();
 
            // Toggle visibility on click
            $("#treeview li").click(function (e) {
                $(this).children("ul").slideToggle();
                e.stopPropagation(); // Prevent event bubbling
            });
        });
    </script>
</body>
</html>

MySQL 테이블 구조

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

CREATE TABLE categories (
  id int(11) NOT NULL,
  name varchar(255) NOT NULL,
  parent_id int(11) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb3 COLLATE=utf8mb3_general_ci;
 
INSERT INTO categories (id, name, parent_id) VALUES
(1, 'Electronics', NULL),
(2, 'Laptops', 1),
(3, 'Smartphones', 1),
(4, 'Dell', 2),
(5, 'HP', 2),
(6, 'Samsung', 3),
(7, 'Apple', 3);
 
ALTER TABLE categories
  ADD PRIMARY KEY (id),
  ADD KEY parent_id (parent_id);
 
ALTER TABLE categories
  MODIFY id int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=8;
 
ALTER TABLE categories
  ADD CONSTRAINT categories_ibfk_1 FOREIGN KEY (parent_id) REFERENCES categories (id) ON DELETE CASCADE;
COMMIT;

categories.sql

0.00MB

리눅스 파일 인코딩 변환

Link2Me — Mon, 20 Jan 2025 09:24:07 +0900

리눅스에서 제공하는 파일 인코딩 변환을 사용해봤는데 모두 ANSI 로 된 인코딩 모드를 UTF-8 로 변환하는 걸 제대로 처리하지 못한다.

Rocky Linux 9.5 및 CentOS 7.9 에서 모두 해봤는데 한글이 깨져서 변환처리를 한다.

파일을 나누어서 EditPlus 가 읽어들일 수 있는 용량 크기로 만들어서 인코딩 모드를 변환하는 것이 가장 확실한 방법이다.