송희의 알찬 일기

ChatGPT로 다이어그램 만들기 (플러그인 Show Me) 오늘은 플러그인을 사용하여 여러 가지 다이어그램을 만들어보려고 한다. 우선 플러그인을 설치하도록 하자~! 1. 'Plugin store'을 클릭한다. 2. 'showme'를 검색한 후 'Diagrams:Show Me' install를 클릭한다. 3. 설치가 완료되면 'Show Me'를 체크한 후 질문을 적어주면 끝! 이제 본격적으로 물어보기로 한다. show me 사용법을 모르니 알려달라고 물어봤다. 나 : show me 플러그인 사용법을 알려줘 GPT : "diagrams_show_me" 플러그인 사용법: 1. 사용자의 요청에 따라 적절한 다이어그램 유형을 선택합니다. 2. `/diagram-guidelines` 엔드포인트를 사용하여 다이어그..

영어 회화 무료로 연습하기 (Talk-to-ChatGPT) 책을 읽다가 영어로 된 책도 읽으면 얼마나 좋을까라는 생각이 문득 들었다. 영어를 초등학교 4학년때부터 했던 거 같은데.. 내 영어 실력은 늘지 않는 거니.. 대학교 때 취업 준비한다고 토익도 따고 했는데 여전히 영어를 못한다..😢 영어책을 읽고 싶다는 생각에 영어 잘하는 방법 관련 책을 읽었더니 원어민과 대화해보고 싶은 거다. 확장이 왜 그렇게 되었는지는 모르겠지만 갑자기 영어 회화에 꽂혔는데 영어전화도 찾아보고 하다가 ChatGPT Talk-to-ChatGPT를 다운로드하여서 써보기로 했다. 1. 'Talk-to-ChatGPT'검색을 한다. 구글, 네이버에 talk to chatgpt를 검색한다. 아니면 아래 링크를 클릭한다. https://..

ChatGPT로 홈페이지 만들기 #2 이제 모달창에 선택한 카드의 이미지, 학원 설명, 학원 웹사이트로 이동 링크를 추가하려고 한다. 나 : 카드 정보를 모달창에 넣고 싶어. (Please write in Korean language.) 나 : 모달창 오픈 시에 카드가 앞으로 나와있어. HTML 코드 (모달 부분 추가) × JavaScript 코드 function openModal(cardElement) { const imageUrl = cardElement.querySelector('.card-img').src; const name = cardElement.querySelector('.card-info h2').textContent; const description = cardElement.queryS..

chatGPT로 홈페이지를 만들 수 있을까? 하는 궁금증이 생겼다. React (JavaScript 라이브러리) 로 만들려고 했으나 시간이 거릴 거 같아서 HTML으로 소스를 부탁했다. 나 : HTML으로 사이트 만드려고 하는데 반응형이였으면 좋겠고, 상단에 NavBar 가 있어. 거기에는 학원, 학교 탭이 있어. Chat : 나 : NavBar 아래에는 카드형 정보가 들어갔으면 좋겠는데 반은 이미지 영역이고 반은 학원명, 학원소개로 구성하려고 해 Chat : 사실 내 질문이 구체적이지 않았는데도 잘 알아듣는 느낌이었다.👍 그 이후로도 카드는 최대 4개가 픽스야, 카드에 스타일을 주고 싶어. 예로 당근마켓 카드같은 형태로, 카드 안 하단에 전화번호를 넣고 싶어, 카드가 4개가 되면 자동으로 다음줄로 넘어..