구글의 제미나이를 내 홈페이지에 넣을 수 있는 HTML + JS 소스입니다. 여기서 수정해야 할 변수는 3개입니다. ALLOWED_ORIGINS : 내 소스를 무단으로 퍼가는 것을 막습니다. js 코드는 암호화해서 사용하세요. API_KEY : 구글의 제미나이 API 키입니다. 무료입니다. PEXELS_KEY :  Pexels 키를 발급받아서 사용하세요. 무료이며 사진 출력에 사용됩니다. js 암호화는  https://obfuscator.io/ 같은 사이트에서 가능합니다. A…

일반적으로 썸네일은 이미지 크기를 줄이기 위해 생성됩니다. 업로드된 이미지에 썸네일을 생성하는 것은 좋은 습관입니다. 원본 이미지 대신 썸네일을 사용하면 애플리케이션 레이아웃에 이미지를 더 잘 표시할 수 있습니다. 또한 썸네일 이미지 로딩 시간도 상당히 단축됩니다. 프로그래밍을 통해 이미지를 업로드하고 크기를 조정하여 썸네일을 생성하는 기능은 많은 사용자가 궁금해 하는 부분입니다. 이러한 코드가 필요하다면 이 예제가 도움이 될 것입니다. 이 예제에서는 jQuery 폼 라이브러리…

깃허브를 이용하면 무료로 홈페이지를 만들 수 있습니다. 500Mb 저장 공간과 월 1Gb의 트래픽을 얻을 수 있습니다. 단일 파일은 최대 100Mb까지 허용합니다. 구글 포토와 깃허브를 이용하면 월 1Gb 트래픽으로도 충분히 멋진 홈페이지를 만들 수 있습니다. Pages 만드는 방법 로그인을 했고 Pages를 만들지 않았다면 메인화면 오른쪽에 'Create repository' 버튼이 보일텐데, 이 버튼을 클릭합니다. Pages를 접속할 수 있는 다른 방법으로는 …

Tiny URL은 URL 단축 웹사이트입니다. 이것은 자체 웹사이트의 URL을 단축하기 위한 간단한 PHP 코드입니다. <?php function get_tiny_url($url) { $ch = curl_init(); $timeout = 5; curl_setopt($ch,CURLOPT_URL,'http://tinyurl.com/api-create.php?url='.$url); curl_setopt($ch,CURLOPT_RETURNTRA…

BloggerJS는 Blogger 블로그의 URL 형식을 수정하는 스크립트입니다. 가장 중요한 탐색을 시각적으로 보여줍니다. 이 스크립트는 블로그와 연동되어 사이트 탐색 시 URL을 깔끔하게 "정리"해 줍니다. 필요에 따라 날짜 부분인 "/YYYY/MM" 또는 "/p"와 ".html"을 제거합니다. 이렇게 하면 URL이 훨씬 보기 좋게 표시되어 공유가 훨씬 쉬워집니다. 아래는 게시물의 URL에서 빨간색 부분…

웹사이트나 블로그의 오류를 검사하고 웹페이지 개선 방법을 찾는 데 도움이 되는 다양한 서비스가 있습니다. 아래는 무료 온라인 서비스 몇 가지를 추천해 드립니다. 일반 웹사이트 및 HTML 검사 W3C 마크업 유효성 검사 - 월드 와이드 웹 컨소시엄(W3C)의 공식 유효성 검사 도구입니다. 웹 페이지에서 사용하는 HTML, XHTML 또는 기타 마크업 언어의 오류를 검사하는 데 매우 유용한 리소스입니다. PageSpeed ​​Insights - (PSI)는 Google에서 제…