셸 단어 분리와 인용
셸이 변수 확장 결과를 공백 기준으로 여러 인자로 쪼개는 단어 분리와, 인용으로 이를 막는 규칙
TIL에서 일반화한 재사용 가능한 지식 문서입니다. 카테고리별로 정리되어 있습니다.
셸이 변수 확장 결과를 공백 기준으로 여러 인자로 쪼개는 단어 분리와, 인용으로 이를 막는 규칙
workspace:* 로 내부 패키지를 링크하고 배포 시 실제 버전으로 치환하는 모노레포 퍼블리시 메커니즘
Service Worker Cache Storage에서 캐시를 즉시 반환하고 백그라운드로 최신화하는 SWR 패턴과 용량·보안 주의점
임시 서명 URL을 캐시할 때 인증 쿼리만 제거하고 의미 쿼리는 유지하는 키 정규화 규칙
E2E CI에서 retry 결과로 flaky와 deterministic failed를 분리하고, 타이밍 경쟁과 빌드 결함을 구별하는 방법
Canvas 2D 그래프 노드의 색·반짝임을 ID 해시로 안정화하고, globalAlpha·shadow 상태를 복구하는 패턴
비동기 캐시 삭제와 stale-while-revalidate가 겹칠 때 generation으로 늦게 끝난 요청의 재저장을 막는 패턴
무한 스크롤·window virtualizer에서 bootstrap·React·N-frame reassert가 경쟁하지 않게 단일 corrective scroll로 통합하는 패턴
같은 slug 문서를 .{locale}.md 파일명으로 구분하고 로더·DB·검색·SEO id를 type:slug:locale로 맞추는 패턴
localePrefix always 환경에서 내부 링크는 next-intl Link로만 이동해야 로케일이 유지된다
frontmatter related·wikilink 인덱스를 BFS로 N홉 이내 이웃만 모아 force-graph로 시각화하는 패턴
GSAP 없이 scroll-timeline·sticky stage·pure CSS keyframes로 제품 스토리를 스크롤에 동기화하는 zero-JS 내러티브 패턴
optional display로 late webfont swap을 막아 태그·본문 layout shift(CLS)를 줄이는 타이포 전략
animation-timeline view()와 animation-range entry로 스크롤 진입 fade/slide를 JS 없이 만드는 패턴
Cursor·Lovable·Granola 등 2026 화제 스타트업 10곳의 랜딩페이지를 Playwright로 실측 캡처·분석해 도출한 웹디자인 트렌드
단일 modal shell 안에서 documentId 스택을 push/pop하며 gallery→peek→related를 이어주는 탐색 패턴
리치텍스트 editor와 read-only viewer entry를 분리해 peek·embed 경로에서 PM/dnd 번들을 제거하는 패턴
블록 문서 그래프에서 page 블록·push/peek navigator·breadcrumb으로 자식 문서를 탐색하는 패턴
서버가 사용자 제공 URL을 fetch하는 프록시에서 스킴·호스트 allowlist로 SSRF를 막는 방법
내장 이미지 최적화가 꺼진 환경에서 Route Handler로 리사이즈·webp 변환·CDN+LRU 캐시를 구성하는 패턴