prompt 수정, console 제거 (#123)

package.json

@@ -68,6 +68,7 @@
     "axios": "^1.6.8",
     "bootstrap": "^5.3.3",
     "clsx": "^2.1.1",
+    "dayjs": "^1.11.11",
     "firebase": "^10.11.1",
     "openai": "^4.40.2",
     "openai-edge": "^1.2.2",

src/api/gpt.tsx

@@ -51,46 +51,47 @@ export const CallGPT = async (repoData: RepoData) => {
       프로젝트에 대한 설명: ${descriptionList}
       ${aboutRepo.map(item => `${item.title}: ${item.value}`).join("\n")}
   
-      위의 값들은 github API를 이용해서 레포지토리의 정보를 가져온 것이고, 아래는 README 파일을 생성하는데 사용될 예시 템플릿입니다. 위의 정보들을 사용해 아래 각각의 섹션들에 해당하는 내용을 추가해서 README를 작성해주세요. 
+      위의 데이터들은 README 파일을 작성하려는 프로젝트에 대한 정보이고, 아래는 README 파일을 생성하는데 사용될 예시 템플릿입니다. 
+      위의 데이터를 사용해 아래 각각의 섹션들에 해당하는 내용을 예시와 같은 형태로 프로젝트에 맞게 README를 작성해주세요. 
       추가적으로 생략되는 섹션이 없도록 해주세요.
       "" 안에 들어있는 내용들을 각각의 섹션에 들어가야 할 내용을 설명해 놓은 것입니다.
-      ''안에 들어있는 내용은 예시입니다. 만약 해당 섹션에 추가할 내용을 가져올 수 없는 경우에는 예시와 똑같이 작성하지 말고 "직접 입력해주세요" 라는 문구를 넣어주세요.
+      ''안에 들어있는 내용은 어떻게 작성되어야 하는지에 대한 예시 내용입니다. 
+      만약 해당 섹션에 추가할 내용을 찾을 수 없는 경우에는 예시의 내용과 상관없이 "내용을 직접 입력해주세요" 라는 문구를 넣어주세요.
+      
+      여기부터 아래로는 README 파일을 작성하는데 사용될 예시 템플릿입니다.
   
-      "아래 이미지는 무조건 추가해줘"
+      "아래 이미지는 리드미 파일 맨위에 항상 추가해줘"
       
       ![프로젝트-로고나 메인화면-입력해주세요](https://github.com/Readme-Monster/readme-monster/assets/88364280/96e680e5-613f-4818-8603-8afbb0c9acb1)
       
-      "최근 커밋이나 업데이트에 해당하는 값을 아래와 같은 형식으로 가져와서 넣어주세요."
+      "최근 커밋이나 업데이트에 해당하는 값을 나타내주는 부분입니다. 아래와 같은 형식으로 데이터를 가져와서 넣어주세요."
   
       [![Commit Activity](https://img.shields.io/github/commit-activity/m/${githubRepo.slice(-2).join("/")})](https://github.com/${githubRepo.slice(-2).join("/")}/pulse)
   
-      # 레포지토리 이름
-  
-      "레포지토리에 대한 간략한 설명이 들어가는 위치입니다. 위의 프로젝트에 대한 설명 데이터를 이용해 작성해주세요. 해당하는 내용을 찾을 수 없는 경우 '직접 작성해주세요'라고 작성해주세요."
+      # 레포지토리의 이름
   
-      'Readme Monster는 GitHub 레포지토리의 Readme 파일을 자동으로 생성해주는 서비스입니다.'
+      "레포지토리에 대한 간략한 설명이 들어가는 위치입니다. 위에서 전달받은 프로젝트에 대한 설명 데이터와 레포지토리의 설명 데이터를 이용해 자연스럽게 작성해주세요. 해당 데이터가 없는 경우 '직접 작성해주세요'라고 작성해주세요."
   
       ## 링크
   
       "레포지토리에 관련된 링크들이 들어갈 위치입니다."
   
       '- [서비스 바로가기](배포되어있는 링크가 들어갈 위치)'
       '- [디자인](디자인 관련 링크가 들어갈 위치)'
-      '- [Wiki](위키 링크가 들어갈 위치)'
+      '- [Wiki](깃허브 위키탭의 링크가 들어갈 위치)'
   
       ## 기술 스택
   
-      "해당 레포지토리에서 사용된 기술 스택들이 들어갈 위치입니다. 위에서 가져온 정보중에 사용한 기술 스택에 해당하는 내용을 참고해서 작성해주세요"
-      "아래의 배지는 예시로 사용된 것이니, 직접 사용하실 때에는 해당 기술 스택에 맞는 배지를 사용해주세요."
+      "해당 레포지토리에서 사용된 기술 스택들이 들어갈 위치입니다. 위에서 전달받은 레포지토리의 프로그래밍 언어 데이터와 사용한 기술 스택 데이터를 모두 추가해서 작성해주세요"
+      "아래의 배지는 예시로 사용된 것이니, 직접 사용하실 때에는 해당 기술 스택에 맞는 배지에 대한 데이터를 사용해주세요."
       
       '![Badge](https://img.shields.io/badge/TypeScript-3178C6?style=flat&logo=typescript&logoColor=white)'
   
       ## 설치 방법
   
       "해당 프로젝트를 로컬 환경에서 실행시키기 위해 실행해야하는 명령어들이 들어갈 위치"
-      "아래의 예시는 yarn을 사용하는 경우입니다. 위에서 주어진 사용하는 패키지 매니저 값에 따라서 해당하는 패키지 매니저를 사용하는 방법을 추가해주세요."
-  
-      'yarn install'
+
+      "위에서 전달받은 사용하는 패키지 매니저 데이터값에 따라 해당 패키지매니저를 사용하는 방법을 추가해주세요."
   
       ## 팀원을 소개합니다
   
@@ -102,23 +103,18 @@ export const CallGPT = async (repoData: RepoData) => {
       
       '|[![](https://avatars.githubusercontent.com/u/팀원1 avatar_url)](https://github.com/팀원1)|[![](https://avatars.githubusercontent.com/u/팀원2 avatar_url)](https://github.com/팀원2)|[![](https://avatars.githubusercontent.com/u/팀원3 avatar_url)](https://github.com/팀원3)|[![](https://avatars.githubusercontent.com/u/팀원4 avatar_url)](https://github.com/팀원4)|'
       '|:---:|:---:|:---:|:---:|'
-      '| 팀원1 이름 | 팀원2 이름 | 팀원3 이름 | 팀원4 이름 |'
+      '| 팀원1 | 팀원2 | 팀원3 | 팀원4 |'
   
       ## 코드 기여자
   
-     " 코드 기여자들의 GitHub 프로필 링크가 들어갈 위치입니다. 코드 기여자들의 프로필 링크를 추가해주세요."
-      
+     "코드 기여자들의 GitHub 프로필 링크가 들어갈 위치입니다. 코드 기여자들의 프로필 링크를 추가해주세요."
 `;
 
   const configuration = new Configuration({
     apiKey: openAiKey,
   });
   const openai = new OpenAIApi(configuration);
 
-  // const prompt = "안녕";
-
-  console.log("prompt", prompt);
-
   try {
     const response = await openai.createChatCompletion({
       model: "gpt-3.5-turbo-16k",

src/components/Editor/Components/AiGenerator.tsx

@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck
 import React, { useEffect, useRef, useState } from "react";
-import { Configuration, OpenAIApi } from "openai-edge";
 import axios from "axios";
+import dayjs from "dayjs";
 
 import LoadingSpinner from "components/Common/LoadingSpinner/LoadingSpinner";
 import { CallGPT } from "api/gpt";
@@ -52,7 +52,7 @@ const AiGenerator = ({
     if (description) {
       setDescriptionList(description);
     }
-  }, [githubAddress, openAiKey, techStack, packageManager]);
+  }, [githubAddress, openAiKey, techStack, packageManager, description]);
 
   useEffect(() => {
     if (formList) {
@@ -68,7 +68,7 @@ const AiGenerator = ({
 
   const getRepos = async () => {
     if (!githubRepo.length || !openAiToken) {
-      alert("Please enter the GitHub repository address and OpenAI key.");
+      alert("깃허브 레포지토리 주소와 OpenAI 키를 입력해주세요.");
       return;
     }
 
@@ -90,7 +90,6 @@ const AiGenerator = ({
           member?.data.map(ele => ele.login).join(),
           member?.data.map(ele => ele.avatar_url).join(),
         );
-        // console.log("aiResponse", aiResponse);
         // setResponseData(aiResponse.choices[0].message.content.trim());
       }
     } catch (error) {
@@ -116,7 +115,7 @@ const AiGenerator = ({
 
     setIsLoading(true);
     const stream = await CallGPT(repoData);
-    console.log(stream);
+
     await handleStreamResponse(stream, chunk => {
       if (responseContainerRef.current) {
         responseContainerRef.current.innerText += chunk;
@@ -125,18 +124,17 @@ const AiGenerator = ({
     });
   };
 
-  console.log(responseData);
-
   const handleCloseModal = () => {
     setIsModalOpen(false);
     if (prevResponseData.current !== responseData && responseData) {
       prevResponseData.current = responseData;
 
       const newSectionId = state.editSections.length + state.selectSections.length + 1;
+      const currentDateTime = dayjs().format("DD/MM/YY HH:mm");
       const newSection = {
         id: newSectionId,
-        name: "자동생성RM",
-        title: "자동생성RM",
+        name: `RM ${currentDateTime}`,
+        title: `RM ${currentDateTime}`,
         markdown: responseData,
       };
 

src/components/Editor/Components/AutoForm.tsx

@@ -48,9 +48,6 @@ const AutoForm = () => {
   const packageManagerInputStyle = createInputStyle(packageManager);
   const descriptionInputStyle = createInputStyle(description);
 
-  console.log("openAiKey", openAiKey);
-  console.log("githubAddress", githubAddress);
-  console.log("formList", formList);
   return (
     <div className="w-full h-full max-h-full rounded-[8px] bg-white border-solid border border-textTertiary p-[20px] flex flex-col gap-[30px]">
       <div className="w-full min-h-[140px] flex-Center flex-col text-center">

src/components/MyPage/UserPrevious/index.tsx

@@ -32,8 +32,6 @@ const UserPreviousList = ({
     const savedDate = new Date(seconds * 1000);
     const difference = Math.floor((currentDate.getTime() - savedDate.getTime()) / (1000 * 3600 * 24));
 
-    console.log(difference);
-
     if (difference === 0) {
       return "Today";
     } else if (difference === 1) {

src/index.tsx

@@ -13,8 +13,6 @@ import { TabProvider } from "context/TabContext";
 
 const rootElement = document.getElementById("root");
 
-console.log(firebase);
-
 if (rootElement) {
   const root = ReactDOM.createRoot(rootElement);
   root.render(
@@ -30,7 +28,7 @@ if (rootElement) {
           </SectionProvider>
         </ThemeContextProvider>
       </AuthContextProvider>
-    </React.StrictMode>
+    </React.StrictMode>,
   );
 } else {
   console.error("Failed to find the root element");

src/pages/BoardPage/index.tsx

@@ -21,7 +21,6 @@ const BoardPage = () => {
         const newComments: Comment[] = [];
         querySnapshot.forEach(doc => {
           const data = doc.data() as Comment;
-          console.log(data);
           newComments.push(data);
         });
         newComments.sort((a, b) => b.registrationDate.seconds - a.registrationDate.seconds);

src/pages/LoginPage/index.tsx

@@ -102,7 +102,6 @@ const LoginPage = () => {
     try {
       const result = await signInWithPopup(auth, provider);
       const additionalUserInfo = getAdditionalUserInfo(result);
-      console.log(result.user);
 
       if (additionalUserInfo?.isNewUser) {
         await addDoc(collection(db, "userInfo"), {
@@ -119,7 +118,6 @@ const LoginPage = () => {
     } catch (error: any) {
       console.error("Error signing in with Google:", error);
       handleFirebaseError(error);
-      console.log(error);
     }
   }
 

src/pages/SignupPage/index.tsx

@@ -139,7 +139,6 @@ function SignupPage() {
 
     try {
       const result = await signInWithPopup(auth, provider);
-      console.log(result.user);
 
       await addDoc(collection(db, "userInfo"), {
         name: result.user.displayName,

src/pages/myPage/index.tsx

@@ -53,10 +53,7 @@ const MyPage = () => {
       const querySnapshot = await getDocs(collection(db, "userInfo"));
       const userEmail = await handleGetUserEmail();
 
-      console.log(userEmail);
-
       querySnapshot.forEach(doc => {
-        console.log(doc.data());
         const { name, email, sections, image } = doc.data();
         if (email === userEmail) {
           setUserInfo(prev => ({

yarn.lock

@@ -7474,6 +7474,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dayjs@npm:^1.11.11":
+  version: 1.11.11
+  resolution: "dayjs@npm:1.11.11"
+  checksum: 10c0/0131d10516b9945f05a57e13f4af49a6814de5573a494824e103131a3bbe4cc470b1aefe8e17e51f9a478a22cd116084be1ee5725cedb66ec4c3f9091202dc4b
+  languageName: node
+  linkType: hard
+
 "debug@npm:2.6.9, debug@npm:^2.6.0":
   version: 2.6.9
   resolution: "debug@npm:2.6.9"
@@ -15810,6 +15817,7 @@ __metadata:
     axios: "npm:^1.6.8"
     bootstrap: "npm:^5.3.3"
     clsx: "npm:^2.1.1"
+    dayjs: "npm:^1.11.11"
     eslint: "npm:8"
     eslint-config-prettier: "npm:^9.1.0"
     eslint-plugin-react: "npm:^7.34.1"