ChatGPT를 사용하여 API 키 없이 명언 생성기를 만드는 방법

안녕하세요! 이번 포스트에서는 ChatGPT를 사용하여 소셜 미디어 콘텐츠 생성기를 만드는 방법에 대해 알아보겠습니다. 이를 위해 HTML 및 CSS를 사용하여 오프라인에서 작동하는 인용 생성기를 생성하고, API 키 없이 PEXELS API에서 임의의 이미지를 추가합니다. 이 자습서를 따르면 소셜 미디어 플랫폼에서 콘텐츠를 더 빠르고 쉽게 만들 수 있습니다.

1. 기본 앱
우선, HTML 파일을 만들어 보겠습니다. 이를 위해 ChatGPT를 열고 다음 프롬프트를 입력하세요.

 

"HTML5 임의 인용 생성기를 생성하고 API 키 없이 무료 외부 API를 사용하여 1개의 HTML 파일에 제목 "오늘의 인용문" 버튼 캡션 "새 인용문", 인용문 자리 표시자에 대한 자동 높이 및 너비가 없습니다. 웹 서버, 로컬 전용 생성"

프로세스가 완료되면 모든 HTML 코드를 복사하고 메모장이나 텍스트 편집기에 붙여 넣은 다음, quotes generator dot html로 파일 이름을 지정하여 저장하세요.

quotes generator dot.txt

0.00MB

2. 스타일
이제 앱이 보기 좋게 만들기 위해 CSS3 스타일을 추가합니다. 다음 프롬프트를 ChatGPT에 입력하세요.

"아름다운 CSS3 디자인 추가"

모든 CSS 코드를 복사하고, HTML 파일의 head 부분에 붙여 넣습니다.

quotes generator dot1.txt

0.00MB

3. 애니메이션
새로운 인용문이 생성될 때 애니메이션을 추가하여 더욱 시각적으로 매력적인 앱을 만듭니다. ChatGPT에 다음 프롬프트를 입력하세요.

 

"5초 온로드 CSS3 랜덤 애니메이션 추가"

모든 CSS 코드를 복사하고, HTML 파일의 head 부분에 붙여넣습니다.

quotes generator dot2.txt

0.00MB

4. 배경
마지막으로, API 키 없이 PEXELS API에서 임의의 이미지 배경을 추가합니다. ChatGPT에 다음 프롬프트를 입력하세요.

 

"API 키 없이 PEXELS API에서 임의의 이미지 배경을 추가합니다. 웹 서버가 없습니다. 로컬 전용으로 만듭니다."

프로세스가 완료된 후, 모든 CSS 코드를 복사하여 HTML 파일의 head 부분에 붙여 넣습니다.

quotes generator dot3.txt

0.00MB

이제 이 소셜 미디어 콘텐츠 생성기를 사용하여 YouTube, TikTok, Instagram, Twitter 등에서 콘텐츠를 보다 쉽게 생성할 수 있습니다. 새로운 콘텐츠를 생성하기 위해 "새 인용문" 버튼을 클릭하거나 그냥 페이지를 새로고침하세요. 코드를 이해하는 데 어려움이 있다면, 저희 웹사이트에서 이 앱을 테스트해 보시기 바랍니다. 또는 코드를 복사하여 자신의 컴퓨터나 휴대폰에서 실행할 수 있습니다.

 

gpt4, gpt 4, chatgpt 4, chatgpt4, chat gpt, chatgpt, chat gpt4, chat gpt 4, chatgpt 튜토리얼, chatgpt 플러스, chatgpt 코딩, chatgpt 프롬프트, chatgpt tiktok, chatgpt 인스 타 그램, chatgpt 유튜브, chat gpt 콘텐츠, chatgpt 콘텐츠, chatgpt 비디오, chatgpt 해킹, chatgpt 예제, chatgpt-4, chatgpt 4 데모, chatgpt 4 코딩, ai 콘텐츠 생성기, ai, 인공 지능, ai 콘텐츠 작성자, ai 콘텐츠 제작자, ai 콘텐츠 비디오, ai 콘텐츠 랩, chat gpt 앱, 채팅 gpt 웹사이트 gptexamples , chatgpt4 , chatgpt4 demo , chatgpt4 coding , aicontentgenerator , ai , artificialintelligence , aicontentwriter , aicontentcreator , aicontentvideo , aicontentlabs , chatgptapp , chatgptwebsite