GPT 답변 퀄리티 개선해보기

export async function POST(request: NextRequest) {
  try {
    const requestData = await request.json();
    const messages = requestData.messages as ChatCompletionMessageParam[];
 
    const response = await openai.chat.completions.create({
      messages: [
        {
          role: 'system',
          content: '너는 개발 전문 챗봇이야.',
        },
        ...messages,
      ],
      model: 'gpt-3.5-turbo-0125',
    });
 
    messages.push(response.choices[0].message);
 
    return NextResponse.json({ messages });
  } catch (error) {
    return new NextResponse('An error occurred while processing your request.', { status: 500 });
  }
}

const AiModal = () => {
  const { content, setOpen } = useAiModalStore();
  const [messageParams, setMessageParams] = useState<ChatCompletionMessageParam[]>([]);
 
  const { mutate, isPending } = useMutation<
    ChatCompletionMessageParam[],
    unknown,
    ChatCompletionMessageParam[]
  >({
    mutationFn: async (messages) => {
      const res = await axios.post('/api/chatbot', {
        messages,
      });
 
      return res.data.messages;
    },
    onSuccess: (data) => {
      setMessageParams(data);
    },
  });
 
  useOnClickOutside(ref, () => setOpen(false));
 
  useEffect(() => {
    const firstMessage = [
      {
        content: `${content.content} 해당 글을 최대한 길고 자세하게 요약해줘.`,
        role: 'user' as const,
      },
    ];
    mutate(firstMessage);
  }, [content.content, mutate]);
 
  const messageProps = useMemo(() => {
    return messageParams
      .slice(1, messageParams.length)
      .filter((param): param is MessageType => param.role === 'assistant');
  }, [messageParams]);
 
  return (
   ...
  );
};

const cotMessage = `주어진 글을 요약하기 전에, 다음 단계를 따르세요: 
1. 주요 주제와 핵심 사항을 식별합니다. 
2. 각 주요 주제와 핵심 사항을 자세히 설명합니다. 
3. 각 상세 설명을 하나의 문단으로 통합하여 전체 내용을 형성합니다. 
4. 최종적으로 긴 글을 길고 자세하게 요약합니다. 
요약 본문에서 독자에게 설명하듯이 ~입니다 말투로 작성해 주세요. 
중간 과정에서는 각 단계를 명확히 구분해서 생각의 흐름을 유지하세요.`;

const fewShotMessage = `
예시 1:
원문: 오늘은 날씨가 매우 좋습니다. 나는 아침 일찍 일어나 산책을 나갔습니다. 공원에는 많은 사람들이 나와 있었고, 모두들 행복해 보였습니다.
요약: 오늘은 날씨가 좋아서 많은 사람들이 공원에서 행복하게 시간을 보냈습니다.
 
예시 2:
원문: 최근 기술 분야에서는 인공지능이 큰 화제가 되고 있습니다. 인공지능은 여러 산업에서 활용되며 우리의 삶을 혁신적으로 변화시키고 있습니다.
요약: 최근 인공지능이 여러 산업에서 사용되어 삶을 혁신적으로 변화시키고 있습니다.
 
예시 3:
원문: 새로 개봉한 영화는 매우 인상적이었습니다. 주연 배우와 스토리라인이 뛰어났으며, 시각적 효과도 훌륭했습니다. 관객들은 박수를 보냈으며 영화 평론가들에게도 호평을 받았습니다.
요약: 새로 개봉한 영화는 주연 배우와 스토리라인, 시각적 효과가 뛰어나 호평을 받았습니다.
`;

const framingMessage = `
너는 개발 전문 블로그를 위한 요약 전문가야. 
너의 역할은 주어진 긴 글을 독자가 이해하기 쉽게 요약해서 제공하는 거야. 
중요한 핵심 사항과 주요 주제를 파악하고, 이를 독자가 알기 쉽게 길고 자세히 설명하면서도, 
요약한 내용을 단순화하는 것이 중요해. 
기본적으로는 독자가 이해하기 쉽게, 상세하게 요약해줘. '~입니다' 말투를 사용해줘.
`;

// 관련 글 찾기 함수 (키워드 매칭 기반)
const findRelatedPosts = (content, tag) => {
  const relatedPosts = postsData.posts.filter(post => {
    return post.tag === tag && content.includes(post.title);
  });
 
  return relatedPosts.map(post => ({
    title: post.title,
    url: `https://www.banghojin.site/${post.tag}/${post.id}`
  }));
};
 
// 요약 요청 생성 로직
const createSummaryRequest = async (content, tag) => {
  const relatedLinks = findRelatedPosts(content, tag);
  const linksMessage = relatedLinks.length > 0
    ? `참고할 만한 다른 글들: ${relatedLinks.map(link => `[${link.title}](${link.url})`).join(", ")}`
    : "";
 
const ragMessage = (posts) =>
  `
    너는 ${posts} 위 데이터를 이용해서, 요약해야 하는 글과 관련된 내용의 링크를 추천해줄 수 있어.
    baseurl: https://www.banghojin.site 이고
    https://www.banghojin.site/tag/id 형식으로 전해주면돼
    예를들어
    {
        "id": "why-react-query",
        "tag": "study",
        "title": "React Query 왜 쓰는지 이해하기"
    }
    위 데이터는 https://www.banghojin.site/study/why-react-query 인거지
 
    `;