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

Read more »
[HTML] 깃허브 페이지에 기본 도메인을 연결하는 방법

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

Read more »
[PHP] Tiny 단축 URL API 예제

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…

Read more »
[blogger] BloggerJS로 URL을 깔끔하게 정리해 보자

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

Read more »
웹페이지 오류 테스트 및 확인 방법

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

Read more »
[HTML] 소스 코드를 볼 수 없도록 하는 것이 가능할까요?

표준 HTML, CSS, 또는 자바스크립트 소스 코드를 숨길 수 있는 방법이나 스크립트는 없습니다. 소스 코드 보호가 걱정된다면 다음과 같은 조치를 고려해 볼 수 있습니다. 하지만 웹 개발에 어느 정도 익숙한 사람이라면 이러한 제안들을 우회하거나 역설계를 통해 코드를 볼 수 있는 방법을 쉽게 찾아낼 수 있다는 점을 기억하세요. 다른 사람이 당신의 코드를 훔쳐갈까봐 걱정하는 대신, 다른 훌륭한 개발자와 프로그래머들의 코드를 볼 수 있는 기회라고 생각하세요. 서버 측 스크립트를 더…

Read more »