본문 바로가기

분류 전체보기1716

자바스크립트 로 원격지 이미지 가로세로 사이즈 출력 자바스크립트를 사용하여 원격지 이미지를 로드한 후 해당 이미지의 가로와 세로 크기를 확인할 수 있습니다.이를 위해 HTML의  요소와 자바스크립트의 Image 객체를 활용합니다.이미지를 로드한 뒤, 이미지 객체의 naturalWidth와 naturalHeight 속성을 통해 가로와 세로 크기를 얻을 수 있습니다.아래는 간단한 예제 코드입니다. 주요 포인트:new Image() 객체자바스크립트에서 동적으로 이미지를 로드하기 위해 사용됩니다.onload 이벤트이미지를 성공적으로 로드한 후 실행됩니다.이 이벤트에서 naturalWidth와 naturalHeight를 사용해 크기를 확인합니다.onerror 이벤트이미지 로드에 실패했을 때 오류를 처리할 수 있습니다.위 코드에서 imageUrl에 확인하려는 .. 2024. 11. 24.
멍청이 이야기 📀 김삼순 가사포함 멍청이 이야기 📀 김삼순단명 하는 촛불처럼 인생이란 걸어 다니는 그림자 같은 것 무대를 활보하며 초조해하던 가여운 배우도 언젠가는 바람처럼 사라지지 인생이란 바보 같은 멍청이 이야기 부질없고 부질없는 단 한 번의 싸움일 뿐 아~ 바람아 불어라 세차게 불어라 우리 등에 진 멍에를 가림 없이 벗어버리게 📀📀📀📀📀 단명 하는 촛불처럼 인생이란 걸어 다니는 그림자 같은 것 무대를 활보하며 초조해하던 가여운 배우도 언젠가는 바람처럼 사라지지 인생이란 바보 같은 멍청이 이야기 부질없고 부질없는 단 한 번의 싸움일 뿐 아~ 바람아 불어라 세차게 불어라 우리 등에 진 멍에를 가림 없이 벗어버리게 2024. 11. 23.
웹표준 마크업을 사용한 깔끔한 사이트 맵 웹표준 마크업을 사용한 깔끔한 사이트 맵 입니다.적용사이트 미리보기 (우측상단 전체보기클릭)http://musictrot.com 스마트웹홈페이지, 웹프로그램, 음악방송, 하이브리드앱 제작지원musictrot.comHTML + CSS example site map Home About History Foundation Future Plans Articles News Book Reviews Press .. 2024. 11. 22.
검색 순위 높이는 메타 태그 활용 방법 메타태그란 웹 페이지를 제작할 때 제목, 저자, 설명 등을 기록할 수 있는 일종의 이정표입니다. 검색엔진에 등록이 이루어지면 '로봇'이 해당 홈페이지를 방문하여 이 메타 태그를 추출하여 갑니다. 이때 추출된 정보는 검색엔진에 데이테베이스가 됩니다.검색엔진을 통하여 방문객을 증가시키기 위해서는 아래와 같이 HTML에 아래와 같은 메타 정보를 반드시 입력하여야 합니다. 메타태그 작성시 가장 중요한 것은 어떻게 작성하냐에 따라서 효과가 차이가 납니다. (아래의 내용은 알타비스타 코리아에서 발췌하였습니다.)◆ 메타태그 작성법로봇 검색엔진 대부분은 정보를 찾을때 메타태그를 이용합니다. 따라서 이 메타태그를 어떻게 작성하냐가 가장 중요합니다. 이 메타태그를 잘 작성하셔야만 검색엔진에 등록되더라도 상위에 리스트가 될.. 2024. 11. 21.
돌아오지 않는 밤 📀 배호 너무나 당신만 사랑했어요 꽃잎에 새긴 사랑이 비바람에 흩어질 줄 그때는 몰랐어요 사랑에 눈이 멀어 불태워버린 그 사랑 아~ 아 돌아오지 않는 밤을마음에 사무친 못 잊을 그 밤을 영원토록 못 잊어 📀📀📀📀📀 너무나 옛날이 그리웠어요 이별을 알았다면은 그렇게도 마음 바쳐 당신을 미치도록 사랑을 안 했을 걸 후회하는 이 마음 아~ 아 돌아오지 않는 밤을 가슴에 사무친 못 잊을 그 밤을 언제까지 못 잊어 2024. 11. 20.
마코토(MAKOTO) , 카노우미유(かのうみゆ) - 하니하니(ハニハニ) 하니 하니 하니 나를 사랑하니 정말 나를 사랑하니 오니 오니 오니 내게 다가오이 정말 내게 오는거니 아무것도 묻지 마 우리 그냥 이대로 뜨겁게 뜨겁게 사랑하다가" data-ke-type="html">아침이 올 때 까지만 내 곁에 있어 주면 되 그리고 미련 없이 우리 그냥 헤어져 아니 아니 아니 이제 내 맘 아니 후회 없는 사랑 원해 오니 오니 오니 내게 오기 전에 먼저 내 맘 이해해줘 하니 하니 하니 나를 사랑하니 정말 나를 사랑하니 오니 오니 오니 내게 다가오이 정말 내게 오는거니 아무것도 묻지 마 우리 그냥 이대로 뜨겁게 뜨겁게 사랑하다가 아침이 올 때 까지만 내 곁에 있어 주면 되 그리고 미련 없이 우리 그냥 헤어져 아니 아니 아니 이제 내 맘 아니 후회 없는 사랑 원해 오니 오니 오니 내게 오기 .. 2024. 11. 19.
전유진 - 비의 초상 이렇게 비가 내리면 그날이 생각이 나요 쏟아지는 찬비 속에서 우리 헤어지던 그날이 나를 보는 너의 두 눈은 슬픔으로 흐려있었지 그날의 아픈 기억에 많은 날을 잠 못 들었지" data-ke-type="html">그날처럼 비가 내리면 같이 찾던 그 찻집 그 자리에 행여 네 모습을 찾아봐도 들려오는 슬픔 음악뿐 너는 지금 어디 있나 정녕 어디에 있나 간 곳이 얼마나 멀기에 이토록 못 오는 걸까 기다림에 야위어가는 내 가슴엔 너의 초상뿐 그날처럼 비가 내리면 같이 찾던 그 찻집 그 자리에 행여 네 모습을 찾아봐도 들려오는 슬픔 음악뿐 너는 지금 어디 있나 정녕 어디에 있나 간곳이 얼마나 멀기에 이토록 못 오는 걸까 기다림에 야위어가는 내 가슴엔 너의 초상뿐 내 가슴엔 너의 초상뿐 2024. 11. 19.
깔끔한 이미지 슬라이드쇼 애니메이션 이미지 슬라이더쇼 에 낙엽 애니메이션을 추가해 보았습니다..index.html  script.js tsParticles.load("tsparticles", { particles: { number: { value: 30, density: { enable: true, value_area: 800 } }, shape: { type: "image", image: [ { src: "https://iili.io/2ofIXAN.png", width: 34, height: 50 }, { .. 2024. 11. 18.
Apache 웹 서버에서 사용자 인증 처리 .htpasswd를 이용한 로그인 구현 .htpasswd를 이용한 로그인 구현은 보통 Apache 웹 서버에서 사용자 인증을 처리할 때 사용됩니다. .htpasswd 파일은 사용자 이름과 암호를 저장한 파일로, 이를 .htaccess와 함께 사용하여 웹 페이지에 대한 접근을 제어합니다.이 방식은 PHP 코드와 별개로 서버 레벨에서 기본 인증을 구현하는 방식이므로, PHP로 로그인 처리를 직접 하는 것과는 약간 다릅니다. 그러나 .htpasswd를 사용하여 로그인 처리를 구현하는 방법을 안내드리겠습니다.1. .htpasswd 파일 생성먼저, .htpasswd 파일을 생성해야 합니다. 이 파일은 사용자의 이름과 비밀번호를 암호화된 형태로 저장합니다. 보안상의 이유로 .htpasswd 파일은 웹 서버 외부에 두어야 합니다.1.1 .htpasswd .. 2024. 11. 17.
알아두면 편리한 MySQL 쿼리문 SQL 파일 불러오기 시 문자셋 강제 지정SQL 파일을 불러올 때, --default-character-set 옵션을 사용하여 문자셋을 지정할 수 있습니다. 파일을 EUC-KR 문자셋으로 불러오기 (SQL 파일이 EUC-KR로 작성된 경우):mysql -u root -p --default-character-set=euckr smartweb  파일을 UTF-8 문자셋으로 불러오기 (SQL 파일이 UTF-8로 작성된 경우):mysql -u root -p --default-character-set=utf8 smartweb  이미 깨진 데이터가 테이블에 삽입되어 있는 경우, 해당 데이터를 삭제하고 다시 삽입해야 할 수 있습니다.memo 컬럼에서 잘못된 문자열을 포함한 레코드를 찾아 삭제하거나 수정할 수 있습니다.. 2024. 11. 16.
오디오 비주얼라이저 플레이어 만들기 연속 재생 실 판매사이트 제작에 사용된 오디오 비주얼라이저 플레이어 입니다.실적용 예제https://d.cafe24.com/product/product_detail?productCode=PTWD836035 카페24 디자인센터디자이너스마트디자인문의하기 제품코드PTWD836035 카테고리엔터테인먼트 제작솔루션카페24 매니지드워드프레스제작솔루션d.cafe24.com audio.html  script.jslet canvas = document.getElementById("myCanvas");let audio = document.getElementById("myAudio");audio.crossOrigin = "anonymous";// 오디오 소스// 오디오 컨텍스트 생성// l.. 2024. 11. 15.
MySQL과 jQuery(Ajax)를 사용한 PHP 간단한 챗봇 만들기 MySQL과 jQuery(Ajax)를 이용하여 간단한 응답형 챗봇을 만들어 보겠습니다.데이터베이스 이름 "bot"과 테이블 이름 "chatbot"을 만들어야 하며, 이 테이블 내부에 세 개의 행(id, queries, replies)을 만들어야 합니다.id type int(11) auto_increment queries type varchar(300) replies type varchar(300)아니면 파일에 있는 데이터베이스, 테이블, 테이블 행의 이름을 실사용 데이터베이스 테이블 세부 정보로 바꿀 수도 있습니다.설명은 전자로 하겠습니다.다음은 bot 데이터베이스와 chatbot 테이블을 생성하고, 지정된 열과 속성으로 테이블을 구성하는 SQL 쿼리입니다.-- 데이터베이스 생성CREATE DATABAS.. 2024. 11. 14.
MySQL 및 JavaScript를 사용한 PHP 채팅 웹 애플리케이션 PHP와 MySQL 및 JavaScript를 사용하여 채팅 웹 애플리케이션을 만드는 방법을 알아봅니다. 브라우저에서 처음 열면 이름, 이메일, 비밀번호, 이미지와 같은 세부 정보로 가입해야 하는 가입 양식이 표시됩니다.이메일과 이미지 필드는 완전히 검증되었으므로 유효한 이메일과 이미지 파일만 입력하면 됩니다.성공적으로 가입하면 사용자 페이지로 리디렉션되어 전체 이름, 이미지, 상태, 로그아웃 버튼이 맨 위에 표시되고, 누군가가 가입한 경우 사용자가 맨 아래에 표시됩니다.이 페이지에서는 이미지, 이름, 상태, 그리고 받은 마지막 메시지를 볼 수 있습니다.특정 사용자를 클릭하거나 이름으로 기존 사용자를 검색하면 채팅 페이지로 리디렉션되고, 그곳에서 채팅할 사용자의 이미지, 이름, 상태를 볼 수 있습니다.다른.. 2024. 11. 13.
CSS3 로 구성된 간단한 시계 소스 CSS3 로 구성된 간단한 시계 소스입니다^^ style.cssbody { font-size:62.5%; margin:1em; background:#232425 }ul { list-style:none; margin:0; padding:0 }#watch { font-size:1em; position:relative }#watch .frame-face { position:relative; width:30em; height:30em; margin:2em auto; border-radius:15em; background:-webkit-linear-gradient(top, #f9f9f9,#666); background:-moz-linear-gradient(top, #f9f9f9,#666); back.. 2024. 11. 12.
PHP를 사용하여 올해 남은 일수를 계산하고 표시하는 간단한 코드 DateTime 클래스와 diff() 메서드를 사용하여 오늘부터 연말까지의 남은 일수를 계산합니다. 결과는 "올해 남은 일수: XX일" 형식으로 출력됩니다.diff($endOfYear)->days;// 남은 일수를 출력echo "올해 남은 일수: " . $remainingDays . "일";?> 2024. 11. 11.
반응형
Copyright ⓒ SmartWeb All rights reserved.

티스토리툴바