> ## 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.

# Web Search

> 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의 Web Search <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="Web Search 아이콘" width="16" height="16" data-path="images/icons/web-search.svg" /> 기능으로 최신의 실제 데이터를 활용한 애플리케이션을 만들어 보세요.

이 기능은 웹의 최신 정보를 가져와 지식 컷오프의 한계를 뛰어넘습니다. 최신 정보가 필요한 무언가를 만들어달라고 요청하면, 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="앱 개발을 위해 최신 정보를 수집하기 위해 Web Search를 수행하는 Agent" width="1920" height="1080" data-path="images/replitai/web-search-header.jpg" />
</Frame>

Web Search는 최신 패키지, 도구, 정보를 찾는 데 유용합니다. 이를 통해 앱이 최신 모범 사례를 사용하고 더 정확해지도록 보장합니다.

## 기능

Agent의 Web Search로 최신 정보를 활용한 애플리케이션을 만들어 보세요. 이를 통해 수동 리서치와 데이터 수집이 필요 없어집니다. 금융 데이터를 담은 대시보드를 만들든, 최근 스타트업 출시 정보를 보여주는 웹사이트를 만들든, Web Search는 앱이 현실을 반영하도록 보장합니다.

Agent가 수행할 수 있는 Web Search 작업:

* **검색**: 인터넷에서 최신 정보, 최신 문서, 실시간 데이터를 찾기
* **콘텐츠 가져오기**: 특정 웹사이트와 URL에서 상세 정보를 가져오기
* **출처 인용**: Agent가 정보를 어디에서 찾았는지 정확히 확인하여 검증하고 참조하기

## 사용법

Web Search는 Agent에 내장되어 있어 따로 켤 필요가 없습니다. 만들고 싶은 것을 설명하면 Agent가 최신 정보를 검색할 시점을 자동으로 판단합니다. 프롬프트에 "검색해줘", "조사해줘", "Web Search를 사용해줘" 같은 키워드를 포함하면 Agent가 명시적으로 검색하도록 유도할 수 있습니다.

### Agent가 Web Search를 사용하는 경우 <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="Web Search 아이콘" 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="앱 개발을 위한 Web Search 결과와 출처 인용을 보여주는 Agent 인터페이스" width="1920" height="1080" data-path="images/replitai/web-search.jpg" />
</Frame>

Agent는 최신 데이터가 필요한 정보를 요청할 때 Web Search를 트리거합니다:

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

### Web Search가 앱을 개선하는 방식

Web Search는 여러분의 애플리케이션을 플레이스홀더 데이터에서 실제 정확한 정보로 전환시켜 줍니다:

| 이점        | 설명                                      |
| --------- | --------------------------------------- |
| 최신 기술     | 앱이 학습 데이터에 없는 최신 정보와 패키지를 사용합니다         |
| 최적의 도구 선택 | Agent가 옵션을 조사해 최적의 패키지를 선택합니다           |
| 최신 모범 사례  | 최신 개발 패턴과 보안 관행에 접근할 수 있습니다             |
| 한계 극복     | 학습 이후 출시된 패키지를 사용할 수 있도록 지식 컷오프를 뛰어넘습니다 |
| 정확한 데이터   | 앱이 오래된 예시 대신 최신 정보를 표시합니다               |
| 전문적인 결과   | 실제 기업을 참조하는 애플리케이션은 더 신뢰감을 줍니다          |
| 시간 절약     | 패키지를 수동으로 조사하고 데이터를 수집하는 수고를 덜어줍니다      |

### 출처 인용

Agent가 Web Search를 사용할 때, 정보가 정확히 어디서 나왔는지 보여주는 **출처 인용**을 제공합니다. 이 인용을 다음과 같이 활용하세요:

* **정보 검증**: 출처의 신뢰성과 정확성을 확인
* **더 알아보기**: 더 많은 맥락을 위해 원본 출처를 방문
* **출처 참조**: 애플리케이션에 적절한 출처 표시를 포함
* **리서치 추적**: Agent의 작업에 어떤 정보가 반영되었는지 파악

### 콘텐츠 가져오기

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

* 전체 웹페이지를 읽어 관련 세부 정보를 추출
* 문서와 참조 자료를 처리
* 신뢰할 수 있는 출처에서 특정 데이터를 수집
* 구조화된 정보를 애플리케이션에 통합

### Web Search 활용 예시

**이미지 처리를 위한 패키지 탐색**

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

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

<Tip>
  Web Search는 구체적이고 상세한 요청에서 가장 효과적입니다. 기술 탐색을 위해서는 구체적인 요구 사항을 언급하세요
</Tip>

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

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

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

**최신 API 통합**

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

Agent는 현재 날씨 API들을 조사하고, 필요에 맞는 최선의 옵션을 선택하기 위해 기능, 신뢰성, 가격을 비교합니다.

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

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

Agent는 최신 YC 배치 정보를 검색하고 실제 스타트업 데이터, 로고, 설명이 담긴 사이트를 만듭니다.

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

<AiPrompt>
  스탠퍼드 출신 전 연구원이자 Replit의 President인 Michele Catasta를 위한 개인 웹사이트를 만들어줘.
</AiPrompt>

Agent는 전문 정보를 검색해 관련 경력과 배경이 담긴 진정성 있는 포트폴리오를 만듭니다.

**여행 계획 앱**

<AiPrompt>
  현재 가격과 추천 정보가 담긴 일본 여행 플래너를 만들어줘
</AiPrompt>

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

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

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

Agent는 최근 재무 보고서를 검색하고 최신의 정확한 데이터로 시각화된 대시보드를 만듭니다.

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

## 다음 단계

Web Search를 다른 Agent 기능과 결합해 최대의 효과를 얻으세요:

* 앱 빌드를 위한 [Agent](/ko/features/agent/overview) 기능 알아보기
* 더 많은 개발 기능을 위한 [Replit AI 도구](/ko/build/welcome) 살펴보기