정보처리기사 공부앱을 직접 만들기로 했다 — Java 개발자의 React 입문기 #1
정보처리기사 기출 5개년을 담을 학습 앱을 직접 만들기로 했다. 4년차 Java 백엔드 개발자가 AI에게 코드를 시키지 않고 튜터로만 쓰면서 React를 밑바닥부터 배우는 기록 — Vite+TypeScript 세팅과 ESLint를 고른 이유까지.
정보처리기사 기출 5개년을 담을 학습 앱을 직접 만들기로 했다. 4년차 Java 백엔드 개발자가 AI에게 코드를 시키지 않고 튜터로만 쓰면서 React를 밑바닥부터 배우는 기록 — Vite+TypeScript 세팅과 ESLint를 고른 이유까지.
로컬 Task Scheduler를 버리고 GitHub Actions + anthropics/claude-code-action으로 전환한 이유와 실제 daily-post.yml 설정, 삽질 포인트 4가지를 공개한다. 클라우드 자동화 비용은 실질적으로 0원이다.
Threads에 이어 X(Twitter) API v2를 발행 파이프라인에 붙였다. OAuth 1.0a 인증 삽질, 채널마다 다른 URL·글자 수 규칙, 실패해도 발행은 살아남게 만든 격리 구조까지 실전 기록으로 정리했다.
29편을 발행하면서 파이프라인이 세 번 바뀌었다. Claude API 제거로 토큰 비용 0원을 달성했고, 애드센스·애드핏·쿠팡파트너스를 모두 연동했지만 트래픽이 관건이라는 현실을 솔직하게 정리한다.
설계 변경 시 새 EO 번호는 어디까지 번져야 할까. 변경 부품에서 루트까지 조상 체인에만 전파하는 규칙, BOM 행 그래프 역방향 탐색 구현, 운영 DB 트랜잭션 드라이런(BEGIN→검증→ROLLBACK) 검증까지 — EO 채번 자동화 이야기.
GA4를 3개월이나 미루다 연동했더니 충격적인 사실이 보였다. 상위 5개 글이 전체 트래픽의 80%를 차지하고, 열심히 쓴 글들이 30초 만에 이탈되고 있었다. 데이터가 바꾼 콘텐츠 전략 실전기.
엑셀 대량 등록은 성공했는데 트리에는 루트만 보였다. 원인은 부모 참조에 부품 ID를 저장한 규약 위반 — “부모는 부품이 아니라 행이다”라는 BOM 트리 규약, 재귀 CTE 전개, 2-패스 행 ID 선발급 수정기.
Next.js 마이그레이션 중 120MB CAD 업로드가 500으로 실패했다. 이분 탐색으로 10MB 임계값을 찾고, Next.js 미들웨어 바디 한도라는 원인과 EADDRINUSE 좀비 프로세스 함정까지 — 대용량 업로드 장애 추적기.
4개월간 운영해온 블로그 자동화 코드를 GitHub에 공개하기로 했다. 보안 체크부터 레포 구조 정리, README 작성, 코드 최소 정리까지 — 실제 개발자 포트폴리오로 쓸 수 있는 수준으로 만드는 전 과정을 솔직하게 기록했다.
블로그 방문자가 한 번 읽고 사라지는 문제를 이메일 뉴스레터로 해결하려 했다. Mailchimp 무료 플랜과 Python requests만으로 구독자 추가, 캠페인 발송, 발행 파이프라인 연결까지 반나절 만에 구현한 실전 기록.