송희의 알찬 일기

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개가 되면 자동으로 다음줄로 넘어..