I'm sw engineer!

[ERROR] 공공데이터 포털 Unauthorized 응답

오선지♬ — Mon, 5 Jan 2026 16:02:56 +0900

최근 공공데이터포털에서 HTTP → HTTPS 전환 또는 API 경로 변경이 있을 수 있습니다.

예전에는 http://apis.data.go.kr/... 사용 가능했지만
지금은 https://apis.data.go.kr/... 로 호출해야 Unauthorized가 안 날 수 있습니다.

[JAVA] Text Block

오선지♬ — Thu, 27 Nov 2025 13:14:10 +0900

✅ Java Text Block 이란?

Java 15 이상에서는 긴 문자열(특히 JSON, HTML, SQL)을 편하게 작성하기 위해
여러 줄의 문자열을 그대로 입력할 수 있는 문법이 생겼습니다.

String mockJson = """
{
  "name": "test",
  "value": 123
}
""";

왜 3개인가?

"""(Triple Quotes) 로 시작하고
""" 로 끝나면
그 안의 모든 줄바꿈, 공백, 글자를 있는 그대로 문자열로 처리합니다.

즉, 편하게 여러 줄을 넣으려고 3개를 쓰는 것입니다.

기존 방식 (불편한 방식)

Java 14까지

String mockJson = "{\n" +
"  \"name\": \"test\",\n" +
"  \"value\": 123\n" +
"}";

\n 줄바꿈 넣어야 함
+ 이어줘야 함
\" 이스케이프 필요함

엄청 불편함

Text Block( """ ) 방식의 장점

기존 방식	Text Block
줄바꿈 수동 관리 필요	자동 줄바꿈
\" 이스케이프 필요	대부분 불필요
가독성 떨어짐	JSON / HTML 그대로 보여서 읽기 좋음
많은 + 연산	불필요

[Error][MyBatis]Caused by: org.xml.sax.SAXParseException: The processing instruction target matching "[xX][mM][lL]" is not allowed.

오선지♬ — Wed, 26 Nov 2025 09:36:08 +0900

XML 선언문(<?xml ... ?>)이 파일 맨 처음에 있지 않을 때 발생한다.

파일 맨 앞에 보이지 않는 문자(BOM / 공백 / 줄바꿈) 있음 (가장 흔함)

(공백)
<?xml version="1.0" encoding="UTF-8"?>

MyBatis XML은 진짜 1바이트도 허용 안 함.

[js] closest() 주의사항

오선지♬ — Fri, 21 Nov 2025 09:20:44 +0900

.closest()는 “위로만” 탐색함

closest() → 부모 방향만 탐색
형제 / 자식은 절대 못 찾음

✅ 정답 패턴 (형제 label 찾기)

가장 안전한 방식 ⭐ (form-group 기준)

$el.find('#actTxt')
   .closest('.form-group')
   .find('label.form-label')
   .addClass('mb10');

$el.find('#planTxt')
   .closest('.form-group')
   .find('label.form-label')
   .addClass('mb10');

[jQuery] wrap() / wrapInner() / wrapAll()

오선지♬ — Thu, 20 Nov 2025 10:01:46 +0900

wrap() / wrapInner() / wrapAll() 한눈 비교

메서드	감싸는 범위	부모 개수
wrap()	선택한 요소 각각	요소 수만큼
wrapInner()	요소의 자식들	기존 부모 유지
wrapAll()	선택된 요소 전부	1개

[jQuery] wrapAll()

오선지♬ — Wed, 19 Nov 2025 09:31:34 +0900

wrapAll() 한 줄 정의

선택된 여러 요소를 “하나의 공통 부모”로 한 번에 감싼다

여럿 → 하나의 부모 (n : 1)

실행 전

<p class="item">A</p>
<p class="item">B</p>
<p class="item">C</p>

$('.item').wrapAll('<div class="group"></div>');

실행 후

<div class="group">
    <p class="item">A</p>
    <p class="item">B</p>
    <p class="item">C</p>
</div>

✔ .item 각각의 부모 ❌
✔ 공통 부모 .group 하나만 생성 ⭕

[jQuery] wrapInner()

오선지♬ — Tue, 18 Nov 2025 16:13:41 +0900

wrapInner() 한 줄 정의

선택한 요소 “안에 있는 자식들만” 새로운 요소로 감싼다

부모는 그대로, 내용만 포장

실행 전

<div id="box">
    <p>내용1</p>
    <p>내용2</p>
</div>

$('#box').wrapInner('<div class="inner"></div>');

실행 후

<div id="box">
    <div class="inner">
        <p>내용1</p>
        <p>내용2</p>
    </div>
</div>

✔ #box는 그대로
✔ 자식들만 .inner로 감싸짐

[jQuery] wrap()

오선지♬ — Fri, 14 Nov 2025 10:42:09 +0900

wrap()은 jQuery에서 DOM 구조를 “한 겹 감싸는” 메서드

기본 문법

$(selector).wrap('<div class="wrapper"></div>');

실행 전

<p id="a">내용</p>

실행 후

<div class="wrapper">
    <p id="a">내용</p>
</div>

p는 그대로, 부모만 생김

[js][datatables] clientSide

오선지♬ — Thu, 13 Nov 2025 09:11:13 +0900

1️⃣ clientSide: true란?

데이터를 서버에서 다시 가져오지 않고,
이미 브라우저에 로딩된 데이터만 가지고 처리하는 모드입니다.

즉,

검색
정렬
페이징

을 모두 프론트(JS) 에서만 처리합니다.

서버 API (func) 호출 안 함

2️⃣ 동작 흐름 비교

✅ clientSide: true (클라이언트 사이드)

[초기 1회 데이터 로딩]  ← (또는 아예 정적 데이터)
        ↓
브라우저 메모리에 데이터 보관
        ↓
검색 / 정렬 / 페이징
        ↓
JS에서만 필터링 & 렌더링

✔ 서버 트래픽 없음
✔ 빠름
❌ 데이터 많으면 느려짐
❌ 최신 데이터 보장 어려움
❌ func 호출 안 됨

✅ clientSide: false (서버 사이드)

검색 / 페이징 / 정렬 이벤트
        ↓
func(API) 호출
        ↓
DB 조회
        ↓
결과만 응답
        ↓
테이블 렌더링

✔ 대용량 데이터 처리 가능
✔ 항상 최신 데이터
❌ 매 요청마다 서버 호출

[DB][MySQL] UPDATE 문에서 문자 합치기

오선지♬ — Tue, 11 Nov 2025 09:06:53 +0900

UPDATE users
SET memo = CONCAT(memo, ' (수정됨)')
WHERE user_id = 1;