Morphic: 🔍질문을 잘 이해하는 생성형 UI 기반 검색 엔진의 혁신

안녕하세요! 오늘은 AI 기술을 활용한 혁신적인 검색 엔진, Morphic에 대해 알아보겠습니다. Morphic는 자연어 처리(NLP)와 생성적 AI 기술을 결합하여 사용자가 입력한 쿼리를 이해하고, 그에 맞는 최적의 결과를 제공함으로써, 사용자에게 보다 직관적이고 개인화된 검색 경험을 제공합니다. 또한 특정 URL에서 정보를 추출할 수 있고, 다양한 AI 제공업체의 모델을 지원하여 사용자는 더욱 정확하고 관련성 높은 정보를 제공받을수 있습니다. 이 블로그에서는 깃허브 5k 스타를 받고있는 Morphic의 개요, 특징 및 주요 기능과 설치방법에 대해 알아보겠습니다. 

Morphic: 🔍질문을 잘 이해하는 생성형 UI 기반 검색 엔진의 혁신

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

Morphic 개요

Morphic은 AI 기술을 활용한 혁신적인 검색 엔진으로, 사용자가 질문을 하거나 특정 작업을 수행할 때, 이에 맞춰 즉각적으로 UI 요소를 조정하고 구성하는 생성형 UI(Generative UI)를 통해 사용자 경험을 한 단계 끌어올린 프로젝트입니다. 기존의 검색 엔진들이 단순히 키워드 기반의 결과를 나열하는 데 그쳤다면, Morphic은 사용자의 질문을 깊이 있게 이해하고 맥락에 맞는 답변을 생성해 냅니다.

Morphic 답변화면: Nvidia 급속 성장 원인

Morphic의 핵심 아이디어는 검색과 대화형 AI를 결합하여 더욱 직관적이고 효율적인 정보 탐색 경험을 제공하는 것입니다. 사용자가 입력한 질문에 대해 단순히 관련 웹페이지 목록을 보여주는 것이 아니라, GPT-4o-mini, Claude-3.5-Sonnet AI가 검색 결과를 종합하고 분석하여 사용자의 의도에 맞는 구체적인 답변을 실시간으로 생성합니다.(현재 무료 이용)

GPT-4o-mini, Claude-3.5-Sonnet AI 설정

이 프로젝트는 오픈소스로 공개되어 있어 누구나 자유롭게 활용하고 개선에 참여할 수 있으며, Morphic의 공식 웹사이트(morphic.sh)는 이 오픈소스 프로젝트를 기반으로 온라인 서비스 제공에 필요한 인증 등의 추가 기능을 포함하고 있습니다. 또한 Morphic은 Next.js를 기반으로 한 프론트엔드, OpenAI의 강력한 언어 모델, Tavily AI의 검색 API, Upstash의 서버리스 데이터베이스 등 최신 웹 기술과 AI 기술을 적극 활용하여 개발되었으며, 이를 통해 사용자에게 빠르고 정확하며, 맥락에 맞는 검색 결과를 제공합니다. 

구성 요소	기술 스택
앱 프레임워크	Next.js
텍스트 스트리밍 / Generative UI	Vercel AI SDK
생성 모델	OpenAI
검색 API	Tavily AI / Serper
리더 API	Jina AI
서버리스 데이터베이스	Upstash
컴포넌트 라이브러리	shadcn/ui
헤드리스 컴포넌트 프리미티브	Radix UI

728x90

Morphic 특징 및 주요기능

Morphic은 다양한 특징과 기능을 통해 기존 검색 엔진과 차별화된 경험을 제공합니다. Morphic은 생성형 UI를 통해 질문을 분석하고 실시간으로 답변을 제공하는 AI 기반 검색 엔진으로, 질문의 의도와 맥락을 파악하여 정확한 답변을 제공하며, 특정 URL에서의 답변 추출 기능을 지원합니다. 또한, 다양한 AI 제공업체의 모델을 사용 가능하며, 브라우저의 기본 검색 엔진으로 설정할 수 있습니다.

• 생성형 UI를 통한 검색 및 답변: Morphic의 가장 큰 특징은 생성형 UI를 활용한 검색 및 답변 기능입니다. 사용자가 질문을 입력하면, AI가 이를 분석하고 관련 정보를 검색한 후, 실시간으로 답변을 생성합니다. 이 과정이 사용자 인터페이스에 동적으로 표시되어, 마치 전문가와 대화하는 듯한 경험을 제공합니다. 

Morphic 답변화면: 양자 컴퓨팅 기본 원리

• 사용자 질문에 대한 깊이 있는 이해: Morphic은 단순한 키워드 매칭을 넘어 사용자 질문의 의도와 맥락을 파악합니다. 이를 통해 보다 정확하고 관련성 높은 답변을 제공할 수 있습니다. 

Morphic 답변화면: 지속가능 에너지 자원에 대한 최신 연구동향

Morphic 답변화면: Nvidia의 성장원인

• 검색 기록 기능: 사용자의 검색 기록을 저장하고 관리하는 기능을 제공합니다. 이를 통해 사용자는 이전에 찾아본 정보를 쉽게 다시 확인할 수 있으며, 연속적인 학습이나 연구에 도움을 받을 수 있습니다. 

Morphic 검색기록

• 검색 결과 공유 기능: 흥미로운 검색 결과나 유용한 정보를 다른 사람과 쉽게 공유할 수 있는 기능을 제공합니다. 이 기능은 선택적으로 활성화할 수 있어, 사용자의 프라이버시를 존중합니다. 

Morphic 검색 결과 공유

• 비디오 검색 지원: 텍스트 기반 검색뿐만 아니라 비디오 콘텐츠에 대한 검색도 지원합니다. 이 기능을 통해 사용자는 관심 있는 주제에 대한 영상 자료도 쉽게 찾을 수 있습니다. 

Morphic 비디오 검색

• 특정 URL에서 답변 추출: 사용자가 지정한 특정 웹사이트나 URL에서 정보를 추출하여 답변을 생성할 수 있습니다. 이는 특정 출처의 정보만을 원하는 경우 유용합니다. 

Morphic 답변: 특정 URL 답변 추출

• 다양한 AI 제공업체 지원: OpenAI 외에도 Google Generative AI, Anthropic, Ollama 등 다양한 AI 제공업체의 모델을 지원합니다. 이를 통해 사용자는 자신의 요구에 가장 적합한 AI 모델을 선택하여 사용할 수 있습니다. Ollama는
• 브라우저 검색 엔진으로 설정 가능: Morphic을 브라우저의 기본 검색 엔진으로 설정할 수 있어, 일상적인 웹 서핑 시에도 AI 기반의 강력한 검색 기능을 활용할 수 있습니다.

크롬 브라우저 Morphic 검색엔진 설정

이러한 다양한 기능들을 통해 Morphic은 단순한 검색 도구를 넘어 지능형 정보 어시스턴트로서의 역할을 수행합니다. 사용자의 정보 요구를 정확히 파악하고, 관련성 높은 답변을 생성하여 제공함으로써 정보 검색과 학습의 효율성을 크게 향상시킵니다.

 

Morphic 로컬 설치방법

Morphic을 사용하고자 하는 일반 사용자는 https://www.morphic.sh/ 공식 웹사이트에 접속하여 이메일로 가입하시면 바로 사용하실 수 있습니다. 다양한 기술에 관심이 있으신 분은 다음의 단계별 가이드를 따라 로컬 환경에 설치할 수 있습니다.

 

1단계: 저장소 클론

GitHub Morphic 저장소를 로컬 환경에 복제합니다: 

git clone https://github.com/miurla/morphic.git

GitHub 저장소 클론

2단계: 의존성 설치

프로젝트 디렉토리로 이동하여 필요한 의존성을 설치합니다: 

cd morphic
bun install

의존성 설치

3단계: Upstash Redis 설정

Morphic은 Upstash Redis 서버리스(Serverless) 데이터베이스로 사용합니다. Upstash 콘솔(https://console.upstash.com/redis)에서 새 데이터베이스를 생성하고 필요한 정보를 얻습니다:

1. Upstash 무료 계정을 생성하거나 로그인합니다.

2. 새 Redis 데이터베이스를 생성합니다.

새 Redis 데이터베이스 생성

3. 생성된 데이터베이스의 `UPSTASH_REDIS_REST_URL`과 `UPSTASH_REDIS_REST_TOKEN`을 복사해 둡니다. 

REDIS_REST_URL과 TOKEN 복사

4단계: 환경 변수 설정

프로젝트 루트 디렉토리에 `.env.local` 파일을 생성하고 필요한 환경 변수를 설정합니다:

cp .env.local.example .env.local

`.env.local` 파일을 열고 다음 정보를 입력합니다: 

# OpenAI API key retrieved here: https://platform.openai.com/api-keys
OPENAI_API_KEY=your_openai_api_key

# Tavily API Key retrieved here: https://app.tavily.com/home
TAVILY_API_KEY=your_tavily_api_key

# Upstash Redis URL and Token retrieved here: https://console.upstash.com/redis 
UPSTASH_REDIS_REST_URL=your_upstash_redis_url
UPSTASH_REDIS_REST_TOKEN=your_upstash_redis_token

각 API 키와 토큰은 해당 서비스의 웹사이트에서 발급받을 수 있습니다.

.env.local 환경 변수 설정

5단계: 로컬에서 앱 실행

모든 설정이 완료되었다면, 다음 명령어로 Morphic을 로컬 환경에서 실행할 수 있습니다: 

bun dev

이제 웹 브라우저에서 `http://localhost:3000`으로 접속하여 Morphic을 사용할 수 있습니다. 

로컬에서 Morphic 앱 실행

http://localhost:3000 Morphic 로컬 환경 실행

추가 설정: 브라우저 검색 엔진으로 설정

Morphic을 브라우저의 기본 검색 엔진으로 설정하려면 다음 단계를 따릅니다:

1. 브라우저 설정을 엽니다.

2. 검색 엔진 설정 섹션으로 이동합니다.

검색 엔진 설정 섹션

3. "검색 엔진 및 사이트 검색 관리"를 선택합니다.

4. "사이트 검색" 아래에서 "추가"를 클릭합니다.

5. 다음과 같이 필드를 채웁니다:

   - 검색 엔진: Morphic, 단축어: morphic, 쿼리 대신 %s가 있는 URL: https://morphic.sh/search?q=%s

6. "추가"를 클릭하여 새 검색 엔진을 저장합니다.

7. 목록에서 "Morphic"을 찾아 옆의 점 세 개를 클릭하고 "기본값으로 설정"을 선택합니다.

이제 브라우저 주소창에서 바로 Morphic을 이용한 검색을 할 수 있습니다. 

맺음말

Morphic은 AI 기술을 활용한 혁신적인 검색 엔진으로, 사용자에게 더욱 직관적이고 개인화된 검색 경험을 제공합니다. Morphic의 생성형 UI와 다양한 AI 모델 지원을 통해, 사용자 질문에 대한 깊이 있는 이해와 구체적인 답변을 실시간으로 제공합니다. 또한, 검색 기록 관리, 검색 결과 공유, 비디오 검색 지원 등 다양한 기능을 갖추고 있어, 정보 탐색과 학습의 효율성을 크게 향상시킵니다.

 

Morphic을 사용해 본 후기는 다음과 같습니다.

• 깔끔하고 직관적인 인터페이스로 사용이 편리하다
• 궁금한 내용을 첫 번째 검색결과에서 바로 찾을 수 있다. 
• 웹 주소와 같이 검색하면 사이트의 내용까지 바로 검색할 수 있다.

 

Morphic은 공식 웹사이트에서 쉽게 사용할 수 있으며, GPT-4o mini도 무료로 사용해 볼 수 있으니, 여러분도 한번 사용해 보시면 좋을 것 같습니다. Morphic을 통해 새로운 차원의 검색 경험을 누려보시기 바랍니다.

 

https://fornewchallenge.tistory.com/

 

 

2024.05.24 - [AI 도구] - 🔎퍼플렉시카: 다양한 검색 엔진을 통합하는 AI 기반 메타 검색 엔진

🔎퍼플렉시카: 다양한 검색 엔진을 통합하는 AI 기반 메타 검색 엔진