🛠 Fix & Build

“왜 이렇게 바꿨는지”를 이유 중심으로, 작게-안전하게-검증 가능하게 리팩토링하는 과정을 단계별로 정리합니다.문제의식 없이 흔히 쓰는 형태: root가 location / 안에만 있어 다른 location이 생기면 일관성 깨짐(경로 드리프트).

이 글은 “SPA 라우팅 폴백”, try_files의 역할, index.html의 캐싱 전략, 그리고 규모별 리소스 비율을 쉽고 자세하게 정리합니다. 마지막엔 바로 가져다 쓰는 Nginx 예시와 디버깅 체크리스트까지 정리합니다.

Mermaid 기반 에디터/익스포터를 만들다 보면 브라우저에서는 텍스트가 보이는데 PNG/JPG로 뽑으면 텍스트가 사라지거나 중앙 정렬이 어긋나는 문제가 자주 터진다. 이 글은 내가 정리한 “원인 → 해결 전략 → 실전 코드”를 묶은 기록이다.

사이드 프로젝트를 진행하며 Mermaid 기반 다이어그램 툴을 개발하며 설계한 “다이어그램을 완전 클라이언트 방식으로 공유하는 방법”에 대해 작성한 글이다. 서버 저장소 없이 완전 클라이언트 방식으로 구현하면, 빠르게 공유가 가능하면서도 배포/운영 부담이 적다.

리포지토리 & 협업·릴리즈 관리, 품질 & 보안 스캔, CI/CD & 배포 자동화, 관측성(Observability), 알림 & 인시던트 대응, 프론트엔드 성능 & UX, 프론트엔드 UI/애니메이션/아이콘/토스트/아바타, 상태 관리 · 서버 상태 · 폼 · 스키마 등

UI 프레임워크: Tailwind CSS + Radix UI + shadcn/ui 빠른 MVP 구성 및 접근성(A11y) 보장 (대안) Mantine / Chakra UI (스타일 프리셋 기반) 디자인 시스템 구축: Storybook + Tokens Studio 등

Gemini 3 기반 에이전트 IDE인 Google Antigravity 핵심 개념·기능·지원 플랫폼·도입 시 체크포인트를 한 번에 정리합니다.

여러 LLM에게 동시에 질문하고, 서로의 답변을 비평·순위화한 뒤, 최종 의장 모델이 합성 결론을 내리는 ‘LLM Council’의 구조와 활용 방식을 정리한다.

any-llm은 OpenAI, Anthropic, Mistral, Ollama 등 다양한 LLM 제공자를 하나의 통합 인터페이스로 호출하게 해주는 Python SDK이자, 예산·키 관리용 게이트웨이를 함께 제공하는 프로젝트다.

Conductor는 Mac에서 여러 Claude Code·Codex 에이전트를 병렬로 돌리면서, 각 에이전트가 만든 변경사항을 git worktree 기반으로 분리·리뷰·머지할 수 있게 해 주는 “에이전트 오케스트레이션 IDE”다.

ChatGPT로 긴 대화를 하다 보면 이전 질문으로 다시 돌아가는 일이 꽤 자주 생긴다. 특히 기술 검토, 설계, 디버깅처럼 하나의 스레드 안에서 주제가 계속 쌓이는 경우에는 더 그렇다.

요약-해결 방법 1: Codex App 기본 셸을 Git Bash에서 PowerShell로 바꾸기, 해결 방법 2: 남아 있는 bash.exe 프로세스 전부 정리하기, 해결 방법 3: 작업트리는 PowerShell에서 직접 생성하기