Never test - mysetting

11:53 5/30

lovemewithoutall.github.io

mobile screenshot relative

11:53

lovemewithoutall.github.io

mobile screenshot

Never test
https://lovemewithoutall.github.io/

short story about IT history economy life etc

최종 피드 수집: 2025-08-23 17:17

전체 (189)

3d

Transition/Translate 이벤트 핸들러 최적화

SwiperJS를 사용하여 개발하다가 Transition/Translate 이벤트 핸들러가 성능 문제를 발생시켜 간단히 정리해 보았다.
1줄 요약
dom 옮기는 이벤트 콜백 함수에서는 requestAnimationFrame 를 써

000

9d

일본서기에 보이는 미상(未詳) 신라어 ‘구수니자리(久須尼自利)’의 ‘궂은 일이구나’ 해석에 대한 고찰

일본서기에 보이는 미상(未詳) 신라어 ‘구수니자리(久須尼自利)’의 ‘궂은 일이구나’ 해석에 대한 고찰
초록
『일본서기』 권19에 기록된 신라어 발화 “구수니자리(久須尼自利)”는 당시 편찬자들도 “이 신라말은 자세히 알 수 없다(未

000

10d

React ref는 언제 붙는가? 그리고 Ref callback은 언제 실행되는가?

React의 ref에서 버그를 내어 정리해 보았다.
1줄 요약
렌더(컴포넌트 함수 본문 실행) -> 커밋(ref 세팅 -> useLayoutEffect) -> 브라우저 페인트(이건 브라우저에 위임) -> useEffect
이 순서

000

1M

별뫼, 시간의 파림프세스트(Palimpsest): 함평 제동 고분의 다층적 경관과 기억의 재구성

별뫼, 시간의 파림프세스트(Palimpsest): 함평 제동 고분의 다층적 경관과 기억의 재구성
초록 (Abstract)
본고는 전라남도 함평군 엄다면에 위치한 제동 고분(일명 ‘별뫼’, ‘천문단’)이 단일한 고대 유적을 넘어,

000

1M

왜구, 그림자로 살다

왜구란 정의할 수 없다. 그 단어는 각 집단 자신의 시각을 반영하며 남용해 온 나머지 무엇인지도 모르게 되어 버렸다. 왜구에 정체에 대한 연구는 한중일 삼국이 현재의 정체성을 완전히 잃어버린 후에나 가능할지도 모르겠다. 그러다보니

000

1M

@vitejs/plugin-legacy 정리

@vitejs/plugin-legacy 정리
build output
@vitejs/plugin-legacy 는 build output을 2개 만든다.
modern build
legacy build
최신 브라우저에서는 modern

000

1M

뒤로가기 눌렀는데 왜 여기로? Chrome과 Safari의 리디렉션 동작 파헤치기

뒤로가기 눌렀는데 왜 여기로? Chrome과 Safari가 다르네?
현상
웹 개발을 하다 보면 분명 같은 코드를 작성했음에도 브라우저마다 다르게 동작하는 황당한 경우를 마주한다. 특히 페이지 리디렉션 후 ‘뒤로가기’ 버튼의 동작은

000

1M

requestAnimationFrame의 callback 함수 실행 시점 - 두 번째 rAF에서야 진짜로 화면에 그려졌다고 보장할 수 있는 이유

requestAnimationFrame의 콜백 함수 실행 시점이 자꾸 햇갈려서 정리해보았다.
환경
iOS webview
현상
iOS 11번가 앱의 웹뷰에서 풀스크린 쇼츠 플레이어(정식 이름은 11Play)를 이탈(URL 이동)할

000

1M

Next.js가 closure를 만들어서 컴포넌트 초기값으로 상태를 저장해버린 건에 대하여(stale closure)

환경
Next.js 14
현상
React/Next.js 기반 페이지의 Footer 컴포넌트에서 Next.js의 Script 컴포넌트를 사용하여 외부 Script를 로드한 뒤, Script 컴포넌트의 onReady 콜백 안에서 페이

000

2M

web game frontend 개발 POC(11키티즈)

11키티즈 개발을 위하여 frontend에서 POC를 수행하고 그 결과를 정리했다(2024년 초 수행).
테스트 대상
11키티즈: 다마고치처럼 고양이를 키우는 웹 게임
환경: iOS & Android mobile applicati

000

2M

아테네 민주정의 펠라스기 기원 - 망각된 선주민 질서와 문명 기억의 역설 -

아테네 민주정의 펠라스기 기원: 망각된 선주민 질서와 문명 기억의 역설
초록
본 논문은 아테네 민주정의 기원을 전통적인 헬레네스 중심주의적 시각에서 벗어나, 그 역사적 기저에 존재했던 선주민 ‘펠라스기인’의 잊혀진 유산과의 변증법

000

2M

Swiper.js + React 에서 slide prepend 문제를 해결하는 방법

TL;DR
가상 슬라이드(Virtual Slides)를 켠 Swiper.js + React 프로젝트에서
prepend로 아이템을 추가하면서도 사용자가 보고 있던 슬라이드를 유지하는 방법은
Zustand에 “현재 슬라이드 전역 인덱

000

2M

React 커스텀 훅에서만 나타나는 `exhaustive-deps` 경고의 기술적 배경

useRef 와 useEffect 의 의존성 진단
커스텀 훅에서만 나타나는 exhaustive-deps 경고의 기술적 배경
문제 제기
동일한 ref 객체를 사용하는 두 시나리오가 있다.
컴포넌트 내부에서 직접 useRef() 호출

000

2M

L4 로드밸런서 + Nginx 환경에서 `trailing slash` 리디렉션이 HTTP 로 떨어지는 이슈와 해결법

L4 로드밸런서 + Nginx 환경에서 trailing slash 리디렉션이 HTTP 로 떨어지는 이슈와 해결법
요약
L4 로드밸런서가 TLS를 종료하고 Nginx는 평문 HTTP로만 요청을 받는 구조에서,
absolute_red

000

2M

청동기 시대의 붕괴와 고대 이탈리아 민족의 형성

청동기 시대의 붕괴와 고대 이탈리아 민족의 형성
초록 (Abstract)
청동기 시대 말기(기원전 1200년경) 지중해 세계의 붕괴는 이탈리아 반도의 인구 이동과 문화 변동에 깊은 영향을 끼쳤다. 본 논문은 신화적 전승, 유전학적

000

2M

Galaxy S21 WebView 동영상 녹색 화면 이슈 디버깅 및 해결

Galaxy S21 WebView 동영상 녹색 화면 이슈 디버깅 및 해결
문제 상황: Android WebView에서의 녹색 화면 발생 시나리오
Galaxy S21 시리즈 기기에서 Android WebView를 통해 H.264 코

000

2M

라우트-단위 코드 스플리팅 — React Data Router v7 + Vite 조합으로 “진짜” Lazy Route 만들기

라우트-단위 코드 스플리팅 — React Data Router v7 + Vite 조합으로 “진짜” Lazy Route 만들기
예시 코드는 Monorepo 프로젝트지만, 이번 최적화는 저장소 구조와 무관 하게 적용됩니다. Yarn

000

2M

한국 드라마의 고부 갈등 - 시대별 변화와 대표 작품 분석

한국 드라마의 고부 갈등: 시대별 변화와 대표 작품 분석
한국 드라마에서 시어머니와 며느리(고부) 갈등은 시대 흐름에 따라 다양한 모습으로 변화해 왔다. 1970~80년대에는 전통적인 가족관계와 가치관이 반영되어 엄격한 시어머니와

000

2M

한국 드라마의 고부 갈등 - 시대별 변화와 대표 작품 분석

한국 드라마의 고부 갈등: 시대별 변화와 대표 작품 분석
한국 드라마에서 시어머니와 며느리(고부) 갈등은 시대 흐름에 따라 다양한 모습으로 변화해 왔다. 1970~80년대에는 전통적인 가족관계와 가치관이 반영되어 엄격한 시어머니와

000

3M

한국 직산 금광에 대하여(번역)

일본 최초의 농학박사이자 일본 토질학의 창시자이며 탐험가였던 츠네토 노리타카(恒藤規隆)의 조선 탐험기. 당시 대한제국(조선)은 사실상 무법 지대로서 일본인조차 개탄해 마지 않았다. 해외 열강과의 약탈적 조약조차도 일단 그들이 폭력

000