하루에 전체 UI를 완성하다 — Next.js 16이라 걸리는 게 있었다

오늘은 프론트엔드를 한 번에 몰아쳤다.

전체 페이지 구현

뉴스, 종목검색, 포트폴리오, 매매일지, 투자전략, 마이페이지, 로그인/회원가입 — 계획했던 페이지를 전부 만들었다.

뉴스는 연합뉴스, 매일경제, 한국경제 RSS를 파싱해서 보여주는 방식. 종목검색은 KIS API와 연결. 구현 자체는 빠르게 됐다.

Next.js 16 middleware 문제

Next.js 16에서 middleware 방식이 바뀐 게 발목을 잡았다. 기존에 작성한 코드가 인식이 안 됐다. Claude가 proxy.ts 방식으로 바꾸면 된다고 알려줘서 해결했다.

버전 차이에서 오는 이슈는 앞으로도 자주 생길 것 같다.

하루 만에 전체 UI를 완성했다는 게 신기하다. 비개발자가 Claude Code 없이는 절대 불가능했을 속도다.

이 글의 소감을 Threads에서 확인하세요.