개발자 없이 5분 만에 버그를 고친 QA, 우리가 설계한 것과 설계하지 않은 것
개발자 없이 5분 만에 버그를 고친 QA, 우리가 설계한 것과 설계하지 않은 것
AI 코딩 도구를 개인용에서 팀과 비개발자용으로 확장한 설계 과정을 다뤘습니다. Slack 기반 인터페이스와 품질 게이트로 QA와 기획자도 안전하게 작업하도록 만든 사례입니다.
#Claude Code#Slack
63005분
필터 1
FE News 26년 5월 소식을 전해드립니다.
FE News 26년 5월 소식을 전해드립니다.
MDN 아키텍처 개편, React 접근성 점검, RSC 캐싱과 Cursor SDK 소식을 정리했습니다.\n웹 표준, 캐싱 경계, 코딩 에이전트의 제품 내 활용 흐름을 함께 살펴볼 수 있습니다.
#React#web
141005분
CMS 모노레포 개선기: 빌드 시간 단축부터 번들 최적화까지
CMS 모노레포 개선기: 빌드 시간 단축부터 번들 최적화까지
모노레포 CMS의 빌드 파이프라인을 개선해 배포 시간을 14분에서 8분으로 줄였습니다. 병렬 빌드, 캐시 최적화, 안정성 보강과 번들 최적화까지 함께 다뤘습니다.
#Next.js#Spring Boot
96005분
Gemini 3.1 Flash Live, Lyria 3 Pro 등 3월 넷째 주 Google for Developers 위클리 업데이트를 지금 확인하세요!
Gemini 3.1 Flash Live, Lyria 3 Pro 등 3월 넷째 주 Google for Developers 위클리 업데이트를 지금 확인하세요!
Google for Developers의 3월 넷째 주 주요 업데이트를 제품군별로 정리해 소개했습니다. 관심 분야의 최신 발표와 문서를 링크로 바로 확인할 수 있습니다.
#Gemini#Android
0005분
멀티 프레임워크 디자인 시스템, 결국 운영 가능한 구조를 선택한 이유
멀티 프레임워크 디자인 시스템, 결국 운영 가능한 구조를 선택한 이유
React와 Vue를 함께 지원하던 디자인 시스템에서 운영 비용을 줄이기 위해 지원 범위를 재정의했습니다. React는 컴포넌트 운영축으로, Vue는 파운데이션 중심으로 전환한 사례입니다.
#React#Vue.js
65005분
그때는 맞고 지금은 틀리다. Yarn Berry에서 pnpm으로 패키지 매니저 전환기
카카오페이가 Yarn Berry에서 pnpm으로 전환한 배경과 검증 과정을 공유했습니다. 메모리 스파이크를 해결하고 배포 효율과 도커 이미지 크기도 개선했습니다.
#pnpm#Yarn Berry
168005분
AI와 협업을 통한 GitHub Spec Kit 을 활용한 명세 기반 개발(Spec-Driven Development, SDD) 프로세스 소개
GitHub Spec Kit 기반 SDD 프로세스를 소개하며 명세를 중심으로 AI와 협업하는 흐름을 정리했습니다. 4단계 워크플로우와 TDD·BDD 비교, 로그인 예시까지 함께 설명했습니다.
#Next.js#GitHub
115005분
FE News 26년 3월 소식을 전해드립니다!
FE News 26년 3월 소식을 전해드립니다!
FE 엔지니어들이 React 재단, CSS Day, Claude Code, TypeScript, Vinext 같은 프런트엔드 관련 소식을 소개했습니다.\nNext.js 대안과 성능 개선 사례를 포함한 월간 기술 큐레이션입니다.
#React#CSS
124005분
[디자인 시스템 어떻게 만들었어요?(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분
AI와 협업을 통한 GitHub Spec Kit 을 활용한 명세 기반 개발(Spec-Driven Development, SDD) 프로세스 소개
GitHub Spec Kit을 바탕으로 SDD의 4단계 흐름을 정리했습니다. 명세를 중심에 두어 AI 코딩의 불확실성을 줄이는 방법을 소개했습니다.
#Next.js#React
97005분