[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 »
[JS] JavaScript를 이용한 핀볼 게임

핀볼은 1930년대부터 전해 내려오는 고전 아케이드 게임입니다. 플레이어는 플리퍼를 사용하여 테이블 주위의 공을 치고, 다양한 표적과 장애물을 맞춰 점수를 획득해야 합니다. 핀볼 게임은 제한된 공간 내에서 공을 움직이는 방식으로 진행됩니다. 처음에는 공이 정해진 위치에서 시작하여 수평 및 수직 방향으로 일정한 속도로 움직입니다. 공의 위치는 지속적으로 업데이트되며, 벽에 부딪히면 이동 방향이 반전됩니다. 또한, 하단에는 화살표 키로 조작할 수 있는 패들이 있습니다. 공이 패들에…

Read more »