개발 환경 정비에서 만난 범용 개념들: 셸 인용·모노레포 배포·CI 러너·가드 설계
도구·인프라를 정비하며 마주친 셸 단어 분리, workspace 배포 재작성, CI 러너 불일치, fail-open 가드를 범용 개념으로 정리한 TIL
- 셸 변수에 담긴 경로는 공백이 있으면 인용 없이 쓸 때 여러 인자로 쪼개져 명령이 조용히 깨진다
- 모노레포 내부 의존은 workspace 프로토콜로 링크하고 배포 시 실제 버전으로 치환하는 매니저로 올려야 한다
날짜별 업무 및 학습 회고입니다. 매일 무엇을 했고, 무엇을 배웠는지 기록합니다.
도구·인프라를 정비하며 마주친 셸 단어 분리, workspace 배포 재작성, CI 러너 불일치, fail-open 가드를 범용 개념으로 정리한 TIL
Canvas 별 노드, Service Worker SWR·generation 보안, CI flaky 분류, 디자인시스템 ESLint guardrail을 하루에 정리한 TIL
검색 노출용 JSON-LD 리치화, .{locale}.md 파이프라인, next-intl Link 수정, BFS 로컬 그래프, knowledge publish까지 한 축으로 정리한 TIL
GSAP 없이 sticky scrolly·CSS keyframes·view-timeline으로 TIL→Knowledge 승격 데모와 파이프라인 섹션을 구현한 하루
단일 dialog 안 document push와 @layer 기반 editor CSS 분리로 peek UX·테마 커스터마이징을 맞춘 하루
page push/peek navigator와 read-only viewer entry 분리로 포트폴리오 데모 깊이와 번들을 동시에 맞춘 하루
터치 드래그·리사이즈 안정화와 unoptimized 환경에서 이미지 프록시로 전송 바이트를 줄인 하루
불변 트리 에디터에서 한 줄만 고쳐도 전체가 다시 그려지는 문제를, 테스트로 먼저 고정한 뒤 정규화 projection과 id별 구독으로 행·컨테이너 리렌더를 줄인 과정
webpack splitChunks 함정, 하이브리드 에디터 크로스블록 범위 연산, selectionchange·scroll anchor 패턴, Context 구독 분리
fractional ordering, optimistic rebase, IME defer, keyboard undo 위임, scoped popover, Jest ESM shim 등 범용 패턴 정리
블록 문서 편집기에서 host/guest 경계, React 외부 스토어 스냅샷, undo 2-스택, HTML5 드래그·선택/복사를 처음 읽는 사람 기준으로 정리
Lab trace outlier 구분, SSR prefetch query key 정합, CLS skeleton 예약, JSON-LD 서버 주입을 한날에 정리
무한 스크롤과 리스트 가상화를 분리하고, SSR 정적 gate로 첫 HTML을 보장한 뒤 virtual list로 전환하는 패턴
presigned URL 4단계 업로드, @layer 기반 토큰 테마의 단일 생성기, fr 레이아웃과 마운트 후 하이드레이션에서 배운 공통 원칙
서버리스에서 무엇을 함수 안/밖에 둘지와, 교체 가능한 검색을 provider 계약으로 감추는 법
에이전트 부분 응답 스트리밍과 랜딩 LCP 개선을 병행하며 배운 측정·UI·리소스 우선순위
WebSocket 핸드셰이크·재연결·heartbeat 설계와 스트리밍 타이밍 관측에서 배운 점