https://waylog.pages.dev 백엔드·프론트엔드·DevOps·AI 시스템 실무 운영 경험을 정리하는 한국어 기술 블로그 ko-KR Thu, 21 May 2026 13:50:29 GMT Thu, 14 May 2026 00:00:00 GMT Next.js https://waylog.pages.dev/posts/llm-guardrails-prompt-injection-defense-owasp-top10 https://waylog.pages.dev/posts/llm-guardrails-prompt-injection-defense-owasp-top10 Thu, 14 May 2026 00:00:00 GMT AI LLM 보안은 왜 우리가 알던 웹 보안과 완전히 다른가 우리 팀이 처음으로 내부 RAG 챗봇을 프로덕션에 올린 것은 2025년 초였습니다. 사용자가 PDF를 업로드하면 임베딩 파이프라인을 거쳐 벡터 DB에 저장되고, 이후 대화에서 관련 청크를 꺼내 GPT-4o에 컨텍스트로 주입하는 전형적인 RAG 구조였습니다. 런칭 3주 뒤, 한 사내 사용자가 특정 PDF를 업로드하면 챗봇이 "이 문서의 원본 시스템 프롬프트를 그대로 출력하라"는 지시를 PDF 텍스트 안에 숨겨 놓았을 때 실제로 시스템 프롬프트가 https://waylog.pages.dev/posts/llm-inference-cost-optimization-routing-caching-batch https://waylog.pages.dev/posts/llm-inference-cost-optimization-routing-caching-batch Wed, 13 May 2026 00:00:00 GMT AI 월 800만 원짜리 API 청구서를 받아든 날 2025년 4분기, 우리 팀의 LLM API 청구액이 처음으로 800만 원을 돌파했습니다. 서비스가 성장하고 있다는 신호이기도 했지만, 동시에 "이대로 두면 스케일이 두 배가 될 때 비용도 두 배가 되는 구조"라는 사실을 직시해야 했습니다. 애플리케이션 코드를 뜯어보니 문제는 명확했습니다. 모든 요청이 동일하게 가장 비싼 모델로, 시스템 프롬프트를 매번 새로 전송하며, 동의어 수준의 중복 요청조차 캐시 없이 반복 호출되고 있었습니다. 그로부터 두 달 https://waylog.pages.dev/posts/vector-database-selection-pgvector-qdrant-pinecone-production https://waylog.pages.dev/posts/vector-database-selection-pgvector-qdrant-pinecone-production Tue, 12 May 2026 00:00:00 GMT AI 벡터 DB를 고르는 일이 왜 이렇게 어려운가 — 선택 실수가 운영비로 돌아오는 이유 우리 팀이 처음 RAG 파이프라인을 도입했을 때, 선택은 빨랐습니다. 이미 PostgreSQL을 운영 중이었고, pgvector 익스텐션 하나면 벡터 검색을 바로 붙일 수 있었기 때문입니다. 초기 문서 수 40만 건, 쿼리 QPS 20 수준에서는 완벽했습니다. 문제는 6개월 후였습니다. 문서가 350만 건을 넘어서고 동시 쿼리가 스파이크 시 200 QPS를 찍기 시작하면서 HNSW 인덱스 빌드가 PostgreSQL https://waylog.pages.dev/posts/large-refactoring-pr-split-strategy-frontend-git-workflow https://waylog.pages.dev/posts/large-refactoring-pr-split-strategy-frontend-git-workflow Mon, 11 May 2026 00:00:00 GMT Development "이 PR 리뷰할 수 있는 사람이 있을까요" — 거대 PR이 만드는 조용한 재앙 우리 프론트엔드 팀이 처음으로 컴포넌트 라이브러리 전면 교체를 결정했을 때, 첫 번째 반응은 의외로 낙관적이었습니다. "모달만 먼저 바꾸고, 그 다음에 폼, 그 다음에 테이블 순서로 가면 되지 않을까?" 하는 식이었습니다. 3주 후, 우리는 refactor/ui-library 브랜치가 main과 무려 200개 커밋 차이가 난다는 사실을 발견했습니다. 그 브랜치를 리베이스하려고 시도했다가 conflict 해소에만 이틀이 https://waylog.pages.dev/posts/cors-misconfiguration-origin-validation-production-security https://waylog.pages.dev/posts/cors-misconfiguration-origin-validation-production-security Fri, 08 May 2026 00:00:00 GMT Security CORS 오설정은 조용하게, 치명적으로 침투한다 CORS(Cross-Origin Resource Sharing)는 처음 마주치는 순간 대부분 개발자에게 "브라우저가 왜 요청을 막는 거지?"라는 짜증으로 다가옵니다. 그래서 가장 빠른 해결책인 Access-Control-Allow-Origin: 를 붙이고 문제를 덮어버립니다. 그 순간 브라우저 콘솔의 에러는 사라지지만, 보안 구멍이 열립니다. 우리 팀은 스테이지 서버에서 정확히 이 실수를 저질렀습니다. 빠른 QA를 위해 Access-Control-A https://waylog.pages.dev/posts/nextjs-middleware-edge-runtime-internals https://waylog.pages.dev/posts/nextjs-middleware-edge-runtime-internals Wed, 06 May 2026 00:00:00 GMT Next.js 요청이 라우트에 닿기 전에 통제권을 갖는다는 것의 의미 우리 프론트엔드 개발자들이 Next.js 기반 서비스를 프로덕션에서 운영하다 보면 반드시 직면하는 문제들이 있습니다. 인증되지 않은 사용자가 /dashboard에 직접 URL을 입력해 접근하는 순간, 일본에서 접속한 사용자에게 한국어 랜딩 페이지를 노출하는 상황, A/B 실험 코호트를 클라이언트 JavaScript 실행 이후에 분기하면서 레이아웃 시프트가 발생하는 경우. 이 문제들의 공통점은 "요청이 라우트에 닿기 전에 처리했다면 훨씬 깔끔했 https://waylog.pages.dev/posts/javascript-async-iterator-web-streams-practical https://waylog.pages.dev/posts/javascript-async-iterator-web-streams-practical Fri, 24 Apr 2026 00:00:00 GMT JavaScript 콜백 지옥을 넘어선 자리에 또 다른 지옥이 있었다 우리 팀은 2026년 초, 실시간 AI 추론 결과를 클라이언트에 스트리밍하는 기능을 구축하면서 예상치 못한 장벽을 만났습니다. LLM API가 SSE(Server-Sent Events) 스트림으로 응답을 내려보내는데, 프론트엔드에서는 이를 onmessage 콜백으로 받아 상태 업데이트하고, 동시에 Node.js 중간 서버에서는 data 이벤트 핸들러를 중첩해 가공했습니다. 코드는 빠르게 스파게티가 됐고, 한 달이 지났을 때 RSS(Resident https://waylog.pages.dev/posts/llm-eval-pipeline-ci-cost-optimization https://waylog.pages.dev/posts/llm-eval-pipeline-ci-cost-optimization Tue, 21 Apr 2026 00:00:00 GMT AI 한 달 만에 터진 품질 회귀, 그리고 우리가 내린 결론 지난해 11월, 우리 팀은 고객 응대 자동화 서비스에서 예상치 못한 품질 회귀를 경험했습니다. 프롬프트 템플릿을 일부 수정하고 모델을 gpt-4o-2024-08-06에서 gpt-4o-mini로 전환한 PR이 메인 브랜치에 머지된 지 나흘째, 운영팀에서 "챗봇이 환불 정책을 엉뚱하게 답변한다"는 에스컬레이션이 올라왔습니다. QA를 거쳤고 스모크 테스트도 통과했지만, 열네 개의 엣지 케이스 중 세 개에서 답변 품질이 기준 이하로 떨어져 있었습니다 https://waylog.pages.dev/posts/playwright-visual-regression-ci-design-review https://waylog.pages.dev/posts/playwright-visual-regression-ci-design-review Mon, 20 Apr 2026 00:00:00 GMT Development 유닛 테스트가 "통과"해도 디자인은 무너진다 우리 프론트엔드 개발자들은 테스트 커버리지가 80%를 넘어도 프로덕션 배포 다음 날 디자이너에게 "헤더 폰트가 바뀌었어요"라는 메시지를 받는 경험을 한 번쯤 합니다. Button 컴포넌트의 로직은 완벽하게 동작하는데, CSS 변수 하나가 바뀌면서 브랜드 컬러가 슬그머니 회색으로 바뀌어 있는 상황입니다. 비주얼 회귀 테스트(Visual Regression Testing)는 바로 이 간극을 메웁니다. 코드가 아닌 픽셀을 기준으로 UI가 의도치 않게 변경됐는 https://waylog.pages.dev/posts/web-components-custom-elements-design-system-interop https://waylog.pages.dev/posts/web-components-custom-elements-design-system-interop Sat, 18 Apr 2026 00:00:00 GMT Web 프레임워크가 바뀌어도 컴포넌트는 살아남아야 한다 우리 프론트엔드 개발자들은 매 23년 주기로 반복되는 피로감을 잘 압니다. 조직이 React에서 Vue로, Vue에서 다시 React로, 혹은 Next.js에서 SvelteKit으로 이동할 때마다 디자인 시스템 컴포넌트를 처음부터 다시 작성해야 하는 상황입니다. 우리 팀이 경험한 사례가 있습니다. 멀티 테넌트 B2B SaaS 제품에서 메인 앱은 React 18을 쓰고, 고객사 임베딩용 위젯은 Vue 3, 어드민 패널은 Svelte로 구성된 상황이었습 https://waylog.pages.dev/posts/subresource-integrity-supply-chain-attack-defense https://waylog.pages.dev/posts/subresource-integrity-supply-chain-attack-defense Sun, 12 Apr 2026 00:00:00 GMT Security CDN이 신뢰할 수 없게 된 날: 공급망 공격은 이미 우리 곁에 있다 웹 서비스는 오래전부터 외부 CDN에서 jQuery, Bootstrap, Google Analytics를 불러왔습니다. 빠르고 편리했기 때문입니다. 하지만 우리 프론트엔드 개발자들이 그 편리함 뒤에 있는 위험을 진지하게 마주한 것은 2024년 Polyfill.io 사건 이후였습니다. 수십만 개의 웹사이트가 아무 의심 없이 불러오던 스크립트가 악성 코드를 포함한 채 배포되기 시작했습니다. 이 글은 서드파티 스크립트 공급망 공격의 https://waylog.pages.dev/posts/vitest-msw-integration-testing-react https://waylog.pages.dev/posts/vitest-msw-integration-testing-react Thu, 09 Apr 2026 00:00:00 GMT Development 유닛 테스트만으로는 사용자의 불만을 막을 수 없다 우리 프론트엔드 개발자들은 한 번쯤 이런 경험을 합니다. 개별 함수의 유닛 테스트는 모두 통과했는데, 정작 사용자가 폼을 제출하면 로딩 스피너가 사라지지 않거나, 에러 메시지가 엉뚱한 위치에 뜨는 현상입니다. 이 글은 Vitest와 MSW v2, React Testing Library를 결합해 실사용 시나리오를 통합 테스트로 검증하는 실전 전략을 다룹니다. TDD 철학에 관심 있다면 TDD로 프론트엔드 개발하기도 함께 읽어보시길 권합니다. --- https://waylog.pages.dev/posts/domain-driven-design-aggregate-bounded-context https://waylog.pages.dev/posts/domain-driven-design-aggregate-bounded-context Fri, 03 Apr 2026 00:00:00 GMT Architecture 모놀리스가 무너지는 순간은 갑자기 오지 않는다 우리가 운영하던 커머스 플랫폼은 초창기엔 단 하나의 Spring Boot 애플리케이션이었습니다. 주문, 결제, 회원, 상품, 배송이 하나의 코드베이스에 공존했고, 초기에는 그것이 오히려 장점이었습니다. 그러다 팀이 세 배로 늘고 하루 배포 횟수가 두 자릿수를 넘기 시작하면서 상황이 달라졌습니다. 이 상황의 진짜 원인은 기술 부채가 아니었습니다. 도메인 경계가 코드에 반영되지 않은 것이 문제였습니다. 도메인 주도 설계(DDD)는 이 문제를 소프트웨어 구 https://waylog.pages.dev/posts/distributed-tracing-sampling-strategy-cost https://waylog.pages.dev/posts/distributed-tracing-sampling-strategy-cost Tue, 31 Mar 2026 00:00:00 GMT Performance 100% 수집이라는 환상이 운영 비용을 잡아먹는다 분산 아키텍처로 전환하고 나면 팀은 자연스럽게 모든 요청을 추적하고 싶어합니다. 우리 팀 역시 초기에 OpenTelemetry SDK를 붙이고 모든 trace를 Jaeger로 내보내는 설정을 처음 기본값으로 택했습니다. 문제는 트래픽이 늘면서 빠르게 드러났습니다. DAU가 20만을 넘어서는 시점에 Jaeger Elasticsearch 클러스터 비용이 APM 예산의 절반 이상을 차지하기 시작했고, Collector 파드의 메모리 사용량이 예측 불가능 https://waylog.pages.dev/posts/javascript-signals-fine-grained-reactivity https://waylog.pages.dev/posts/javascript-signals-fine-grained-reactivity Sat, 28 Mar 2026 00:00:00 GMT JavaScript 상태가 바뀌었는데 왜 화면 전체가 다시 그려지는가 우리 프론트엔드 개발자들은 오래전부터 이 질문을 마주해 왔습니다. 대형 이커머스 프로젝트에서 장바구니 수량 하나를 변경했을 때 헤더, 사이드바, 추천 섹션까지 전부 재렌더링되는 장면을 목격한 경험이 있을 것입니다. Virtual DOM 기반 프레임워크들은 이 문제를 Reconciler와 Diffing 알고리즘으로 해결해 왔습니다. Signals는 다른 방향으로 문제를 풉니다. 어떤 상태가 변경됐을 때 그 상태를 실제로 읽고 있는 부분만 정확히 갱신 https://waylog.pages.dev/posts/web-vitals-cls-lcp-field-data-crux https://waylog.pages.dev/posts/web-vitals-cls-lcp-field-data-crux Tue, 24 Mar 2026 00:00:00 GMT Performance 필드 데이터 없이 성능 개선을 논하는 것은 환자 없이 처방을 쓰는 것과 같다 Lighthouse 점수 100점을 받아도 CrUX(Chrome User Experience Report) 대시보드에 "Poor" 판정이 뜨는 경험을 해봤을 것입니다. 우리 팀은 대형 이커머스 프로젝트에서 정확히 이 상황을 겪었습니다. 로컬 Lighthouse에서는 LCP 1.8초, CLS 0.02로 "Good" 범위였는데, PageSpeed Insights의 필드 데이터 탭을 열었더니 LCP p75가 4.3초였습니다. https://waylog.pages.dev/posts/nextjs-server-actions-optimistic-ui-mutation https://waylog.pages.dev/posts/nextjs-server-actions-optimistic-ui-mutation Fri, 20 Mar 2026 00:00:00 GMT Next.js 네트워크 응답을 기다리는 동안, 사용자는 이미 다음 행동으로 넘어간다 우리 프론트엔드 개발자들은 폼 제출 버튼을 누른 후 스피너가 돌아가는 화면을 얼마나 오래 봐왔습니까. 사용자 입장에서는 이미 의도가 확실한 행동을 했는데 UI가 먼저 반응하지 않는 것이 오히려 어색합니다. 낙관적 UI(Optimistic UI)는 이 문제를 다른 방향으로 풉니다. 서버 응답이 오기 전에 요청이 성공했다고 가정하고 UI를 먼저 업데이트한 뒤, 실제로 실패하면 이전 상태로 롤백하는 패턴입니다. Next.js 13 A https://waylog.pages.dev/posts/ebpf-network-observability-cilium-intro https://waylog.pages.dev/posts/ebpf-network-observability-cilium-intro Mon, 09 Mar 2026 00:00:00 GMT DevOps 커널 수준에서 패킷을 들여다보는 것이 왜 중요한가 쿠버네티스 클러스터를 운영하다 보면 "이 파드 간 통신이 왜 실패하는가"라는 질문 앞에서 막막함을 느낄 때가 있습니다. kubectl logs에는 아무런 에러가 없고, kubectl describe pod를 봐도 이상이 없습니다. 그런데 A 서비스가 B 서비스를 호출하면 간헐적으로 연결이 끊깁니다. 우리 팀은 수백 개의 파드가 뜨고 지는 대용량 클러스터에서 정확히 이 상황을 마주했습니다. 결국 원인은 iptables NAT 테이블의 conntrac https://waylog.pages.dev/posts/typescript-template-literal-branded-types https://waylog.pages.dev/posts/typescript-template-literal-branded-types Mon, 02 Mar 2026 00:00:00 GMT TypeScript 타입이 런타임 오류를 막지 못한다면, 타입 시스템은 절반짜리다 우리 TypeScript 개발자들은 종종 착각에 빠집니다. "타입을 붙였으니 안전하다"는 믿음입니다. 그러나 string 타입의 userId와 string 타입의 orderId는 TypeScript 컴파일러 눈에 동일하게 보입니다. 우리 팀이 결제 서비스와 배송 서비스를 통합하는 프로젝트를 담당했을 때 정확히 이 상황을 겪었습니다. 두 서비스 모두 string 타입의 식별자를 주고받는 API였고, 팀원이 processShipment(u https://waylog.pages.dev/posts/rabbitmq-dead-letter-retry-queue-patterns https://waylog.pages.dev/posts/rabbitmq-dead-letter-retry-queue-patterns Sun, 01 Mar 2026 00:00:00 GMT Backend 메시지가 사라진 순간, 브로커를 탓하기 전에 설계를 봐야 한다 결제 완료 이벤트를 발행했는데 알림이 가지 않고, 재고 차감도 되지 않으며, 고객은 결제 화면에서 로딩만 보는 상황을 경험한 적이 있을 것입니다. 우리 팀이 운영하던 이커머스 플랫폼에서 배송 이벤트 처리를 RabbitMQ로 전환하고 두 달이 지났을 때, 업스트림 물류 API가 30초짜리 타임아웃을 내뿜기 시작했습니다. Consumer는 메시지를 가져갔지만 처리에 실패했고, nack 설정이 없던 큐에서 메시지들은 그냥 버려졌습니다. 5, https://waylog.pages.dev/posts/css-scope-anchor-positioning-2025 https://waylog.pages.dev/posts/css-scope-anchor-positioning-2025 Mon, 23 Feb 2026 00:00:00 GMT CSS CSS가 스스로 경계를 그을 수 있다면 2026년 프론트엔드 생태계에서 두 가지 CSS 기능이 조용하지만 확실하게 실무의 판도를 바꾸고 있습니다. @scope와 Anchor Positioning입니다. 두 기능은 서로 다른 문제를 풀지만, 공통적으로 "자바스크립트가 처리하던 일을 CSS가 직접 처리한다"는 흐름 위에 있습니다. @scope는 스타일 격리 문제를 해결합니다. Anchor Positioning은 팝오버, 툴팁, 드롭다운의 위치 계산 문제를 해결합니다. 두 기능 모두 2026년 기준 C https://waylog.pages.dev/posts/react-error-boundary-suspense-fallback-patterns https://waylog.pages.dev/posts/react-error-boundary-suspense-fallback-patterns Fri, 20 Feb 2026 00:00:00 GMT React 에러는 피하는 것이 아니라 설계하는 것이다 React 애플리케이션을 운영하다 보면 반드시 마주치는 순간이 있습니다. 서드파티 API가 갑자기 응답을 거부하고, 예상치 못한 형태의 데이터가 렌더 함수 안으로 흘러들어 오고, 네트워크가 불안정한 모바일 환경에서 Suspense로 감싼 컴포넌트가 영영 해소되지 않는 상황입니다. 우리 팀이 MAU 30만 규모의 여행 예약 플랫폼을 운영하면서 가장 뼈아프게 배운 것은 바로 이것이었습니다. 에러는 try/catch로 모두 잡아낼 수 있다는 낙관, 그리고 로딩 https://waylog.pages.dev/posts/terraform-state-remote-backend-locking https://waylog.pages.dev/posts/terraform-state-remote-backend-locking Thu, 19 Feb 2026 00:00:00 GMT DevOps 인프라가 "코드"라면, 그 코드의 상태를 누가 책임지는가 Terraform을 처음 도입한 팀이 가장 빨리 맞닥뜨리는 위기는 terraform apply를 두 사람이 동시에 실행하는 순간입니다. 우리 팀의 플랫폼 팀에서 정확히 이 상황이 벌어졌습니다. SRE 한 명이 EKS 노드 그룹 스케일아웃을 적용하는 동안, 다른 팀원이 보안 그룹 규칙을 추가했습니다. 두 작업 모두 성공한 것처럼 보였지만, 이후 terraform plan을 실행하자 누가 만든 것인지 모를 리소스 diff가 수십 줄씩 쏟아졌습니 https://waylog.pages.dev/posts/sqlite-embedded-production-libsql-turso https://waylog.pages.dev/posts/sqlite-embedded-production-libsql-turso Tue, 17 Feb 2026 00:00:00 GMT Database SQLite가 프로덕션용으로 적합한 워크로드 SQLite를 프로덕션에서 쓴다는 말을 꺼내면 종종 이런 반응이 돌아옵니다. "그거 테스트용 아닌가요?" 2026년 현재, 이 인식은 현실과 상당히 멀어져 있습니다. SQLite는 전 세계에서 가장 많이 배포된 데이터베이스 엔진이고, Android 기기, iOS 앱, 브라우저의 Web Storage, 항공기 시스템까지 광범위하게 쓰입니다. SQLite가 프로덕션에서 강점을 발휘하는 워크로드는 분명합니다. 읽기 중심의 콘텐츠 서비스, 한 테넌트당 데이터베 https://waylog.pages.dev/posts/view-transitions-api-spa-page-animation https://waylog.pages.dev/posts/view-transitions-api-spa-page-animation Mon, 09 Feb 2026 00:00:00 GMT Web 페이지 전환, 여전히 깜박임으로 마무리되고 있지 않습니까 우리 프론트엔드 개발자들은 SPA를 만들면서 묘한 역설을 경험합니다. 서버 왕복 없이 화면을 바꿔도 사용자는 여전히 "뚝" 끊기는 느낌을 받습니다. React Router나 Next.js App Router가 라우팅 자체는 해결했지만, 이전 화면이 사라지고 새 화면이 나타나는 시각적 연속성은 개발자 각자가 Framer Motion, GSAP, 또는 CSS 클래스 교체로 구현해야 했습니다. 우리 팀이 이커머스 상세 페이지에서 Hero 이미지 https://waylog.pages.dev/posts/oauth2-pkce-flow-spa-mobile-security https://waylog.pages.dev/posts/oauth2-pkce-flow-spa-mobile-security Fri, 06 Feb 2026 00:00:00 GMT Security 퍼블릭 클라이언트는 비밀이 없다, 그래서 흐름 자체가 방어선이어야 한다 OAuth 2.0을 처음 도입할 때 우리 개발팀은 단일 페이지 애플리케이션에 Implicit Flow를 적용했습니다. 당시 공식 문서들은 SPA에서 "clientsecret을 안전하게 보관할 수 없으니 Implicit을 쓰라"고 안내했고, access token이 redirecturi의 fragment로 바로 내려왔습니다. 토큰을 즉시 받을 수 있어 편했지만, 2026년 현재 이 방식은 OAuth Security BCP에 의해 https://waylog.pages.dev/posts/jwt-claims-validation-pitfalls-none-algorithm https://waylog.pages.dev/posts/jwt-claims-validation-pitfalls-none-algorithm Tue, 03 Feb 2026 00:00:00 GMT Security JWT는 편리하지만, 그 편리함이 정확히 공격 지점이 된다 JWT(JSON Web Token)는 2010년대 중반 이후 웹 서비스 인증 표준으로 자리 잡았습니다. 서버가 상태를 저장하지 않아도 되고, 마이크로서비스 사이에서 검증이 간단하며, 다양한 언어와 플랫폼에서 라이브러리가 풍부합니다. 하지만 "편리하다"는 인식이 정확히 보안 취약점의 시작점이 됩니다. 우리 팀이 핀테크 스타트업에서 API 게이트웨이를 설계할 때, QA 단계에서 스테이징 환경 JWT 검증 코드를 점검하다가 알고리즘 파라미터 검 https://waylog.pages.dev/posts/mongodb-index-strategy-explain-compound-partial https://waylog.pages.dev/posts/mongodb-index-strategy-explain-compound-partial Mon, 26 Jan 2026 00:00:00 GMT Database 인덱스가 없으면 느리고, 잘못 만들면 더 느리다 MongoDB를 프로덕션에서 처음 운영해보는 팀은 대개 비슷한 경험을 합니다. 로컬에서는 순식간에 응답하던 쿼리가 실 데이터가 수백만 건을 넘어서면서 갑자기 수 초씩 걸리기 시작하고, "인덱스를 추가하면 되겠지"라는 생각에 db.collection.createIndex()를 몇 개 추가하지만 기대한 만큼 빨라지지 않습니다. 우리 팀이 e커머스 주문 플랫폼에서 일 평균 600만 건의 주문 도큐먼트를 처리하던 시절, 정산 배치가 매일 밤 orders 컬 https://waylog.pages.dev/posts/argocd-app-of-apps-gitops-repo-structure https://waylog.pages.dev/posts/argocd-app-of-apps-gitops-repo-structure Fri, 23 Jan 2026 00:00:00 GMT DevOps 클러스터가 10개로 늘어나는 순간, 수동 배포는 채무가 된다 우리 팀이 단일 Kubernetes 클러스터에 하나의 ArgoCD로 운영하던 시절, 배포는 어렵지 않았습니다. dev, staging, prod 네임스페이스를 나누고 ArgoCD Application을 손으로 만들면 됐습니다. 하지만 서비스가 성장하면서 리전이 늘었고, 보안 정책상 퍼블릭 클라우드 클러스터와 온프레미스 클러스터를 분리해야 했으며, SRE 팀과 개발팀의 배포 권한을 격리해야 하는 요구가 생겼습니다. 클러스터가 7개를 넘어섰 https://waylog.pages.dev/posts/tailwind-v4-migration-css-engine-changes https://waylog.pages.dev/posts/tailwind-v4-migration-css-engine-changes Tue, 20 Jan 2026 00:00:00 GMT CSS PostCSS 기반 세계관이 무너지는 날 우리 팀이 Tailwind CSS v4 마이그레이션을 처음 마주한 건 2026년 초였습니다. Next.js App Router로 전환한 지 얼마 지나지 않아, Tailwind 팀이 v4 정식 릴리즈를 선언했습니다. 릴리즈 노트를 열자마자 첫 번째 느낌은 "업그레이드"가 아니라 "다른 도구"를 배우는 기분이었습니다. tailwind.config.js가 사라지고, @tailwind base; @tailwind components; @tailwind utilit