“왜 노출이 안 될까?”를 한 번에 추적하는 방법
“왜 노출이 안 될까?”를 한 번에 추적하는 방법
모듈매장 노출 이슈를 추적하기 위해 요청 흐름을 하나의 식별자로 묶는 디버깅 도구를 만들었습니다. 분산 로그를 한 화면에서 확인하고 직접 재현까지 하도록 확장해 운영 대응 속도를 높였습니다.
#MSA#Kafka
79005분
필터 1
개인화 추천 템플릿 메인 페이지에 유저를 부드럽게 랜딩시키기
개인화 추천 템플릿 메인 페이지에 유저를 부드럽게 랜딩시키기
개인화 추천 템플릿 메인 페이지의 LCP 지연을 줄이기 위해 CSR을 유지한 채 전환 애니메이션과 네트워크·API·이미지 로딩 최적화를 적용했습니다. 그 결과 부드러운 랜딩을 확보하면서도 첫 화면 성능을 개선했습니다.
#성능#CSR
110005분
ChatGPT에서 요기요 배달 쓰기 — MCP + 위젯 연동 개발기
ChatGPT에서 요기요 배달 쓰기 — MCP + 위젯 연동 개발기
ChatGPT Apps SDK와 MCP로 요기요 배달 서비스를 연결한 개발 과정을 정리했습니다. 위젯, CSP, 배포 분리, 모니터링까지 실제 운영 관점의 설계가 담겼습니다.
#MCP#ChatGPT
60005분
멀티 프레임워크 디자인 시스템, 결국 운영 가능한 구조를 선택한 이유
멀티 프레임워크 디자인 시스템, 결국 운영 가능한 구조를 선택한 이유
React와 Vue를 함께 지원하던 디자인 시스템에서 운영 비용을 줄이기 위해 지원 범위를 재정의했습니다. React는 컴포넌트 운영축으로, Vue는 파운데이션 중심으로 전환한 사례입니다.
#React#Vue.js
65005분
엔터프라이즈 LLM 서비스 구축기 2: 에이전트 엔지니어링
엔터프라이즈 LLM 서비스에서 파인 튜닝, 청킹, 복잡한 워크플로를 덜어내고 단순한 구조를 선택한 사례를 다뤘습니다. 문서 참조, 검색 후 자르기, ReAct 조합으로 응답률을 높인 운영 경험을 공유했습니다.
#LLM#RAG
104005분
모노레포 환경에서 i18next 다국어 시스템 구축하기
모노레포 환경에서 i18next 다국어 시스템 구축하기
모노레포 프론트엔드에서 i18next와 Lokalise를 연동해 다국어 시스템을 구축한 과정을 공유했습니다. 동적 import를 넘어 정적 import와 빌드 타임 언어 분리로 번들 크기와 로딩 시간을 줄였습니다.
#i18next#React
94005분
FE News 26년 3월 소식을 전해드립니다!
FE News 26년 3월 소식을 전해드립니다!
FE 엔지니어들이 React 재단, CSS Day, Claude Code, TypeScript, Vinext 같은 프런트엔드 관련 소식을 소개했습니다.\nNext.js 대안과 성능 개선 사례를 포함한 월간 기술 큐레이션입니다.
#React#CSS
124005분
개발자는 더 이상 코드를 짜는 사람이 아닙니다
개발자는 더 이상 코드를 짜는 사람이 아닙니다
Claude Code와 AI Agent를 활용해 낯선 코드와 복잡한 업무 흐름을 빠르게 이해하는 방법을 소개했습니다. 병렬 작업과 정형화된 분석으로 일정 단축과 품질 향상을 동시에 노렸습니다.
#Claude Code#Git Worktree
230005분
리액트의 현재와 미래, 그리고 AI: React Summit US 2025 참관기
리액트의 현재와 미래, 그리고 AI: React Summit US 2025 참관기
React Summit US 2025 현장에서 본 프론트엔드와 AI의 최신 흐름을 정리했습니다. 도구는 더 강력해졌지만, 결국 기본기와 설계 역량이 중요하다는 메시지를 전했습니다.
#React#LLM
80005분
[디자인 시스템 어떻게 만들었어요?(3)] Tree Shaking과 구형 브라우저 대응
[디자인 시스템 어떻게 만들었어요?(3)] Tree Shaking과 구형 브라우저 대응
Next.js 환경에서 디자인 시스템 라이브러리의 번들 최적화와 구형 브라우저 대응 방법을 정리했습니다. 모듈 구조 유지, transpilePackages, 폴리필 전략을 통해 서비스 단의 호환성과 성능을 함께 개선했습니다.
#Next.js#React
84005분
AI 코딩 에이전트에게 사고 과정을 설계하다— /start부터 Agent Teams까지
AI 코딩 에이전트에게 사고 과정을 설계하다— /start부터 Agent Teams까지
AI 코딩 에이전트의 작업 방식을 사고 흐름과 규칙 체계로 설계한 사례를 정리한 글입니다. /start·/done, 페르소나, Agent Teams로 협업과 검증을 표준화했습니다.
#LLM#Cursor
55005분
쏘카 디자인 시스템 2.0 개발기 2편: 기술로 굴리기(웹)
쏘카 디자인 시스템 2.0 웹 개발에서 컴포넌트 구조, 패키지 전략, LLM 활용 방식을 정리했습니다. 상태 결합도에 따라 Hook과 객체를 분리하고, rollup과 Instructions 체계로 운영성을 높였습니다.
#React#Next.js
93005분