> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 웹 검색

> Agent가 최신 정보와 최신 문서로 앱을 빌드하기 위해 웹을 검색하는 방법을 알아보세요.

export const AiPrompt = ({children}) => {
  return <CodeBlock className="relative block font-sans whitespace-pre-wrap break-words">
      <div className="pr-7">
        {children}
      </div>
    </CodeBlock>;
};

Agent의 웹 검색 <img class="icon-svg" src="https://mintcdn.com/replit/X_IP1EeHGm0cA2VA/images/icons/web-search.svg?fit=max&auto=format&n=X_IP1EeHGm0cA2VA&q=85&s=42b80129c4a61489c9cf69786b83de59" alt="웹 검색 아이콘" width="16" height="16" data-path="images/icons/web-search.svg" /> 기능을 사용하여 현재의 실제 데이터로 애플리케이션을 빌드하세요.

이 기능은 웹의 최신 정보에 접근함으로써 지식 차단점을 극복합니다. 최신 정보가 필요한 것을 만들도록 Agent에게 요청하면, Agent가 웹을 검색하고 자세한 콘텐츠를 가져와 앱을 더 정확하고 유용하게 만듭니다.

<Frame>
  <img src="https://mintcdn.com/replit/0UCOQvZyQpUEM03B/images/replitai/web-search-header.jpg?fit=max&auto=format&n=0UCOQvZyQpUEM03B&q=85&s=3d871ef9e82151d512203feb775e45d5" alt="앱 개발을 위해 현재 정보를 수집하기 위해 웹 검색을 수행하는 Agent" width="1920" height="1080" data-path="images/replitai/web-search-header.jpg" />
</Frame>

웹 검색은 최신 패키지, 도구, 정보를 찾는 데 유용합니다. 이를 통해 앱이 현재 모범 사례를 사용하고 더 정확해집니다.

## 기능

Agent의 웹 검색을 사용하여 현재 정보로 애플리케이션을 빌드하세요. 수동 조사 및 데이터 수집이 필요하지 않습니다. 금융 데이터가 있는 대시보드를 만들거나 최근 스타트업 출시를 소개하는 웹사이트를 빌드하든, 웹 검색은 앱이 현실을 반영하도록 합니다.

Agent는 다음과 같은 웹 검색 작업을 수행할 수 있습니다:

* **검색**: 인터넷에서 현재 정보, 최신 문서, 실시간 데이터 찾기
* **콘텐츠 가져오기**: 특정 웹사이트 및 URL에서 자세한 정보 가져오기
* **출처 인용**: Agent가 정보를 찾은 정확한 위치를 확인하여 출처 검증 및 참조 가능

## 사용 방법

웹 검색은 Agent에 내장되어 있어 별도로 활성화할 필요가 없습니다. 만들고 싶은 것을 설명하면 Agent가 현재 정보를 위해 웹을 검색해야 할 시점을 자동으로 판단합니다. Agent가 명시적으로 검색하도록 유도하려면 프롬프트에 "검색", "조사", 또는 "웹 검색 사용"과 같은 키워드를 포함하세요.

### Agent가 웹 검색을 사용하는 경우 <img class="icon-svg" src="https://mintcdn.com/replit/X_IP1EeHGm0cA2VA/images/icons/web-search.svg?fit=max&auto=format&n=X_IP1EeHGm0cA2VA&q=85&s=42b80129c4a61489c9cf69786b83de59" alt="웹 검색 아이콘" width="16" height="16" data-path="images/icons/web-search.svg" />

<Frame>
  <img src="https://mintcdn.com/replit/0UCOQvZyQpUEM03B/images/replitai/web-search.jpg?fit=max&auto=format&n=0UCOQvZyQpUEM03B&q=85&s=2b2afe9380555306e206c62084d996d4" alt="앱 개발을 위한 웹 검색 결과 및 출처 인용을 보여주는 Agent 인터페이스" width="1920" height="1080" data-path="images/replitai/web-search.jpg" />
</Frame>

현재 데이터가 필요한 정보를 요청할 때 Agent가 웹 검색을 실행합니다:

| 사용 사례     | 예시 프롬프트                                                                                   |
| --------- | ----------------------------------------------------------------------------------------- |
| 최적 패키지 찾기 | "이미지 편집기를 빌드해야 해 — 캔버스 조작을 위한 최고의 라이브러리를 조사하고 앱을 빌드해줘"                                    |
| API 조사    | "GitHub 커밋을 추적하는 Discord 봇을 빌드해줘 — 가장 신뢰할 수 있는 Discord.js 튜토리얼과 GitHub와 통신하는 최선의 방법을 찾아줘" |
| 프레임워크 비교  | "쇼핑 앱의 재고 관리를 구현하는 방법을 결정하는 데 도움을 줘. 최선의 인증 솔루션과 그 장단점을 조사해줘"                             |
| 도구 발견     | "부드러운 애니메이션이 있는 앱을 만들어줘 — 최고의 애니메이션 라이브러리를 조사해줘"                                          |
| 현재 시장 데이터 | "오늘의 상위 10개 코인과 실제 가격을 보여주는 암호화폐 트래커를 빌드해줘"                                               |
| 기업 조사     | "Replit 대표이사인 Michele Catasta의 포트폴리오 사이트를 만들어줘"                                           |
| 문서 업데이트   | "최신 API 변경 사항을 사용하여 Stripe 결제 양식을 빌드해줘"                                                   |
| 기술 트렌드    | "개발자 도구 대시보드를 만들어줘 — 트렌딩 VS Code 확장 프로그램은 무엇인가요?"                                         |

### 웹 검색이 앱을 향상시키는 방법

웹 검색은 자리 표시자 데이터를 사용하는 애플리케이션을 실제 정확한 정보를 포함하는 것으로 변환합니다:

| 이점        | 설명                              |
| --------- | ------------------------------- |
| 최신 기술     | 앱이 훈련 데이터에 없는 최신 정보 및 패키지 사용    |
| 최선의 도구 선택 | Agent가 최적의 패키지를 선택하기 위해 옵션 조사   |
| 현재 모범 사례  | 최신 개발 패턴 및 보안 관행에 접근            |
| 제한 극복     | 훈련 후 출시된 패키지를 사용하기 위해 지식 차단점 극복 |
| 정확한 데이터   | 앱이 오래된 예시 대신 현재 정보 표시           |
| 전문적인 결과   | 실제 기업을 참조하는 애플리케이션은 신뢰성 있게 보임   |
| 시간 절약     | 패키지 조사 및 데이터 수집을 수동으로 할 필요 없음   |

### 출처 인용

Agent가 웹 검색을 사용할 때 정보가 어디서 왔는지 정확히 보여주는 **출처 인용**을 제공합니다. 이 인용을 사용하여:

* **정보 검증**: 출처의 신뢰성과 정확성 확인
* **더 알아보기**: 더 많은 컨텍스트를 위해 원본 출처 방문
* **출처 참조**: 애플리케이션에 적절한 출처 표시 포함
* **조사 추적**: Agent의 작업에 어떤 정보가 영향을 미쳤는지 이해

### 콘텐츠 가져오기

Agent는 특정 웹사이트에서 자세한 콘텐츠를 가져와 프로젝트에 포괄적인 정보를 수집할 수 있습니다. 이를 통해 Agent가 다음을 수행할 수 있습니다:

* 전체 웹 페이지를 읽어 관련 세부 사항 추출
* 문서 및 참조 자료 처리
* 권위 있는 출처에서 특정 데이터 포인트 수집
* 구조화된 정보를 애플리케이션에 통합

### 실제 웹 검색 예시

**이미지 처리를 위한 패키지 발견**

<AiPrompt>
  사람들이 사진에 필터를 적용할 수 있는 React 앱을 빌드해줘. React를 위한 최고의 이미지 처리 라이브러리를 조사하고 블러, 선명도, 빈티지 효과를 구현해줘
</AiPrompt>

Agent가 현재 이미지 처리 라이브러리를 검색하고, 기능 및 성능을 비교한 다음, 가장 적합한 도구를 사용하여 앱을 빌드합니다.

<Tip>
  웹 검색은 구체적이고 상세한 요청에 가장 잘 작동합니다. 기술 발견을 위해 특정 요구 사항을 언급하세요
</Tip>

**최신 프레임워크 기능**

<AiPrompt>
  인증 및 권한 부여를 위한 최신 보안 모범 사례를 이해하기 위한 조사를 해줘. 내 앱에서 이러한 모범 사례를 구현해줘.
</AiPrompt>

Agent가 인증 및 권한 부여를 위한 최신 보안 모범 사례를 조사하고 앱에 구현합니다.

**최신 API 통합**

<AiPrompt>
  사용 가능한 가장 신뢰할 수 있고 기능이 풍부한 날씨 API를 사용하는 날씨 앱을 빌드해줘
</AiPrompt>

Agent가 현재 날씨 API를 조사하고, 기능, 신뢰성, 가격을 비교하여 필요에 가장 적합한 옵션을 선택합니다.

**스타트업 쇼케이스 웹사이트**

<AiPrompt>
  최신 Y Combinator 배치 스타트업을 소개하는 웹사이트를 빌드해줘
</AiPrompt>

Agent가 현재 YC 배치 정보를 검색하고 실제 스타트업 데이터, 로고, 설명이 있는 사이트를 만듭니다.

**개인 포트폴리오 사이트**

<AiPrompt>
  Stanford 전 연구원이자 Replit 대표이사인 Michele Catasta의 개인 웹사이트를 만들어줘.
</AiPrompt>

Agent가 전문 정보를 검색하고 관련 경험과 배경이 있는 인증된 포트폴리오를 만듭니다.

**여행 계획 앱**

<AiPrompt>
  현재 가격과 추천으로 일본 여행 플래너를 빌드해줘
</AiPrompt>

Agent가 최신 여행 비용, 명소, 계획 정보를 찾아 현실적인 여행 애플리케이션을 만듭니다.

**금융 비교 대시보드**

<AiPrompt>
  주요 클라우드 제공업체의 최신 분기 실적을 비교하는 대시보드를 만들어줘
</AiPrompt>

Agent가 최근 재무 보고서를 검색하고 현재의 정확한 데이터 시각화가 있는 대시보드를 빌드합니다.

<Warning>
  특히 중요한 애플리케이션의 경우 항상 웹 검색 결과의 정보를 확인하세요. Agent가 신뢰할 수 있는 출처를 검색하지만, 프로덕션 애플리케이션의 경우 중요한 세부 사항을 확인하세요.
</Warning>

## 다음 단계

최대 효과를 위해 웹 검색을 다른 Agent 기능과 결합하세요:

* 앱 빌드를 위한 [Agent](/references/agent/overview) 기능에 대해 알아보세요
* 더 많은 개발 기능을 위해 [Replit AI 도구](/build/welcome)를 탐색하세요