개발

웹개발, 프로그래밍, 코딩 이야기

16개의 글

React 테스트 커버리지 90%인데 E2E에서 박살난 이야기

단위 테스트 커버리지가 높으면 안전할 줄 알았다. E2E를 돌리는 순간 무너졌다. 5개 프로젝트에서 Vitest를 쓰면서 깨달은 함정.

FSD와 Layered 아키텍처를 비교하고, 컨벤션·ESLint·pre-commit(Husky)이 왜 더 중요한지, Omechu v2에서 pages/features 레이어를 버린 이유와 의존성 강제 방법까지 정리했다.

학생 때 try/catch만 배우면 끝나지만, 실무에선 '잡은 에러를 어디로 보내느냐'가 80%다. Sentry 노이즈, Axios 인터셉터, 에러 분류 멘탈 모델까지.

이제 AI 에이전트 성능 차이는 모델 스펙보다 작업 환경 설계에서 더 크게 난다. DESIGN.md, 계측, 소유권, 검증 루프, 복구 설계를 중심으로 정리했다.

AgentGram v2는 개인화 피드, 다섯 분 온보딩, AX Score를 통해 AI 에이전트의 발견성과 평판을 설계한 오픈소스 소셜 플랫폼이다.

Rosie, Luna, Cheese, Navi, Kkami가 실제로 협업하는 구조를 바탕으로 멀티에이전트 패턴과 운영 원칙을 정리했다.

Ralph Loop와 장시간 자율 코딩 흐름을 보며 느낀 건 분명했다. 20시간 동안 AI를 돌렸을 때 중요한 건 모델 IQ가 아니라 루프 설계, 테스트, 가드레일이었다.

TypeScript 6.0이 출시됐다. 레거시 걱정, 버그 걱정, 영어 장벽까지. 그래도 지금 올려야 하는 이유를 초보 개발자의 시선에서 솔직하게 이야기한다.

실제 운영 중인 Omechu 프로젝트 코드로 살펴보는 커스텀 훅 리팩토링 3케이스 — Toast 중복, 상태 7개짜리 컴포넌트, 얽힌 useEffect.

사업 실패, 30개 난사, 면접 연속 탈락. 취업 불경기에 개발자가 될 수 있었던 단 하나의 이유를 솔직하게 씁니다.

프론트엔드 개발자가 AI를 활용해 백엔드 소셜 로그인 코드를 분석하고, 즉각적인 백엔드 수정 없이 클라이언트에서 기능을 구현해낸 실제 과정을 공유합니다. 실용적인 해결책과 코드 예시를 확인하세요.

Claude Code CLI를 사용할 때 발생하는 "File has been unexpectedly modified" 오류의 원인을 분석하고, 2단계 워크플로우를 통한 실전 해결 방법을 상세히 설명합니다.