이미지 자리 표시자란 단어가 다소 생소할 수 있습니다. 다른 말로 대체 이미지라면 쉽겠네요. 홈페이지 레이아웃을 구성할 때 이미지 자리에 빈 이미지를 삽입합니다. 빈 이미지를 따로 제작하면 그 만큼 시간이 들어가므로 시간을 낭비하게 됩니다.

 

이미지 자리 표시자를 실시간으로 만들어주는 사이트가 몇 군데 있습니다. 한글이나 중국어, 일본어 글자를 넣을 수 있고, 배경색이나 글자색을 넣어 이미지 자리에 넣을 수 있도록 URL을 제공합니다.

 

사용하는 방법은 크게 어렵지 않습니다. 이미지 삽입할 자리에 해당 사이트에서 제공하는 URL을 삽입하기만 하면 되니까요.

 

 

 

https://placeholder.com/

 

Placeholder.com: Placeholder Images Made For You [JPG, GIF & PNG]

What Is Placeholder.com? Placeholder.com generates custom placeholder images on the fly, like these examples:-     How To Use Our Placeholders Just specify the image size after our URL (https://via.placeholder.com/) and you'll get a placeholder image.

placeholder.com

이곳은 한글이 지원안되지만 배경색과 이미지 크기, 글자색을 지정할 수 있습니다.

 

 

 

http://placehold.jp/

 

Placehold.jp | 簡単!ダミー画像作成

簡単!ダミー画像生成、モックアップ用画像作成ツール。文字やサイズ、メモを入れた仮の画像を簡単に作成できます。

placehold.jp

일본에서 제공하는 이미지 자리 표시자입니다. 한국어를 지원하며 폰트 크기, "엔터"를 지원합니다. 그리고 CSS를 이용해 그라디언트나 모서리를 둥글게 표현할 수 있습니다.

 

 

 

https://loremflickr.com/

 

LoremFlickr.com

Go pro! When you need more functionality, like requesting your own photos, or photos taken at a particular location, go pro! Sign up and receive 10.000 credits for free. After that, top up for as little as 1 euro. Go pro Examples https://loremflickr.com/32

loremflickr.com

이곳은 사진을 랜덤으로 제공하는 곳입니다. 사진은 'Flickr'이기 때문에 라이센스에 따라 Creative Commons 를 따릅니다. 조건식을 주면 풍경이나 동물, 사람으로 제한하여 임의의 사진을 얻을 수 있습니다.

 

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

Github.com 에 프로젝트를 만들었지만 필요에 의해 프로젝트를 삭제할 일이 생길 수 있습니다. 삭제하는 방법을 설명해 보겠습니다.


1. http://Github.com 에 접속해서 로그인을 합니다.


2. 다음 그림에서 내가 만든 프로젝트가 보이고 "20180404" 라는 프로젝트를 삭제하고 싶다면 삭제하고자 하는 프로젝트를 선택합니다.



3. 상단에 보이는 "Settings" 를 선택합니다.



4. 하단에 Danger Zone 그룹에 보이는 "Delete this repository" 를 선택합니다.



5. 아래 그림처럼 창이 뜬다면 삭제하고자 하는 프로젝트 이름을 넣고 삭제를 진행합니다. 


사용자가 실수로 프로젝트를 삭제하는 것을 방지하기 위해 프로젝트 이름을 한번 더 넣도록 되어 있으니 프로젝트 이름을 넣고 삭제를 진행하면 됩니다.





블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

이클립스로 프로그램을 배포하기 위해서 먼저 이클립스 마켓을 통해 EGit 을 설치하도록 합니다.


1. 이클립스 상단 메뉴 Help > Eclipse Marketplace 를 실행합니다.



2. 아래 그림의 프로그램을 찾아 인스톨합니다.



3. 이클립스에서 배포하고자 하는 프로젝트를 선택해서 오른쪽 마우스 버튼 클릭 > Team > Share Project 를 선택합니다.



4. "Finish" 버튼이 활성화하기 위해 Create 버튼을 선택해서 배포할 폴더를 생성합니다.



5. 여기까지 정상적으로 완료되었다면 아래 그림처럼 프로젝트 옆에 [git master] 라고 뜨면 연동은 완료된 것입니다.



6. 이클립스 메뉴 Window > Show View > Other 를 선택합니다.



7. 우리는 Git 으로 배포할 것이므로 "Git Repositories" 를 선택합니다.



8. 다시 이클립스에서 배포할 프로젝트 오른쪽 마우스 버튼 클릭 > Team > Commit 을 선택합니다.



9. Git 에 업로드할 파일을 범위 지정하고 다음 그림의 + 버튼을 선택합니다.



10. 아래 그림처럼 파일이 이동되었다면 "Commit Message" 에 메시지를 적당하게 입력하고 "Commit and Push" 를 선택합니다. 


메시지 내용은 "Hello Git" 이라고 입력해 보았습니다.




11. 다음 그림과 같은 창이 뜬다면 http://Github.com 으로 이동하도록 합니다. 


URI 입력 항목은 http://Github.com 에서 만들 프로젝트 URL을 입력해야 합니다.


Github.com 에서 이미 프로젝트를 만들었고, URL 주소를 알고 있다면 순서 [15]로 건너 뛰어도 됩니다.



12. 이제 http://Github.com 으로 이동해서 로그인을 합니다. "start a project" 을 선택해서 배포할 프로젝트를 만듭니다.



13. 프로젝트 이름을 "20180404" 로 적고, "Create repository" 를 선택합니다. 프로젝트 이름은 임의대로 작성해 주었습니다.



14. 정상적으로 만들게 되면 아래 그림 처럼 git 주소가 나타나는데, 이 주소를 복사합니다.



15. 다시 이클립스로 이동해서 github.com 에서 복사한 URL를 붙여넣기 한 다음 Github.com의 아이디와 비밀번호를 입력하고 다음을 선택합니다.



16. 여기서 따로 설정할 것이 없으므로 다음을 선택합니다.



17. 설정을 모두 마쳤으므로 "Finish" 를 선택합니다.

 


18. 환경에 따라 Githum.com 의 아이디와 비밀번호를 한번더 묻는 경우가 있는데, 로그인 창이 뜬다면 동일하게 Github.com 의 로그인 정보를 입력하고 마무리합니다.



19. 모든 설정이 완료되었으면 배포가 시작됩니다. 파일이 많을 경우 다소 오래걸릴 수 있습니다. 


파일을 모두 업로드하였다면 다음 그림이 나타납니다. 창을 닫아 줍니다.



20. 모든 작업이 마무리되었으니 정상적으로 배포되었는지 확인할 필요가 있습니다. 다시 Github.com 으로 이동합니다.


순서 [10] 에서 메시지 내용을 "Hello git"이라고 입력했는데, 아래 그림에서도 확인할 수 있듯 "Hello Git" 이라고 표기되는 것을 확인할 수 있고, 정상적으로 배포된 것을 확인할 수 있습니다.


블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

단축 URL은 알고리즘이 매우 쉬운 편에 속해 기업뿐 아니라 개인도 쉽게 사이트를 구축할 수 있습니다. 여기서 .TK 도메인을 이용해 무료로 구축할 수 있는 방법을 소개합니다.

미리보기 : http://zudy.info/shortener.php

먼저 http://freenom.com 에 접속해서 상단의 메뉴 Partner > Developers 를 선택합니다.

중간 쯤 스크롤하면 아래 그림이 나오는데, 초록 버튼을 클릭해서 구매를 진행합니다. 구매 요금은 0원이므로 따로 청구되는 비용은 없습니다.

이미 회원가입한 이력이 있으면 로그인을 진행하고, 처음 사용자이면 사용 가능한 이메일을 입력하고 이메일 인증을 진행합니다.

구매가 정상적으로 진행되었는지 확인하기 위해 로그인을 진행합니다. Hello ... > My Invoices 를 선택합니다.

My Invoice 를 선택하면 구매한 내용이 나옵니다. 당연히 0원이라고 되어 있겠죠

이로써 단축 URL를 사용하기 위한 모든 준비는 완료되었습니다.

<?php

 // FREENOM 로그인 이메일, 비밀번호
 $login_email = '';
 $login_password = '';

 // 단축할 URL
 $short_val = 'http://daum.net';
 if(!empty($short_val))
 {
$url = "https://api.freenom.com/v2/domain/register.xml";
$post = array(
'forward_url' => $short_val,
'email' => $login_email,
'password' => $login_password
);
$curl = curl_init();
curl_setopt($curl, CURLOPT_URL, $url);
curl_setopt($curl, CURLOPT_TIMEOUT, 30);
curl_setopt($curl, CURLOPT_POST, 1);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($curl, CURLOPT_POSTFIELDS, $post );
curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
$resource = curl_exec($curl);
curl_close ($curl);

$object = simplexml_load_string(
     $resource, 'SimpleXMLElement', LIBXML_NOCDATA
);

$result = (array)$object;
// print_r($result);
 }
 if(strtoupper($result['freenom']['status']) === 'OK')
 {
echo 'http://' . $result['freenom']['domain']['domainname'];
 }
 else
 {
if(!$result['freenom']['error'])
{
$result['freenom']['error'] = '원인을 알 수 없는 오류 발생.';
}
echo $result['freenom']['error'];
 }
 ?>

.TK 단축 URL를 이용하면 즉시 5글자 내의 도메인을 만들어 사용자에게 제공해 줄 수 있습니다.

랜덤으로 만들어진 도메인을 확인하려면 Services > My Domain 에서 확인할 수 있습니다. 


블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

http://imgur.com 에서 제공하는 무료 이미지 호스팅을 이용하면 내 홈페이지 저장공간을 절약할 수 있습니다. 홈페이지를 통해 사용자에게 이미지를 제공해 주는 사이트라면 파일 저장 공간이나 트래픽 등을 신경 쓸수 밖에 없습니다.

네이버나 다음에서 제공하는 블로그나 카페를 이용한다면 염려되는 부분이 없지만 독립된 홈페이지, 독자적인 도메인을 이용한다면 비싼 서버 비용을 지불해야 하는데, 사실 개인이나 소규모 업체에서 그 비용을 감당하기에는 현실적으로 어려움이 많을 것이라 생각됩니다. 

그래서 imgur.com 에서 제공하는 무료 이미지 호스팅을 이용한다면 서버 임대 비용이나 관리비용, 트래픽 등을 최소화할 수 있으며, 무제한 업로드할 수 있습니다.

주의점이 있다면, 이미지 업로드는 지극히 개인적인 용도여야 하고, 6개월 동안 사진에 접속이 없으면 자동으로 삭제됩니다. 단, 6개월 이내 사진 접속이 있으면 6개월 재연장되는 식입니다.

먼저 imgur.com 에 로그인을 합니다. 가입하지 않았다면 회원 가입을 먼저 해주세요. 상단 프로파일을 보면 하단 settings 링크를 클릭합니다.

왼쪽 메뉴 하단에 애플리케이션 링크를 선택합니다.

첫 화면 중간 부분에  register 링크를 클릭합니다.

애플리케이션 이름, 콜백 URL을 입력하고 타입은 3번째를 선택합니다. 콜백 URL은 사용할 도메인이 habonyphp.com 이면 habonyphp.com 이라고 입력해 줍니다.

이메일 주소는 인증할 실제 이메일 주소를 입력해 주고 완료를 선택합니다. 이메일 주소를 인증 완료하면 정상적으로 API 를 이용할 수 있습니다.

여기서 중요한 부분은 클라이언트 ID 입니다. 

클라이언트 ID 를 아래 소스에 입력해주면 바로 사용할 수 있습니다.

<!DOCTYPE html>
  <html>
  <head>
  <title>Image Upload Using Imgur API</title>
 </head>
 <body>
  <div id="content" style="margin-top:10px;height:100%;">
   <center><h1>Image Upload Using Imgur API</h1></center>   <form action="imgur.php" enctype="multipart/form-data" method="POST">
    Choose Image : <input name="img" size="35" type="file"/><br/>     <input type="submit" name="submit" value="Upload"/>
   </form>
   <? // 발급 받은 클라이언트 ID 를 입력합니다. $client_id="";
   if(isset($_POST['submit'])){
    
$img=$_FILES['img'];
    if(
$img['name']==''){
     echo 
"<h2>An Image Please.</h2>";
    }else{
     
$filename $img['tmp_name'];
     
$handle fopen($filename"r");
     
$data fread($handlefilesize($filename));
     
$pvars   = array('image' => base64_encode($data));
     
$timeout 30;
     
$curl    curl_init();
     
curl_setopt($curlCURLOPT_URL,  'https://api.imgur.com/3/image.json');
     
curl_setopt($curlCURLOPT_TIMEOUT$timeout);
     
curl_setopt($curlCURLOPT_HTTPHEADER,  array('Authorization: Client-ID ' $client_id));
     
curl_setopt($curlCURLOPT_POST1);
     
curl_setopt($curlCURLOPT_RETURNTRANSFER1);
     
curl_setopt($curlCURLOPT_POSTFIELDS$pvars);
     
curl_setopt($curlCURLOPT_SSL_VERIFYPEERfalse);
     
$out curl_exec($curl);
     
curl_close ($curl);
     
$pms json_decode($out,true);
     
$url=$pms['data']['link'];
     if(
$url!=""){
      echo 
"<h2>Uploaded Without Any Problem</h2>";
      echo 
"이미지 경로 : $url <br />";
      echo 
"<img src='$url'/>";
     }else{
      echo 
"<h2>There's a Problem</h2>";
      echo 
$pms['data']['error']['message'];
     }
    }
   }
   
?>
  </div>
  <style>
  input{
   border:none;
   padding:8px;
  }
  </style>
 </body>
</html>

위 소스 출처: http://subinsb.com/uploading-images-using-imgur-api-in-php

파일을 업로드 하면 이미지 경로를 얻을 수 있습니다. "http://i.imgur.com/파일이름" 형식의 출력된 이미지 경로를 홈페이지에 삽입하세요. 아래 이미지는 결과 화면입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요


구글 reCaptcha 를 php 로 연동하기 하기 위해서는 먼저 'Site key' 와 'Secret key' 를 발급받아야 합니다.


연동하고자 하는 도메인 주소나 localhost 를 입력하면 바로 발급받을 수 있으니 어렵지는 않습니다.



먼저 아래 주소로 접속해 주세요.


https://www.google.com/recaptcha/intro/index.html



다음에는 도메인 주소를 입력하고 등록을 클릭합니다.




등록 즉시 'Site key' 와 'Secret key' 를 발급받아 주세요.

'Site key', 'Secret key' 값을 아래 소스 값에 기입후 바로 사용하면 되겠습니다.


 <?php

 $sitekey 
'Site Key'
 $secretKey "Secret Key"

 if(
$_SERVER['REQUEST_METHOD'] === "POST") {
     
$name null;
     
$contents null;
     
$recaptcha null;
     if(
$_POST['name']){
         
$name $_POST['name'];
     }
     if(
$_POST['contents']){
         
$contents $_POST['contents'];
     }
     if(
$_POST['g-recaptcha-response']){
         
$recaptcha $_POST['g-recaptcha-response'];     
     }
     if(
$recaptcha){
         
$url "https://www.google.com/recaptcha/api/siteverify?
                 secret=" 
$secretKey "&response=" $recaptcha 
                 "&remoteip=" $_SERVER['REMOTE_ADDR'];

         $resource =  file_get_contents$url ); 


        $val json_decode($resourcetrue);
        if(
intval($val["success"]) !== 1){
             echo 
"정상적인 접속이 아닌 것 같습니다.";
             die();
        }
         echo 
"name = $name <br />";

         echo "contents = $contents <br />";
     }else{
         echo 
"로봇이 아니면 체크해주세요.";
         die();
     }
 }
 
?> 
 <html>
     <head>
        <title>Google recapcha</title>         <script src='https://www.google.com/recaptcha/api.js'></script>

    </head>
    <body>
        <h1>Google reCAPTHA</h1>
        <form action="" method="post">         <input type="text" name="name" size="40"><br><br>         <textarea name="contents" rows="8" cols="40"></textarea><br><br>         <input type="submit" name="submit" value="Submit"><br><br>         <div class="g-recaptcha" data-sitekey="
<?php echo $sitekey?>"></div>         </form>
     </body>
 </html>



블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

구글 지도 맵을 내 홈페이지에 설치하는 방법은 몇 가지 있습니다. 그중에서 가장 쉬운 방법을 소개하고자 합니다. 아래 코드 중 "도시이름" 부분만 수정해 주면 됩니다.


 <iframe id="map" width="100%" frameborder="0" scrolling="no" marginwidth="0" marginheight="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&ie=UTF8&iwloc=A&output=embed&z=6&q=도시이름"></iframe>

예를 들어 한국-부산이라는 도시의 맵을 보여주고자 한다면 "busan, Korea, Republic of"로 표시하면 됩니다.


 https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&ie=UTF8&iwloc=A&output=embed&z=6&q=busan, Korea, Republic of

서울을 보여 주고자 한다면 다음과 같을 것입니다.


 https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&ie=UTF8&iwloc=A&output=embed&z=6&q=Seoul, Korea, Republic of


좀 더 자세한 지역을 맵으로 구현하고자 한다면 ,를 구분해서 상세 주소를 넣으면 됩니다.


 https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&ie=UTF8&iwloc=A&output=embed&z=6&q=Gumaro26, 

Seoul, Korea, Republic of


블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요