본문 바로가기

chat-gpt2

[Chat-GPT 웹사이트 만들기] 카드 생성 GPT의 특성상 매번 다른 대답을 하기 때문에 강의와 코드를 일치시킨 후 다시 진행하도록 한다. 뼈대 코드 나만의 르탄마켓 집에 있는 물건을 팝니다! 처음과 같이 새로운 채팅을 열고 질의를 한다. 이미지 찾기 카드에 사용할 이미지를 GPT를 사용하여 찾아본다. GPT는 이미지를 직접 찾을 수 없기 때문에 우회하는 방법이 필요하다. 이미지에 대한 요청을 할 때 특정 사이트에서 검색하고 그 결과를 받을 수 있도록 질의를 한다. 질의 [INFO: you can add images to the reply by Markdown, Write the image in Markdown without backticks and without using a code block. Use the Unsplash API (http.. 2023. 5. 22.
[Chat-GPT 웹사이트 만들기] 프로젝트 세팅 강의는 VSCode를 사용하여 진행한다. 개요 Chat GPT를 사용하여 물건을 사고팔 수 있는 페이지를 구현해 본다. Open in Browser 프로젝트를 즉시 브라우저에서 확인할 수 있는 확장프로그램이다. Extension 탭에서 Open in Browser를 설치한다 프로젝트를 생성할 폴더를 생성하고 VSCode에서 해당 폴더를 열어준다. HTML 브라우저에 띄울 페이지의 기본 뼈대를 만든다. // 뼈대 코드 정해진 환경 속에서 Chat GPT를 활용하여 페이지를 만들어 보도록 한다. Chat GPT Chat GPT에게 위 코드를 읽히고 필요한 기능을 구현한다. 우선 뼈대 코드를 그대로 복사하여 Chat GPT의 질문 칸에 입력한다. 그리고 가장 하단에 문장을 추가한다. ------ 중요 : 이 .. 2023. 5. 22.