하나의 프롬프트, 세 개의 두뇌
하나의 프롬프트, 세 개의 두뇌
하나의 프롬프트로 세 AI를 역할 분담해 인프라 운영을 자동화한 사례를 소개했습니다. 작업 난이도에 따라 모드를 바꾸고 교차 검증을 넣어 속도와 안전성을 함께 높였습니다.
#Claude#Gemini
800
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
공통 컴포넌트를 건강하게 기르기 위한 고민
공통 컴포넌트를 언제 만들고 언제 정리할지에 대한 팀의 판단 기준을 공유했습니다. 재사용성보다 유지 비용과 실제 사용성을 함께 보며 질문을 더 자주 남기자는 내용입니다.
#React#UI/UX
17700
pnpm 모노레포에서 React 19 마이그레이션하기: 숨겨진 호이스팅 레이어가 만든 타입 충돌 트러블슈팅
pnpm 모노레포에서 React 19 마이그레이션하기: 숨겨진 호이스팅 레이어가 만든 타입 충돌 트러블슈팅
pnpm 모노레포에서 React 18과 19를 공존시키며 발생한 타입 충돌을 트러블슈팅했습니다. 호이스팅 차단과 packageExtensions 주입으로 잘못된 React 타입 참조를 해결했습니다.
#pnpm#React
13100
“왜 노출이 안 될까?”를 한 번에 추적하는 방법
“왜 노출이 안 될까?”를 한 번에 추적하는 방법
모듈매장 노출 이슈를 추적하기 위해 요청 흐름을 하나의 식별자로 묶는 디버깅 도구를 만들었습니다. 분산 로그를 한 화면에서 확인하고 직접 재현까지 하도록 확장해 운영 대응 속도를 높였습니다.
#MSA#Kafka
9800
개인화 추천 템플릿 메인 페이지에 유저를 부드럽게 랜딩시키기
개인화 추천 템플릿 메인 페이지에 유저를 부드럽게 랜딩시키기
개인화 추천 템플릿 메인 페이지의 LCP 지연을 줄이기 위해 CSR을 유지한 채 전환 애니메이션과 네트워크·API·이미지 로딩 최적화를 적용했습니다. 그 결과 부드러운 랜딩을 확보하면서도 첫 화면 성능을 개선했습니다.
#성능#CSR
11900
ChatGPT에서 요기요 배달 쓰기 — MCP + 위젯 연동 개발기
ChatGPT에서 요기요 배달 쓰기 — MCP + 위젯 연동 개발기
ChatGPT Apps SDK와 MCP로 요기요 배달 서비스를 연결한 개발 과정을 정리했습니다. 위젯, CSP, 배포 분리, 모니터링까지 실제 운영 관점의 설계가 담겼습니다.
#MCP#ChatGPT
7800
React와 DoS
React Flight Protocol의 순환 참조가 Node.js 서버를 블로킹하는 DoS 취약점을 분석했습니다. 자기 참조 감지와 참조 체인 1,000회 제한 패치 과정을 설명합니다.
#React#React Server Components
000
멀티 프레임워크 디자인 시스템, 결국 운영 가능한 구조를 선택한 이유
멀티 프레임워크 디자인 시스템, 결국 운영 가능한 구조를 선택한 이유
React와 Vue를 함께 지원하던 디자인 시스템에서 운영 비용을 줄이기 위해 지원 범위를 재정의했습니다. React는 컴포넌트 운영축으로, Vue는 파운데이션 중심으로 전환한 사례입니다.
#React#Vue.js
8400
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
엔터프라이즈 LLM 서비스 구축기 2: 에이전트 엔지니어링
엔터프라이즈 LLM 서비스에서 파인 튜닝, 청킹, 복잡한 워크플로를 덜어내고 단순한 구조를 선택한 사례를 다뤘습니다. 문서 참조, 검색 후 자르기, ReAct 조합으로 응답률을 높인 운영 경험을 공유했습니다.
#LLM#RAG
11700
모노레포 환경에서 i18next 다국어 시스템 구축하기
모노레포 환경에서 i18next 다국어 시스템 구축하기
모노레포 프론트엔드에서 i18next와 Lokalise를 연동해 다국어 시스템을 구축한 과정을 공유했습니다. 동적 import를 넘어 정적 import와 빌드 타임 언어 분리로 번들 크기와 로딩 시간을 줄였습니다.
#i18next#React
11600
FE News 26년 3월 소식을 전해드립니다!
FE News 26년 3월 소식을 전해드립니다!
FE 엔지니어들이 React 재단, CSS Day, Claude Code, TypeScript, Vinext 같은 프런트엔드 관련 소식을 소개했습니다.\nNext.js 대안과 성능 개선 사례를 포함한 월간 기술 큐레이션입니다.
#React#CSS
13200
개발자는 더 이상 코드를 짜는 사람이 아닙니다
개발자는 더 이상 코드를 짜는 사람이 아닙니다
Claude Code와 AI Agent를 활용해 낯선 코드와 복잡한 업무 흐름을 빠르게 이해하는 방법을 소개했습니다. 병렬 작업과 정형화된 분석으로 일정 단축과 품질 향상을 동시에 노렸습니다.
#Claude Code#Git Worktree
25600
리액트의 현재와 미래, 그리고 AI: React Summit US 2025 참관기
리액트의 현재와 미래, 그리고 AI: React Summit US 2025 참관기
React Summit US 2025 현장에서 본 프론트엔드와 AI의 최신 흐름을 정리했습니다. 도구는 더 강력해졌지만, 결국 기본기와 설계 역량이 중요하다는 메시지를 전했습니다.
#React#LLM
9500
[디자인 시스템 어떻게 만들었어요?(3)] Tree Shaking과 구형 브라우저 대응
[디자인 시스템 어떻게 만들었어요?(3)] Tree Shaking과 구형 브라우저 대응
Next.js 환경에서 디자인 시스템 라이브러리의 번들 최적화와 구형 브라우저 대응 방법을 정리했습니다. 모듈 구조 유지, transpilePackages, 폴리필 전략을 통해 서비스 단의 호환성과 성능을 함께 개선했습니다.
#Next.js#React
9900