3D 하트 인터랙티브 애니메이션 마우스로 인터랙션할 수 있는 3D 하트 애니메이션입니다. 슬라이더를 사용하여 X, Y, Z축으로 회전시킬 수 있습니다. 애니메이션 실행 ✨ 3D 회전 제어 (Rotation Controls) X 축 0° ...

Loading... NumPy Matplotlib Pandas { "packages": ["numpy", "pandas", "matplotlib"] ...

Loading... Pyscript란? 파이스크립트는 웹 브라우저에서 Python 코드를 실행할 수 있게 해주는 프레임워크입니다. 이를 통해 웹 페이지에서 Python 코드를 직접 실행하고, 결과를 HTML 요소에 표시할 수 있습니다. 먼저, 파이스크립트를 사용하기 위해 HTML 파일에 파이스크립트 라이브러리를 ...

Text-to-Speech (TTS) 읽기 일시 중지 다시 재생 중지 Speech-to-Text (STT) 마이크 권한 상태: 확인 중... 녹음 시작 녹음 중지 인식된 텍스트: TTS 코드 html <div cla...

선 두께: 지우개 켜기 모두 지우기 ✍️ 선 색상을 변경해 보세요 ^^✍️ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✍️ 이미지를 드래그해서 캔버스...

background-clip 속성 background-clip 속성은 배경 이미지를 표시하는 영역을 지정합니다. 기본 CSS .box { font-size: 2em; font-weight: 900; text-align: center; padding: 30px; backgr...

node.js 환경에서 FCM 보내기를 하려고 합니다. FCM은 HTTPv1(버전)으로 기준으로 작성하였습니다. 웹 푸시는 운영하는 페이지에는 접속은 안해도 되지만 브라우저는 실행시켜야지 푸시메세지를 송신할 수 있습니다. 폴더 구조는 아래의 사진처럼 했습니다. 1. server 단 코드 app.js const express = require...

1️⃣ 선 지우기 <div class="controls"> <label for="line-width">선 두께: </label> <input type="range" id="line-width" min="1" max="10" value="1"> <button id...

1️⃣ html에 canvas 그리기 CSS canvas { border: 1px solid #000; /* 캔버스 태그에 테두리 */ } css 에서 canvas 크기 안하는 이유 : canvas 요소의 width와 height 속성이 내부적으로 그려지는 그래픽의 해상도를 결정하기 때문에 HTML 속성으로 지정해야됨 ...

node.js에서 MySQL을 다루고 있었는데 아래와 같은 오류가 생겼었습니다. ECONNREFUSED 오류는 일반적으로 네트워크 연결 문제를 나타나는데 위의 사진처럼 컴퓨터 전원을 재시작할 때마다 서버가 닫혀서 생기는 오류로, 제가 정확하게는 알지 못하지만 아래의 방법으로 해결을 했습니다. 🤓 해결 방법 MAC 에서 MySQL ...