본문으로 건너뛰기

편집자의 블라인드 테스트 노트 · 김태오

Next.js 무한 스크롤 구현 지시, 같은 코드베이스 실행 기록기준일 2026-04-26

실행 기준일 2026-04-26도구 3개 · 1회씩 관찰

단순 리스트로 게시글을 보여주던 page.tsx를 IntersectionObserver 기반 무한 스크롤로 바꾸게 했습니다. 조건은 기존 /api/posts?page=N 라우트 시그니처 유지, 로딩 상태 처리, 마지막 페이지 처리였고, 본 것은 한 번에 컴파일되는지와 손수정이 몇 번 필요한지입니다.

원문 기록 01

무엇을 입력했나

task
코딩 보조 — Next.js 페이지에 무한 스크롤 추가
prompt
아래 page.tsx에서 단순 리스트로 보여주는 게시글을 IntersectionObserver 기반 무한 스크롤로 바꿔줘. 기존 API 라우트 /api/posts?page=N 구조를 유지하고, 로딩 상태와 마지막 페이지 처리도 포함해줘.

원문 기록 02

도구별 관찰 카드

원본 기재 순서 · 순위 아님

Cursor

1회 관찰

Auto (Claude Sonnet 4.6)

IntersectionObserver 훅 분리, 로딩·종료 상태 처리, 기존 라우트 시그니처 유지. 한 번에 컴파일됨.

이 실행의 참고 별점

5/5

ChatGPT

1회 관찰

GPT-5.3 Instant

동일 기능 구현은 가능하나 기존 import 구조를 일부 다르게 가정해 1회 손수정 필요.

이 실행의 참고 별점

4/5

GitHub Copilot

1회 관찰

GPT-4.1 (Copilot)

자동 완성 기반으로 훅과 핸들러를 점진적으로 작성. 멀티파일 자동 편집은 별도 단계 필요.

이 실행의 참고 별점

4/5

편집 메모 01

이 태스크를 기록한 방식

  1. 같은 코드베이스에서 같은 지시문을 세 도구에 각 1회 수행시켰습니다.
  2. 실행 당시 모델 버전(자동 라우팅 도구는 그때 붙은 모델)을 결과마다 함께 기록했습니다.
  3. 결과 칸의 요약은 산출된 코드에 대한 관찰(컴파일 여부·수정 횟수·작업 방식)을 그대로 옮긴 것입니다.

편집 메모 02

이 기록의 한계

모든 노트에 공통

  • 각 결과는 도구당 1회 실행 기록입니다. 표본이 1이라, 같은 프롬프트라도 반복하면 다른 결과가 나올 수 있습니다.
  • 실행 기준일 당시 모델 버전에서의 스냅샷입니다. 이후 모델이 업데이트되면 이 기록으로 현재 상태를 추정할 수 없고, 과거 시점 기록으로만 유효합니다.
  • 별점은 그 실행 한 번에 대한 참고치일 뿐입니다. 이 노트들은 도구 간 종합 순위가 아닙니다.

이 태스크에서 더 볼 점

  • 결과가 대상 코드베이스의 구조에 크게 의존합니다. 다른 프로젝트, 다른 파일 구성에서는 다른 결과가 나올 수 있습니다.
  • Cursor처럼 모델을 자동 라우팅하는 도구는 실행 시점에 따라 다른 모델이 붙을 수 있어, 기록된 모델 버전은 그 실행에서 관찰된 값입니다.
  • 자동 완성형 도구(Copilot)와 에이전트형 도구는 작업 방식 자체가 달라, 별점을 같은 저울의 눈금으로 읽을 수 없습니다.
김태오·AI 도구 리뷰어·같은 지시를 여러 도구에 실행하고, 기준일과 모델 버전을 함께 적어 둡니다.