Skip to content

Latest commit

 

History

History
 
 

ko

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 



🤖 ChatGPT를 위한 강력한 클라이언트 사이드 자바스크립트 라이브러리



💡 개요

chatgpt.js 는 Chat GPT DOM과 매우 간편한 상호작용을 가능하게 하는 강력한 자바스크립트 라이브러리입니다.

  • 풍부한 기능
  • 객체지향
  • 손쉬운 사용
  • 경량화 (최적의 성능 제공)

⚡ 라이브러리 호출

ES6:

(async () => {
    await import('https://code.chatgptjs.org/chatgpt-latest.min.js');
    // 코드를 여기에 작성해 주세요...

})();

ES5:

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://code.chatgptjs.org/chatgpt-latest.min.js');
xhr.onload = function () {
    if (xhr.status === 200) {
        var chatgptJS = document.createElement('script');
        chatgptJS.textContent = xhr.responseText;
        document.head.appendChild(chatgptJS);
        yourCode(); // 당신의 코드를 작성해주세요 

    }
};
xhr.send();

function yourCode() {
    // 코드를 여기에 작성해 주세요...

}

Greasemonkey:

참고 스타터 템플릿을 사용하시려면: kudoai/chatgpt.js-greasemonkey-starter

Greasy Fork와 같은 사용자 스크립트 저장소는 미리 승인된 CDN(예: cdn.jsdelivr.net에서의 커밋별 참조)의 화이트리스트를 유지합니다. 따라서, 삽입된(import) URL은 길이가 상당히 길어지게 되는데, 이는 이러한 사이트의 게시를 보존하기 위함입니다.

...
// @require https://cdn.jsdelivr.net/gh/kudoai/chatgpt.js@1a4dd2c052e91bcae40bc2b4dd4ec5849a31cbd5/dist/chatgpt-2.3.18.min.js
// ==/UserScript==

// 코드를 여기에 작성해 주세요...

만약 이러한 저장소(repo)에 게시하지 않으신다면, 더 간단한 https://code.chatgptjs.org/chatgpt-latest.min.js 를 대신 사용하여 가장 최근에 압축된 버전을 가져 올 수 있습니다.

Chrome:

참고 스타터 템플릿을 사용하시려면: kudoai/chatgpt.js-chrome-starter

Google은 원격 코드를 허용하지 않으므로 chatgpt.js를 로컬로 가져와야 합니다:

  1. https://raw.githubusercontent.com/kudoai/chatgpt.js/main/chatgpt.js 를 하위 디렉토리에 저장합니다. (lib 이라고 가정)

  2. lib/chatgpt.js 의 끝에 ES6 export 문을 추가합니다.

...
export { chatgpt }
  1. 프로젝트(V3)의 manifest.json 파일에, lib/chatgpt.js를 웹에서 접근가능한 리소스로 추가합니다.
    "web_accessible_resources": [{
        "matches": ["<all_urls>"],
        "resources": ["lib/chatgpt.js"]
    }],
  1. chatgpt.js 를 필요로하는 스크립트 (전경/배경 같은) 에서는 다음과 같이 가져옵니다.
(async () => {
    const { chatgpt } = await import(chrome.runtime.getURL('lib/chatgpt.js'));
    // 코드를 여기에 작성해 주세요...
})();

💻 사용법

chatgpt.js 는 유연성을 상당히 고려하여 작성되었습니다.

예시:

chatgpt.getLastResponse();
chatgpt.getLastReply();
chatgpt.response.getLast();
chatgpt.get('reply', 'last');

각 호출은 동일한 방식으로 최신 응답을 가져옵니다. 만약 잘 작동한다고 생각하신다면, 그렇게 하시면 될겁니다... 그러니 그냥 입력하세요!

그렇지 않은 경우 확장된 사용자 가이드를 확인하거나 간단히 문제 또는 PR을 주시면 통합될 것 입니다, 참 쉽죠!

🤖 chatgpt.js로 만들어진 프로젝트

demo.mp4

최대 개인정보를 위해 ChatGPT 쿼리 히스토리를 자동으로 지는 기능입니다.
설치 / 리드미 / 토론

ChatGPT에 자동으로 DAN 프롬프트를 전송하는 기능입니다.
설치 / 리드미 / 토론

Brave Search 사이드바에 ChatGPT의 답변을 표시해주는 기능입니다. (GPT-4 기반)
설치 / 리드미 / 토론

자동으로 여러 개의 ChatGPT 응답을 계속해서 생성하는 기능입니다.
설치 / 리드미 / 토론

ChatGPT 세션을 최신 상태로 유지하여 채팅 시간 제한 + 네트워크 오류 + Cloudflare 검사를 제거합니다..
설치 / 리드미 / 토론

DuckDuckGo 사이드바에 ChatGPT의 답변을 표시해주는 기능입니다. (GPT-4 기반)
설치 / 리드미 / 토론

Google Search 사이드바에 ChatGPT의 답변을 표시해주는 기능입니다. (GPT-4 기반)
설치 / 리드미 / 토론 करना




chatgpt.js 를 사용해 공유하고 싶은 프로젝트가 있다면, [email protected] 로 이메일을 보내시거나 pull request를 열어주세요!

🧠 기여자

이 라이브러리는 다음 기여자들의 코드, 번역, 이슈 및 아이디어 덕분에 존재합니다:



🤝 파트너

chatgpt.js는 다음에서 부분적으로 자금을 지원받습니다: