Huzylog

iBook 에서 이미지를 클릭 했을때 동적으로 div를 생성하고 그 안에 background-image 스타일 지정을 해주었으나 도통 빈 칸만 뜨고 이미지가 출력되지 않았다.

콘솔로그를 찍어볼 수 없는 거지같은 테스트환경이어서 html 마크업으로 일일히 확인해본 결과 이미지를 불러올때 ibooksimg:// 라는 프로토콜을 사용해야 하지만 ibooks:// 로 불러오면서 이미지가 출력되지 않은 것이었다.

var str = $("img").get(0).src;

str = str.replace("ibooks://", "ibooksimg://");

로 간단히 replace 치환처리 하니 정상 출력되었다.

이미지의 원본 크기를 구하기 위해서 $("img").get(0).naturalWidth 이나 naturalHeight 를 변수에 초기화했을때, 0 값이 떨어진다. 이러한 현상을 막기 위해서

$("img").load(function(){

var img = {
  width:$(this).get(0).naturalWidth,

  height:$(this).get(0).naturalHeight

});

등으로 사용할 수 있다. 그런데 여기서 load 된 값이 캐슁처리되면서 더이상 load가 실행되지 않는다.

이때 아래와 같은 방법으로 대응가능하다.

$("img").one("load",function(){

var img = {
  width:$(this).get(0).naturalWidth,

  height:$(this).get(0).naturalHeight

}).each(function(){

if(this.complete){

$(this).trigger("load");

}

});

예를 들어 문서가 로드된 상태에서 이미지 목록이 갱신 되었을 때 해당 목록에 있는 이미지들의 원본값을 배열에 초기화하고 싶을때 사용될 수 있겠다.

좌표 검색 페이지

http://map.yjhoon.com/naver/

1. [시작]
2. 그림 축소그림 확대
3.  
4. 
5. 을 클릭하고 검색 창에 regedit를 입력하세요.
   
6. 그림 축소그림 확대
7.  
8. 
9. 
   

1. 프로그램 아래 [regedit]를 마우스 오른쪽 단추로 클릭한 다음 [관리자 권한으로 실행]을 클릭하세요.
   
2. 그림 축소그림 확대
4. 
5. 
   
   
6. 표 축소표 확대

그림 축소그림 확대

사용자 계정 컨트롤 메시지가 나타나면 관리자 암호를 입력하거나 [예]를 클릭합니다.

1. 레지스트리 편집기 화면에서 아래 경로로 이동하세요.
   HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\Authentication\LogonUI\Background
   

   그림 축소그림 확대

   
   
   
2. OEMBackground를 두 번 클릭하여 값을 1로 변경하세요.
   만약, OEMBackground가 없는 경우는
   [HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\Authentication\LogonUI\Background]를 오른쪽 마우스를 클릭하여 새로 만들기 –DWORD(32비트) 값을추가하면 됩니다.
   
   그림 축소그림 확대

   
   
   

1. 윈도우 탐색기를 실행하고 다음 위치로 이동합니다. C:\Windows\System32\oobe\info\background 폴더로 이동합니다. 만약 이 위치에 해당폴더가 없는 경우에는 폴더를 생성하고 동일한 이름으로 변경하면 됩니다.
   
2. 그림 축소그림 확대
4. 
5. 
   
   
6. 표 축소표 확대

그림 축소그림 확대

폴더를 추가하거나 이름 변경시 사용자 계정 컨트롤 메시지가 나타나면 관리자 암호를 입력하거나 [예]를 클릭합니다.

1. C:\Windows\System32\oobe\info\backgrounds 위치에 로그온 화면으로 변경하려는 이미지 파일의 이름을 backgroundDefault.jpg 로 지정하고 이동시키세요.
   
2. 그림 축소그림 확대
4. 
5. 
   
6. 표 축소표 확대

그림 축소그림 확대

폴더를 추가하거나 이름 변경시 사용자 계정 컨트롤 메시지가 나타나면 관리자 암호를 입력하거나 [예]를 클릭합니다. 로그온 화면으로 설정될 이미지의 파일의 크기는 256KB 미만의 이미지를 사용해야 합니다.

1. [시작
2. 그림 축소그림 확대
4. 
5. ], [시스템 종료], [로그오프]를 차례대로 클릭하여 컴퓨터를 로그오프하면 설정한 이미지로 로그온 화면이 변경된 것을 확인할 수 있습니다.
   
6. 그림 축소그림 확대
8. 
9. 
   
   
10. 그림 축소그림 확대

Apache UserDir 모듈

Apache 서버의 내부 사용자들이 외부에 공개하고자 하는 html 문서를 저장하기 위한 용도로 사용되는 내부 사용자별 디렉터리를 말한다.  UserDir 모듈 사용방법은 아래와 같이 사용한다. 

1. userdir.conf 편집

#/etc/apache2/mods-available/userdir.conf

위에서 살펴본 userdir.conf파일을 이용하여, 특정 사용자만 UserDir 디렉터리를 허용시키고자 할 때는 enabled을 사용하여, 아래와 같이 설정한다.

예) UserDir disabled

    UserDir enabled user1 user2

대부분의 사용자는 허용하고 일부만 거부하고자 한다면 disabled을 이용하여, 아래와 같이 설정한다.

예) UserDir enabled

    UserDir disabled user1 user2 

2. 링크 또는 복사

Userdir.conf 파일 설정이 완료되면, /etc/apache2/mods-acailable/안에 있는 userdir.cof와

userdir.load 파일을 /etc/apache2/modes-enabled/으로 복사하거나 링크를 걸어 준다.

3. 폴더 생성

2번 까지 모두 완료되었으면, 이제 Home 디렉터리에 존재하는 사용자 폴더 밑에 public_html 폴더를 생성 후 안에 *.html 을 생성 해준다. 

4. 모든 설정이 끝났다. 이제 apache 데몬을 재 시작한다.

- Userdir 접속 방법

브라우저에서 http://도메인/~사용자/ (http://ex.com/~user1/)

외부에서 불법 링크를 차단 할 경우 (내부링크는 허용됨)
apache virtualhost부분에 아래 추가

   SetEnvIFNoCase Referer "daum.com" link_allow
   SetEnvIFNoCase Referer "111.111.13.111" link_allow - localhost를 지정해주지 않으면 IP로 접속시 이미지 깨짐
   <FilesMatch "\.(gif|jpg|)$"> - gif|jpg 지정할 경우 웹페이지중 gif 및 jpg는 외부링크는 허용안됨 추가로 확장자 지정됨
ex> (gif|jpg|png|bmp|zip|tar|rar|alz|a00|ace|jpg|jpeg|txt|GIF|JPG|BMP|ZIP|TAR|RAR|ALZ|A00|ACE|TXT|mp3|MP3|mpeg|MPEG|wav|WAV|asf|ASF|wmv|WMV|swf|SWF|exe|EXE)$">
   order allow,deny
   allow from env=link_allow
   deny from all
 </FilesMatch>

 <VirtualHost *:80>
   # ServerAdmin webmaster@daum.or.kr
    DocumentRoot /home/public_html/
    ServerName daum.com
    ServerAlias www.daum.com
    SetEnvIf Request_URI \.gif image-request
    SetEnvIf Request_URI \.jpg image-request
    SetEnvIf Request_URI \.png image-request
    CustomLog logs/access_log common env=!image-request
    #ErrorLog "logs/damc.or.kr-error_log"
    #CustomLog "logs/damc.or.kr-access_log" common

    <FilesMatch "\.(gif|jpg|png|bmp|zip|tar|rar|alz|a00|ace|jpg|jpeg|txt|GIF|JPG|BMP|ZIP|TAR|RAR|ALZ|A00|ACE|TXT|mp3|MP3|mpeg|MPEG|wav|WAV|asf|ASF|wmv|WMV|swf|SWF|exe|EXE)$">
  order allow,deny
  allow from env=link_allow
  deny from all
 </FilesMatch>
</VirtualHost>

.foo {

   background-size: auto 100%;
}