728x90 반응형 챗지피티3 [chatGPT] 챗지피티한테 코딩 배우기 2탄 (실패) ~지난 이야기~ '마우스 포인터를 따라서 그라디언트 blob (방울)이 움직이는 애니메이션이다. 그런데 코드펜 코드는 100vh 풀스크린을 기준으로 작성되어서 긴 페이지에도 적용되게 코드를 수정해보고싶었다. 그러나 100vh를 풀고 그냥 컨텐츠 길이를 늘려봤더니 스크린 높이 안에서만 방울이 움직였다.' . . 그리하여 챗지피티를 통해 풀스크린 페이지가 아닌 경우에도 이 효과를 사용하기 위한 챗지피티 여정이 시작되었다. https://selinak.tistory.com/61 여러분 그거 아십니까? 정답은 멀리 있지않습니다. 존나 멀리있습니다. 넝담..이고 정답은 등잔밑에 있었답니다. 챗지피티한테 물어가며 열차례 넘게 질답을 반복하며 코드 시행착오(라 부르고 삽질이라 읽음)을 거쳤는데 아무리 해도 내가 원하.. 2023. 5. 10. [chatGPT] 챗지피티한테 코딩 배우기 codepen을 살펴보다가 마음에 드는 자바스크립트 효과를 발견했다. https://codepen.io/Hyperplexed/pen/KKBjvbG Glowing Blob Effect ... codepen.io 마우스 포인터를 따라서 그라디언트 blob (방울)이 움직이는 애니메이션이다. 그런데 코드펜 코드는 100vh 풀스크린을 기준으로 작성되어서 긴 페이지에도 적용되게 코드를 수정해보고싶었다. 그러나 100vh를 풀고 그냥 컨텐츠 길이를 늘려봤더니 스크린 높이 안에서만 방울이 움직였다. 뭐가 문젠데.. ㅣㅅㅇ)... chatGPT를 써보자 챗지피티한테 같은 기능의 코드를 요청했다. 나: 요소가 마우스 포인터를 따라다니는 스크립트 어떻게 만들어? 친절하게 알려줌 하지만 이 코드는 사실상 코드펜과 같은 코.. 2023. 4. 28. [ChatGPT] 챗지피티한테 코딩 시키기 - 탭 메뉴 https://chat.openai.com/ 챗지피티야 tabs 코드 만들어줄래? chatgpt: 물론이지 HTML, CSS, JAVASCRIPT 나눠서 코드 복사까지 가능하게 나온다. 이 코드를 코드펜에 그대로 복붙해봤다. 완벽하진 않지만 잘 작동한다. 세상 참 좋아졌다. AI가 코딩도 대신 해주고.... 이러다 내 직업 없어지는거 아냐ㅠㅠ? See the Pen Tabs by ChatGPT by sel (@wimmwell) on CodePen. 그런데 말입니다 이 코드 W3SCHOOL에 나와있는 탭 코드랑 일치함 https://www.w3schools.com/howto/howto_js_tabs.asp How To Create Tabs W3Schools offers free online tutorial.. 2023. 4. 19. 이전 1 다음 728x90 반응형
