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-09-17 17:17

전체 (192)

12d

모바일 기기 webiew에서의 video 최적화 - Hardware overlay

모바일 기기는 저성능이다. 모바일 웹브라우저는 저성능이다. 웹뷰는 더더욱 저성능이다. 그러니 개발자에게 웹뷰에 올라갈 어플리케이션의 성능 문제는 너무나도 중요하다. 그러나 성능 문제는 언제나 쉽지 않다. 어렵다. 웹뷰에는 근본적인

000

15d

HTTP 421 오류를 만난 건에 대하여

1줄 요약
HTTP/1.1은 이제 쓰지 말자.
상세 정리
현상:

CDN 서버에서 421(Misredirected Request) 오류 발생
최종 사용자 웹브라우저에서는 200 Ok 응답 수신, 하지만 실제 response

000

23d

HTML Video element를 재생하려고 했더니 영상이 나오다가 만다. safari 버그가 아닐까? webkit 소스코드를 까보았다

1줄 요약
버그 아님
환경
iOS safari (버전 무관)
현상
iOS safari 브라우저에서 사용자 제스처 없이 unmute 상태의 video element를 프로그래밍적으로 재생을 시도했을 때(videoElement.pla

000

28d

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

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

000

1M

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

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

000

1M

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

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

000

2M

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

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

000

2M

왜구, 그림자로 살다

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

000

2M

@vitejs/plugin-legacy 정리

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

000

2M

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

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

000

2M

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

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

000

2M

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

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

000

3M

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

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

000

3M

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

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

000

3M

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

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

000

3M

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

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

000

3M

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

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

000

3M

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

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

000

3M

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

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

000

3M

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

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

000