Free Will

[YouTube] 유튜브 영상 삽입코드(반응형)

LeeDaniel — Wed, 5 Nov 2025 14:30:34 +0900

유튜브 영상 iframe 코드는
공유 > 퍼가기 에서 복사

<!-- 음소거(mute), 자동재생(autoplay), 반복재생(loop) 적용 -->
<!-- 반복재생 적용시 src속성값 playlist에 동영상id 작성-->
<div style="height:0;padding-bottom:56.25%;position:relative;width:100%;">
  <iframe style="height:100%;left:0;position:absolute;top:0;width:100%;"
                src="https://www.youtube.com/embed/gWlfmUrazFw?autoplay=1&amp;mute=1&amp;loop=1&amp;playlist=gWlfmUrazFw"
                title="YouTube video player"
                frameborder="0"
                allow="autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                referrerpolicy="strict-origin-when-cross-origin"></iframe>
</div>

[Gradle] Execution failed for task ':bootJar'. > Entry META-INF/MANIFEST.MF is a duplicate

LeeDaniel — Wed, 22 Oct 2025 13:59:40 +0900

# gradle bootjar 명령어 실행시 발생하는 에러
Execution failed for task ':bootJar'. > Entry META-INF/MANIFEST.MF is a duplicate but no duplicate handling strategy has been set.

// build.gradle의 최하단에 아래내용 추가

tasks.named('bootJar') {
    duplicatesStrategy = DuplicatesStrategy.EXCLUDE
}

[Web]웹사이트 응답속도 체크

LeeDaniel — Mon, 29 Sep 2025 12:17:48 +0900

Windows Power Shell
# ex)네이버 응답속도(Milliseconds) 확인
Measure-Command { Invoke-WebRequest naver.com -UseBasicParsing }
응답속도(Milliseconds) 확인

[jChartFX] X축, Y축 Label,그래프 툴팁 포맷 변경하기

LeeDaniel — Fri, 19 Sep 2025 18:32:08 +0900

https://support.softwarefx.com/jChartFX/api(차트 라이브러리)

기존 차트

// 더미 데이터
let data = [
	{ date: "20250912", A: 333333, B: 111111 },
	{ date: "20250913", A: 444444, B: 222222 },
	{ date: "20250914", A: 555555, B: 333333 },
	{ date: "20250915", A: 666666, B: 444444 },
	{ date: "20250916", A: 777777, B: 555555 },
	{ date: "20250917", A: 888888, B: 666666 },
	{ date: "20250918", A: 999999, B: 777777 },
]

▶️1. X축 Label 포맷 변경하기( 기존:yyyyMMdd -> 변경:yyyy-MM-dd )

/* 받아온 data형식이 yyyyMMdd 일경우
 * { date: "20250912", A: 333333, B: 111111 }
 *
 * 서버에서 응답받은 데이터에서
 * 날짜데이터인 date의 값이
 * jChartFX는 해당 값을 순수 문자열(String) 로 인식되며
 * setCustomFormat("yyyy-MM-dd") 가 먹히지 않기 때문에
 * Date타입으로 변환후 차트에 적용해야함
 */
 
 // yyyy-MM-dd 문자열을 Date타입으로 변환하기
 let convertData = data.map(item =>
    const year = item.date.substring(0, 4);
    const month = item.date.substring(4, 6);
    const day = item.date.substring(6, 8);

	return {
    	...item,
        date: new Date(year, month - 1, day) // month는 0부터 시작
    };
 });
 
 // x축 라벨에 커스텀포맷을 지정하기
chart1.getAxisX().getLabelsFormat().setCustomFormat("yyyy-MM-dd");

▶️2. Y축 Label 포맷 변경하기 - 숫자형 데이터를 천단위로 콤마 표시하기

// Y축 라벨 포맷을 Number로 지정하기
chart1.getAxisY().getLabelsFormat().setFormat(cfx.AxisFormat.Number);

x축, y축 Label포맷 변경완료 후

GlobalFilter

LeeDaniel — Tue, 16 Sep 2025 15:02:19 +0900

package org.springframework.cloud.gateway.filter;

import org.springframework.web.server.ServerWebExchange;
import reactor.core.publisher.Mono;

public interface GlobalFilter {

    // ServerWebExchange exchange
    // -HTTP 요청/응답과 관련된 컨텍스트를 담고 있음
    // -요청 헤더, URI, 쿼리 파라미터 등을 읽거나 수정 가능
     
    // GatewayFilterChain chain
    // -필터 체인의 나머지를 실행할 수 있는 객체
    // -chain.filter(exchange)를 호출해야 다음 필터로 제어가 넘어가며
    //    호출하지 않으면 체인이 중단
    
    // Mono<Void>
    // -리액티브 체인에서의 비동기 완료 신호를 의미

    Mono<Void> filter(ServerWebExchange exchange, GatewayFilterChain chain);
}

import org.springframework.cloud.gateway.filter.GlobalFilter;
import org.springframework.cloud.gateway.filter.GatewayFilterChain;
import org.springframework.core.Ordered;
import org.springframework.stereotype.Component;
import org.springframework.web.server.ServerWebExchange;
import reactor.core.publisher.Mono;

@Component
public class LoggingGlobalFilter implements GlobalFilter, Ordered {

    @Override
    public Mono<Void> filter(ServerWebExchange exchange, GatewayFilterChain chain) {
        System.out.println("Request Path: " + exchange.getRequest().getURI());
        return chain.filter(exchange).then(
            Mono.fromRunnable(() -> {
                System.out.println("Response Status: " + exchange.getResponse().getStatusCode());
            })
        );
    }

    @Override
    public int getOrder() {
        return -1; // 숫자가 낮을수록 먼저 실행
    }
}

▶️Spring Cloud Gateway 전역 필터를 정의하는 인터페이스
▶️모든 요청/응답에 적용되며, 로깅, 보안, 트래픽 관리 같은 공통 처리 로직에 적합
▶️순서 제어가 가능하며, 리액티브 체인(Mono<Void>) 기반으로 동작

[Network] 웹사이트 load 과정

LeeDaniel — Thu, 21 Aug 2025 16:04:41 +0900

1. URL 해석 & 소켓 준비
▪️웹브라우저가 URL(www.test.com)을 파싱
→TCP 소켓을 만들 준비(에페머럴 포트 할당).

2. DNS 조회
(1) 브라우저/OS 캐시 확인 → 없으면
(2) 시스템 DNS 해석기(보통 KT DNS 또는 설정한 1.1.1.1/8.8.8.8)로 질의(UDP/TCP 또는 DoH)
→ A/AAAA 레코드(예: 27.101.45.121) 획득.
※ 이 단계 지연은 보통 1~20ms 수준(캐시 있으면 01ms).

3. 로컬 네트워크 통과
▪️PC → (유선 권장) → 집 공유기 → NAT 테이블에 매핑 생성.
PPPoE를 쓰는 가정 회선이면 MTU 1492로 내려가고,
MSS 클램핑이 동작(미설정 시 PMTU 문제가 생길 수 있음).

4. 접속망 → 백본 진입
▪️공유기/모뎀(ONU) → 동 단말 수를 묶는 OLT/스위치(지역 집선)
→ BNG/BRAS(가정용 가입자 게이트웨이)
→KT 코어(백본/IP/MPLS)로 진입.
이 구간은 다수 가입자 공유(오버서브스크립션) 구조라, 시간대에 따라 큐잉 지연·지터가 발생.

5. 인터넷 경로 선택(라우팅/피어링)
▪️KT 백본에서 목적지까지의 경로를 결정(동일 KT망/타사/IX 경유).
특정 홉(예: 11홉 xxx.xxx.xxx.xxx)에서 부하가 걸리면
RTT가 8ms ↔ 60ms로 출렁일 수 있음.

6. TCP 3-way 핸드셰이크 (SYN → SYN/ACK → ACK)
▪️목적지 IP:포트에 연결.
▪️1 RTT가 기본적으로 소요. (지연이 낮을수록 유리)

7. TLS 1.3 핸드셰이크 + ALPN/SNI
▪️ClientHello(SNI=www.test.com) → 서버 인증서/키 교환
→ 암호화 확립.
▪️TLS 1.3은 기본 1 RTT, 세션 재개/0-RTT가 가능하나
서버 정책에 따라 비활성일 수 있음(재실행/재접속 시 이득).

8. HTTP/2(or 1.1) 요청 전송
▪️쿠키/헤더 포함한 관련 요청 전송(XHR/Fetch/폼 POST 등).
▪️서버 측에서는 보통 로드밸런서/리버스 프록시(WAF 포함 가능)
→애플리케이션→DB/캐시 단계를 거쳐 응답 생성.

9. 응답 수신 & 렌더링
▪️최초 바이트(TTFB)는
대략 DNS + TCP + TLS + 서버처리 + 네트워크 RTT 누적 결과.
이후 동일 커넥션을 재사용하면
핸드셰이크 비용 없이 RTT + 서버 처리시간만으로 왕복.

[Windows] Windows10 DNS 최적화

LeeDaniel — Tue, 19 Aug 2025 21:00:30 +0900

윈도우에서 DNS 최적화

▶DNS 서버 변경하기
1. 제어판 → 네트워크 및 공유 센터→어댑터 설정 변경 (또는 ncpa.cpl 실행)
2. 사용 중인 이더넷 어댑터 우클릭→ 속성

3. 인터넷 프로토콜 버전 4 (TCP/IPv4) 더블클릭

4. 아래의 DNS 서버 주소 사용 선택 후 원하는 서버 입력
▶추천 DNS 서버

구글 DNS 8.8.8.8 / 8.8.4.4

Cloudflare
(해외 빠름) 1.1.1.1 / 1.0.0.1

KT DNS
(국내 빠름) 168.126.63.1 / 168.126.63.2

원하는 DNS서버 입력후 > 확인

▶DNS 응답 속도 측정 (권장)

(Windows PowerShell)
# 각DNS 서버가 도메인을 얼마나 빨리 응답하는지 test

Measure-Command { Resolve-DnsName www.naver.com -Server 8.8.8.8 }
Measure-Command { Resolve-DnsName www.naver.com -Server 1.1.1.1 }
Measure-Command { Resolve-DnsName www.naver.com -Server 168.126.63.1 }
DNS 응답 속도 측정 결과(Milliseconds값 확인)

20250814

LeeDaniel — Thu, 14 Aug 2025 08:13:49 +0900

20250812

LeeDaniel — Tue, 12 Aug 2025 08:55:11 +0900

20250803

LeeDaniel — Sun, 3 Aug 2025 21:37:50 +0900

구글 DNS	8.8.8.8 / 8.8.4.4
Cloudflare (해외 빠름)	1.1.1.1 / 1.0.0.1
KT DNS (국내 빠름)	168.126.63.1 / 168.126.63.2