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-05-08 08:47

전체 (165)

9d

React Router useNavigate 훅 완전 분석 - “navigate(‘..’) 한 번인데 왜 두 칸이 날아갈까?”

react-router useNavigate 훅의 동작 분석 - navigate는 어디서부터 시작되는가
환경
react-router v7.5
1줄 요약
navigate('.')가 어디서부터 경로를 계산할지는, useNavigate

000

13d

React Router ScrollRestoration 디버깅 기록 — 왜 스크롤이 안 움직였을까?

React Router ScrollRestoration 디버깅 기록 — 왜 스크롤이 안 움직였을까?
Single-Page Application(이하 SPA)에서 뒤로·앞으로 네비게이션을 했을 때 유저가 읽던 위치로 스크롤을 복원해

000

20d

모노레포에서 패키지마다 Path Alias를 두는 가장 안전한 방법

모노레포에서 패키지마다 Path Alias를 두는 가장 안전한 방법
2줄 요약
서로 다른 패키지가 동일한 별칭(@ 등)을 재사용하면 반드시 충돌한다.
tsconfig.json의 paths 설정은 해당 파일이 포함된 컴파일 단계에만

000

22d

11키티즈 게임에서 XState를 선택한 이유

11키티즈 게임에서 XState를 선택한 이유
11키티즈 게임에서는 주요 비즈니스 로직 구현을 위하여 XState를 선택했다. 일반적인 프론트엔드 개발에서는 React의 useState, Redux, Zustand 등을 사용하여

001

22d

Vite 환경변수 우선순위 멘탈 모델

Vite는 여러 .env 파일들을 순서대로 로드하여 환경 변수를 설정합니다. 로드 순서와 우선순위를 아래와 같이 이해할 수 있습니다.
Pre-existing environment variables (이미 존재하는 환경 변수)

002

24d

monorepo에서 tanstack query가 No QueryClient 오류를 발생시키는 오류

환경
yarn 4(monorepo)
react 19
tanstack query(react query) 5
현상
모노레포 환경에서 A 패키지가 B 패키지의 @tanstack/react-query 훅을 사용하는 경우, 아래와 같은 오

001

1M

yarn workspace의 root에 설정한 global type을 하위 Package에서 불러오는 방법

환경
typescript v5.8.3
yarn workspace
현상
yarn workspace를 사용하여 모노레포를 구축
workspace root에서 tsconfig를 설정
하위 package에서 workspace root의

000

1M

마이크로 프론트엔드에서 변수명 충돌 오류

목표
module federation 없이 간단한 마이크로 프론트엔드 구현
환경
vite v6.2.0
vite + react + ts
현상
index.html에 복수의 마이크로 프론트엔드 build output을 아래와 같이 sc

000

1M

git에서 더이상 추적하지 않는 디렉토리를 삭제해서 git 용량을 줄이자

목표
더이상 추적하지 않는 파일들 때문에 git의 용량이 너무 커졌다. 과거 커밋에서 해당 디렉토리를 삭제하자.
환경
git v2.45.0
해결법
1. 저장소의 모든 브랜치에서 지정한 디렉토리를 제거
# targetDirector

000

1M

bitbucket pipeline에서 yarn 배포 빠르게 하는 법(zero install을 사용하지 마라)

bitbucket cloud pipeline에서 zero install을 사용하지 마라.
시간 낭비 하지 마라. 어차피 안 된다.
목표
마이크로 프론트엔드 프로젝트에서 여러 패키지를 한 번에 배포한다. 배포 시간을 최대한 단축하기

000

1M

nginx location 설정을 아무리 다시 해도 404 에러가 뜨던 건에 관하여

상황
yarn workspace 사용 중
각 package 별로 build output 생성하고, js 파일로 배포하여 마이크로 프론트엔드 스타일로 사용하고자 함
build output 파일 위치 예시: /docroot/packa

000

1M

tanstack query의 refetch는 강제 request 수행이다

tanstack query (구 react-query)의 useQuery 훅을 사용할 때, enabled: false 설정은 초기 쿼리 실행을 막는 옵션입니다. 그런데 refetch()와 함께 사용하면 어떻게 될까요?
핵심 요약

000

1M

베트남 전쟁 - 미국을 바꾼 전쟁

마침내 사이공이 함락된 베트남전 마지막 날, 최후의 수송기를 놓친 한 가족은 경비행기에 탑승하여 날아 오른다. 목적지는 없었고, 통신 수단도 없었다. 그저 연료가 다 떨어질 때까지 비행하는 방법 뿐이었다. 혹은 우연히 착륙할 곳을

000

1M

자본주의와 자유

‘아이는 소비재다. 보모는 아이라는 서비스를 산다.’ 실로 위대한 경제학자다운 발언이다. 인센티브 구조로 인간 사회의 모든 것을 설명할 수 있었으니 말이다. 인센티브를 자유롭게 추구할 수 있도록 하는 사상적 뒷받침이 자유주의이고,

000

1M

세상에서 가장 멀리 나는 날치

날치인 비루는 세상에서 가장 높고 멀리 나는 날치였다. 태어났을 때부터 지느러미가 유달리 넓고 탄탄했으며, 다른 날치들이 꿈도 꾸지 못할 만큼 하늘 위로 솟구쳐 오를 수 있었다. 비루가 처음 수면 위로 뛰어올랐던 날, 그의 어머니

000

1M

Scrcpy - Android 미러링

설치

macos: brew installl scrcpy
안드로이드 기기 연결

usb로 mac과 안드로이드 기기 연결
안드로이드 기기에서 usb 디버깅 On
정상 연결 확인: adb devices
터미널에서 명령어

000

1M

새롭게 쓴 탐라사

한국인을 가리켜 기록의 민족이라는 주장을 들을 때마다 나는 어처구니가 없다. 특히 고대사를 보면 더욱 그러하다. 제주도는 커녕 한반도의 고대사 조차도 외국의 기록에 의존하지 않고서는 시작조차 불가능하다. 이러한 와중에 일본 측의

000

1M

침미다례와 탐라 관계에 대한 연구

아래 논문은 GPT4.5 deep research를 활용하여 나의 다음 주장을 논문으로 작성한 것이다.
“침미다례는 현대의 해남 인근이고, 탐라는 현대 제주도라는 주장이 통설이다. 설득력이 있는 주장이다. 그러나 침마다례가 탐라를

000

2M

변신 미소녀물 - 남성향 vs 여성향 애니메이션 비교 ~ 세일러문과 웨딩 피치를 중심으로

변신 미소녀물: 남성향 vs 여성향 애니메이션 비교 (세일러문과 웨딩 피치를 중심으로)
변신하는 마법소녀를 소재로 한 애니메이션은 표면적으로 비슷해 보여도, 그 기획 의도와 연출에 따라 남성향(주로 남성 시청자를 겨냥)과 여성향(

000

2M

발 맞춰 걷기 제식 훈련의 역사

서론
제식 훈련, 특히 병사들이 한걸음 한걸음 맞춰 행진하는 훈련은 고대부터 현대에 이르기까지 군대 훈련의 초석이 되어 왔습니다. “발 맞춰 걷기”는 지휘관의 명령에 따라 부대 전체가 일제히 동기화된 행진을 하는 것을 의미하며,

001