Codex가 실시간 문서와 함께 코드 리뷰를 진행합니다

단계별 튜토리얼: Codex를 Felo OpenAPI에 연결하고, 최신 프레임워크 문서와 비교하여 코드 리뷰 및 출처가 포함된 보고서를 생성하는 과정을 확인하세요.

당신의 코드베이스는 React를 사용하고 있습니다. 하지만 최신 패턴을 따르고 있을까요? 혹시 코드 어딘가에 더 이상 사용되지 않는 API가 숨어 있지는 않을까요? Codex는 코드를 리뷰할 수 있지만, 최신 문서에 접근할 수 있어야만 제대로 작동합니다.

이 기능을 Codex에 부여하는 방법을 안내합니다.

Felo OpenAPI 연결, 3분이면 충분합니다

1단계: openapi.felo.ai에서 무료 API 키를 생성하세요.

2단계: 아래 내용을 Codex, Claude Code, 또는 OpenClaw에 복사해 붙여넣으세요:

Connect to Felo OpenAPI:
- Models: Claude Opus 4.8, Claude Sonnet 4.6, Claude Haiku 4.5, GPT-5.6 Sol, GPT-5.6 Terra, Grok 4.5
- Search: POST /v2/chat (AI Search), POST /v2/web/extract (Web Fetch)
- Memory: LiveDocs (semantic retrieval, file upload, URL resources)
Base URL: https://openapi.felo.ai
API Key: [YOUR_API_KEY]

When I ask you to review code:
1. Search for the latest framework documentation
2. Read the official docs via Web Fetch
3. Compare my code against current best practices
4. Flag deprecated patterns, security issues, and performance concerns
5. Save the review to LiveDocs with documentation citations

3단계: 연결이 완료되었습니다. 이제 에이전트는 오래된 학습 데이터가 아닌, 최신 실시간 문서를 바탕으로 코드를 리뷰합니다.

사용자 스토리

6개월 전에 작성된 React 컴포넌트가 있습니다. 궁금한 점은 다음과 같습니다:

• 더 이상 사용되지 않는 API를 사용하고 있나요?
• 보안상 문제가 있나요?
• 최신 React 버전에서 성능을 개선할 수 있는 부분이 있나요?
• 이 패턴에 대해 공식 문서는 뭐라고 할까요?

문서를 일일이 확인하는 대신, 코드를 복사해 Codex에게 리뷰를 요청하세요.

이렇게만 말하면 됩니다

이 React 컴포넌트를 최신 React 19 문서 기준으로 리뷰해 주세요. 더 이상 사용되지 않는 패턴, 보안 문제, 성능 개선점을 모두 표시하고, 참고한 공식 문서의 위치를 명시해 주세요.

[여기에 코드 입력]

Codex가 자동으로 수행하는 일

1단계: 최신 문서 검색

POST /v2/chat
{
  "query": "React 19 latest features deprecated APIs best practices 2026"
}

Codex는 공식 React 문서, 릴리즈 노트, 마이그레이션 가이드를 찾아냅니다.

2단계: 공식 문서 읽기

POST /v2/web/extract
{
  "url": "https://react.dev/blog/react-19"
}

Codex는 React 19 릴리즈 블로그 글을 읽고 다음을 추출합니다:

• 새로운 기능 및 패턴
• 더 이상 사용되지 않는 API
• 마이그레이션 가이드
• 성능 관련 권장 사항

이 과정은 메인 문서, API 레퍼런스, 관련 RFC 논의에도 반복됩니다.

3단계: 코드 분석

Codex는 방금 읽은 문서와 코드를 비교합니다:

• 더 이상 사용되지 않는 API: React 19에서 폐기된 패턴 사용 여부 확인
• 보안 문제: 잠재적 XSS, 인젝션, 데이터 노출 위험 탐지
• 성능: React 19의 새로운 최적화 기회 표시
• 베스트 프랙티스: 공식 가이드와 비교해 패턴 점검

4단계: 리뷰 보고서 생성

Codex는 구조화된 보고서를 생성합니다:

## Code Review: [Component Name]

### 🟢 Good
- 컴포넌트 구조가 최신 패턴을 따릅니다
- 에러 바운더리 사용이 적절합니다

### 🟡 Warnings
- `findDOMNode` 사용 — React 18에서 폐기, React 19에서 제거됨
  Source: https://react.dev/blog/react-19#removed-deprecated-apis
  Fix: refs를 대신 사용하세요

### 🔴 Issues
- `componentWillMount` 라이프사이클 — 폐기됨, constructor 또는 useEffect로 대체
  Source: https://react.dev/reference/react/Component#componentwillmount
  Fix: 초기화 로직을 constructor로 이동하세요

### 💡 Performance Suggestions
- 폼 상태 관리를 위해 React 19의 `useActionState` 사용 고려
  Source: https://react.dev/reference/react/useActionState

5단계: LiveDocs에 저장

Codex는 리뷰 결과를 LiveDocs에 저장합니다:

• 원본 코드
• 문서 URL이 포함된 리뷰 결과
• 컴포넌트 유형, 프레임워크 버전, 이슈 심각도 태그

향후 리뷰 시 이 이력을 참고할 수 있습니다.

결과

당신은 다음과 같은 코드 리뷰를 얻게 됩니다:

• 일반적인 조언이 아닌, 특정 문서 페이지를 직접 참조
• 더 이상 사용되지 않는 패턴을 정확한 코드 라인과 함께 식별
• 공식 문서 출처와 함께 구체적인 수정 방법 제공
• 최신 버전을 기반으로 성능 개선점 제안

총 소요 시간: 2~3분.

전체 프롬프트 템플릿 (복사해서 사용하세요)

이 [FRAMEWORK/LANGUAGE] 코드를 최신 [VERSION] 문서 기준으로 리뷰해 주세요.

[여기에 코드 입력]

다음 항목을 확인해 주세요:
1. 더 이상 사용되지 않는 API 또는 패턴
2. 보안 문제
3. 성능 개선점
4. 베스트 프랙티스 위반

각 이슈를 발견한 공식 문서 URL을 명시해 주세요.
리뷰 결과를 [PROJECT] 및 [COMPONENT_TYPE] 태그와 함께 LiveDocs에 저장해 주세요.

대괄호 부분을 원하는 코드 리뷰에 맞게 바꿔 사용하세요.

고급: 일괄 리뷰

여러 파일을 한 번에 리뷰하세요:

이 디렉토리의 모든 React 컴포넌트를 React 19 문서 기준으로 리뷰해 주세요. 심각도별로 정렬된 요약 보고서와 각 컴포넌트별 개별 결과를 생성해 주세요.

[파일 목록 또는 코드 블록]

요약 결과를 LiveDocs에 저장해 주세요.

Codex는 각 파일을 리뷰하고, 개별 결과와 우선순위가 반영된 요약을 생성합니다.

고급: Pre-Commit Hook

커밋 전에 리뷰를 설정하세요:

이 코드를 커밋하기 전에, 최신 [FRAMEWORK] 문서 기준으로 리뷰해 주세요. 시니어 엔지니어의 코드 리뷰에서 통과하지 못할 만한 부분을 모두 표시해 주세요. 중요한 문제가 없다면 "Looks good to commit."이라고 답해 주세요.

시작하기

1. 무료 API 키를 생성하세요
2. 초기화 프롬프트를 에이전트에 붙여넣으세요
3. 위의 코드 리뷰 프롬프트를 시도해 보세요

이제 당신의 코드 리뷰어가 최신 문서를 직접 읽어드립니다.

무료 API 키 받기 →

---

이 글은 다음 언어로도 읽을 수 있습니다: English, 简体中文, 日本語, 繁體中文, हिन्दी, Français, العربية, Русский, اردو, Bahasa Indonesia, Deutsch, Tiếng Việt, Türkçe, Italiano, ไทย, Español, বাংলা, Português.