앱을 Firecrawl에 연결하기

웹사이트에서 구조화된 데이터를 추출하기 위해 AI 기반 스크래퍼 및 크롤러인 Firecrawl에 앱을 연결하세요.

Firecrawl은 Lovable 앱이 라이브 웹사이트 데이터로 작업할 수 있게 하는 웹 스크래핑 및 크롤링 플랫폼입니다. 일회성 가져오기나 정적 데이터셋에 의존하지 않고 웹사이트에서 지속적으로 정보를 가져오고, 업데이트하고, 구조화해야 하는 앱을 위해 설계되었습니다.

Firecrawl을 사용하면 앱에서 다음을 할 수 있습니다:

URL을 구조화된 JSON으로 스크래핑
사이트맵, 하위 페이지 및 탐색을 포함한 전체 웹사이트 크롤링
깨끗한 텍스트, 메타데이터, 제품 세부 정보, 테이블 등 추출
JavaScript 중심 사이트, 지연 로딩 및 쿠키 모달 처리
결과를 최신 상태로 유지하기 위해 일정에 따라 라이브 데이터 다시 가져오기

Firecrawl은 앱이 실시간 또는 자주 변경되는 웹사이트 콘텐츠에 의존할 때 적합합니다.

일반적인 사용 사례 및 예시 앱

예시 앱	예시 프롬프트	설명
경쟁사 트래커	경쟁사 트래커를 만들어주세요. 사용자가 경쟁사 URL을 추가합니다. Firecrawl로 각 URL을 스크래핑하고, 스냅샷을 저장하고, 일정에 따라 다시 확인하고, 변경된 내용을 표시합니다.	웹사이트 변경을 추적하여 해당 분야의 경쟁사를 모니터링하고 분석합니다. 사용자가 추적할 경쟁사 URL을 추가하면 앱이 시간이 지남에 따라 해당 URL을 다시 스크래핑하여 가격 페이지, 제품 업데이트, 문서 수정 또는 기능 발표와 같이 변경된 내용을 강조 표시합니다.
채용 공고 수집기	채용 공고 수집기를 만들어주세요. 사용자가 사전 설정 목록에서 회사를 선택합니다. Firecrawl을 사용하여 각 회사의 채용 페이지에서 목록을 가져오고, 결과를 구조화하고, 최신 상태로 유지하고, 새 역할을 강조합니다.	여러 소스(예: Greenhouse, Lever 또는 Workday)에서 채용 목록을 가져와 하나의 통합 인터페이스로 제시합니다. 사용자가 사전 설정 목록에서 회사를 선택하면 앱이 목록을 구조화된 결과로 스크래핑하고 새 역할이 나타나면 피드를 업데이트합니다.
리드 보강 도구	리드 보강 도구를 만들어주세요. 사용자가 회사 도메인을 입력합니다. Firecrawl로 주요 페이지(소개, 팀, 채용, 연락처)를 크롤링하고 공개적으로 사용 가능한 회사 세부 정보를 구조화된 프로필로 추출합니다.	회사 웹사이트에서 공개적으로 사용 가능한 정보를 사용하여 회사 프로필을 보강합니다. 사용자가 회사 도메인을 붙여넣거나(또는 목록을 업로드하면) 앱이 주요 페이지를 스캔하여 사람 및 회사 정보, 기술 스택 신호, 위치, 채용 및 연락처 세부 정보를 추출하고 각 회사에 대해 추출된 필드를 저장합니다.
이커머스 가격 모니터	가격 모니터를 만들어주세요. 사용자가 제품 URL을 저장합니다. Firecrawl을 사용하여 가격 및 재고를 추출하고, 일정에 따라 확인하고, 기록을 저장하고, 변경 시 알립니다.	이커머스 사이트 전반에서 제품 가용성 및 가격을 추적합니다. 사용자가 제품 URL을 저장하면 앱이 일정에 따라 확인하고, 스냅샷을 기록하고, 변경을 플래그하고, 가격이 하락하거나 제품이 재입고되면 사용자에게 알립니다.
브랜드 자산 추출기	브랜드 키트 추출기를 만들어주세요. 사용자가 웹사이트 URL을 입력합니다. Firecrawl을 사용하여 색상, 글꼴 및 로고를 추출하고 간단한 브랜드 키트를 출력합니다.	모든 웹사이트에서 경량 브랜드 키트를 생성합니다. 사용자가 회사 URL을 입력하면 앱이 브랜드 관련 페이지를 스크래핑하여 글꼴, 색상, 로고 및 스타일 토큰을 추출합니다.
지식 추출기	지식 추출기를 만들어주세요. 사용자가 URL을 붙여넣습니다. Firecrawl을 사용하여 깨끗한 markdown + 메타데이터를 반환하고, 저장하고, 다시 동기화할 수 있게 합니다.	모든 웹페이지를 깨끗하고 재사용 가능한 콘텐츠로 변환합니다. 사용자가 URL을 붙여넣으면 앱이 페이지를 깨끗한 markdown, 구조화된 메타데이터, 읽기 가능한 텍스트 및 테이블과 같은 유용한 구조화된 요소로 변환하여 검색, 요약 또는 재사용에 사용할 수 있게 합니다.

Firecrawl 연결 방법

워크스페이스 관리자 및 소유자가 Firecrawl을 연결할 수 있습니다. 연결을 추가할 때 다음 중에서 선택할 수 있습니다:

Managed by Lovable (Firecrawl 계정 또는 API 키 필요 없음)

Managed by Lovable을 선택하면 Firecrawl을 2026년 1월 31일까지 Lovable을 통해 무료로 사용할 수 있습니다.
자체 자격 증명 (자체 Firecrawl API 키 사용)

연결이 생성되면 Firecrawl을 워크스페이스의 모든 프로젝트에서 사용할 수 있습니다.

Firecrawl 연결 방법에 따라 아래 설정 단계를 따르세요.

가장 빠른 설정을 원하면 이 옵션을 선택하세요. Firecrawl 계정이나 API 키를 생성할 필요가 없습니다. Lovable이 자격 증명을 제공하고 관리합니다.

Firecrawl을 연결하려면:

설정 → 커넥터 → 공유 커넥터로 이동하여 Firecrawl을 선택합니다.
Add connection을 클릭합니다.
Display name: 연결 이름을 지정합니다. 예: Firecrawl Prod.
Authentication에서 Managed by Lovable을 선택합니다.
Create를 클릭합니다.

연결되면 Lovable 앱에서 Firecrawl을 사용하여 웹사이트 데이터를 스크래핑, 크롤링 및 최신 상태로 유지할 수 있습니다.

자체 Firecrawl 계정을 사용하거나, 청구를 직접 관리하거나, 자체 API 키로 속도 제한 및 환경을 제어하려면 자체 자격 증명을 가져오세요.

이 커넥터를 통해 수행되는 모든 스크래핑 및 크롤링은 Firecrawl 사용량을 소비하며, 청구는 Lovable이 아닌 Firecrawl에서 직접 처리됩니다.

다른 API 키를 사용하여 여러 Firecrawl 연결을 생성할 수 있으며, 이는 환경 분리(예: 개발 및 프로덕션) 또는 속도 제한 관리에 유용합니다.

전제 조건

Firecrawl을 연결하기 전에 다음이 있는지 확인하세요:

Firecrawl 계정 및 API 키
Lovable 워크스페이스 소유자 또는 관리자 역할

단계 1: Firecrawl 계정 및 API 키 생성

Firecrawl에서 여러 API 키를 생성할 수 있습니다. 이는 다른 환경 또는 속도 제한에 유용합니다.

Firecrawl API 키를 생성하려면:

Firecrawl로 이동하여 계정을 설정합니다.
Firecrawl 대시보드로 이동하여 API Keys 페이지로 이동합니다.
Create를 클릭합니다.
키에 설명적인 이름을 지정합니다. 예: Lovable integration.
생성된 API 키를 복사하고 안전하게 저장합니다.

API 키는 비밀번호처럼 기능합니다. 안전하게 보관하고 절대 공개적으로 공유하지 마세요. 다음 단계에서 필요합니다.

Firecrawl은 가입 시 무료 크레딧을 제공하며, 이는 연결을 테스트하고 이 설정을 완료하기에 충분합니다.

단계 2: Firecrawl을 Lovable에 연결

다른 API 키를 사용하여 여러 연결을 생성할 수 있습니다.

Firecrawl을 연결하려면:

설정 → 커넥터 → 공유 커넥터로 이동하여 Firecrawl을 선택합니다.
Add connection을 클릭합니다.
Display name: 연결 이름을 지정합니다. 예: Firecrawl Prod.
Authentication에서 Your own credentials를 선택하고 자체 Firecrawl API 키(fc-xxxxxxxx…)를 사용합니다.
Create를 클릭합니다.

연결되면 Lovable 앱에서 Firecrawl을 사용하여 웹사이트 데이터를 스크래핑, 크롤링 및 최신 상태로 유지할 수 있습니다.

Firecrawl 연결 삭제 방법

워크스페이스 관리자 및 소유자가 Firecrawl 연결을 삭제할 수 있습니다.

연결 삭제는 영구적이며 실행 취소할 수 없습니다. 연결된 모든 프로젝트에서 자격 증명이 제거되고, Firecrawl에 의존하는 모든 앱은 새 연결이 추가될 때까지 작동을 중지합니다.

연결이 여러 프로젝트에서 사용되는 경우 먼저 대체 연결을 생성하는 것을 고려하세요.

연결을 삭제하려면:

설정 → 커넥터 → 공유 커넥터로 이동하여 Firecrawl를 선택합니다.
제거하려는 연결을 엽니다.
Delete this connection에서 현재 사용 중인 프로젝트 목록을 검토합니다.
Delete를 클릭하고 확인합니다.