.htaccess File Sample

분류없음 2013.08.23 15:54

=============================================================================#
          MAIN SETTINGS AND OPTIONS
=============================================================================#
Options: ALL,FollowSymLinks,Includes,IncludesNOEXEC,SymLinksIfOwnerMatch
##########
 
## MAIN DEFAULTS ###
Options +ExecCGI -Indexes
DirectoryIndex index.html index.htm index.php
DefaultLanguage en-US
AddDefaultCharset UTF-8
ServerSignature Off
 
## ENVIRONMENT VARIABLES ###
SetEnv PHPRC /webroot/includes
SetEnv TZ America/Indianapolis
SetEnv SERVER_ADMIN webmaster@domain.tld
 
## MIME TYPES ###
AddType video/x-flv .flv
AddType application/x-shockwave-flash .swf
AddType image/x-icon .ico
 
## FORCE FILE TO DOWNLOAD INSTEAD OF APPEAR IN BROWSER ###
-> http://www.htaccesselite.com/addtype-addhandler-action-vf6.html
AddType application/octet-stream .mov .mp3 .zip
 
## ERRORDOCUMENTS ###
 
-> http://askapache.com/htaccess/apache-status-code-headers-errordocument.html
 
======== 1xx
ErrorDocument 100 /error-100/
ErrorDocument 101 /error-101/
ErrorDocument 102 /error-102/
======== 2xx
ErrorDocument 200 /error-200/
ErrorDocument 201 /error-201/
ErrorDocument 202 /error-202/
ErrorDocument 203 /error-203/
ErrorDocument 204 /error-204/
ErrorDocument 205 /error-205/
ErrorDocument 206 /error-206/
ErrorDocument 207 /error-207/
======== 4xx
ErrorDocument 400 /error-400/
ErrorDocument 401 /error-401/
ErrorDocument 402 /error-402/
ErrorDocument 403 /error-403/
ErrorDocument 404 /error-404/
ErrorDocument 405 /error-405/
ErrorDocument 406 /error-406/
ErrorDocument 407 /error-407/
ErrorDocument 408 /error-408/
ErrorDocument 409 /error-409/
ErrorDocument 410 /error-410/
ErrorDocument 411 /error-411/
ErrorDocument 412 /error-412/
ErrorDocument 413 /error-413/
ErrorDocument 414 /error-414/
ErrorDocument 415 /error-415/
ErrorDocument 416 /error-416/
ErrorDocument 417 /error-417/
ErrorDocument 418 /error-418/
ErrorDocument 419 /error-419/
ErrorDocument 420 /error-420/
ErrorDocument 421 /error-421/
ErrorDocument 422 /error-422/
ErrorDocument 423 /error-423/
ErrorDocument 424 /error-424/
ErrorDocument 425 /error-425/
ErrorDocument 426 /error-426/
======== 5xx
ErrorDocument 500 /error-500/
ErrorDocument 501 /error-501/
ErrorDocument 502 /error-502/
ErrorDocument 503 /error-503/
ErrorDocument 504 /error-504/
ErrorDocument 505 /error-505/
ErrorDocument 506 /error-506/
ErrorDocument 507 /error-507/
ErrorDocument 508 /error-508/
ErrorDocument 509 /error-509/
ErrorDocument 510 /error-510/
 
AddLanguage aa .aa # Afar
AddLanguage ab .ab # Abkhazian
AddLanguage af .af # Afrikaans
AddLanguage am .am # Amharic
AddLanguage ar .ar # Arabic
AddLanguage as .as # Assamese
AddLanguage ay .ay # Aymara
AddLanguage az .az # Azerbaijani
AddLanguage ba .ba # Bashkir
AddLanguage be .be # Byelorussian
AddLanguage bg .bg # Bulgarian
AddLanguage bh .bh # Bihari
AddLanguage bi .bi # Bislama
AddLanguage bn .bn # Bengali; Bangla
AddLanguage bo .bo # Tibetan
AddLanguage br .br # Breton
AddLanguage ca .ca # Catalan
AddLanguage co .co # Corsican
AddLanguage cs .cs # Czech
AddLanguage cy .cy # Welsh
AddLanguage da .da # Danish
AddLanguage de .de # German
AddLanguage dz .dz # Bhutani
AddLanguage el .el # Greek
AddLanguage en .en # English
AddLanguage eo .eo # Esperanto
AddLanguage es .es # Spanish
AddLanguage et .et # Estonian
AddLanguage eu .eu # Basque
AddLanguage fa .fa # Persian
AddLanguage fi .fi # Finnish
AddLanguage fj .fj # Fiji
AddLanguage fo .fo # Faeroese
AddLanguage fr .fr # French
AddLanguage fy .fy # Frisian
AddLanguage ga .ga # Irish
AddLanguage gd .gd # Scots Gaelic
AddLanguage gl .gl # Galician
AddLanguage gn .gn # Guamni
AddLanguage gu .gu # Gujarati
AddLanguage ha .ha # Hausa
AddLanguage he .he # Hebrew
AddLanguage hi .hi # Hindi
AddLanguage hr .hr # Croatian
AddLanguage hu .hu # Hungarian
AddLanguage hy .hy # Armenian
AddLanguage ia .ia # Interlingua
AddLanguage id .id # Indonesian
AddLanguage ie .ie # lnteriingue
AddLanguage ik .ik # Knupiak
AddLanguage is .is # Icelandic
AddLanguage it .it # Italian
AddLanguage iu .iu # Inuktitut (Eskimo)
AddLanguage ja .ja # Japanese
AddLanguage jw .jw # Javanese
AddLanguage ka .ka # Georgian
AddLanguage kk .kk # Kazakh
AddLanguage kl .kl # Greaenlandic
AddLanguage km .km # Cambodian
AddLanguage kn .kn # Kannada
AddLanguage ko .ko # Korean
AddLanguage ks .ks # Kashmiri
AddLanguage ku .ku # Kurdish
AddLanguage ky .ky # Kirghiz
AddLanguage la .la # Latin
AddLanguage ln .ln # Lingala
AddLanguage lo .lo # Laothian
AddLanguage lt .lt # Lithuainnian
AddLanguage lv .lv # Latvian, Lettish
AddLanguage mg .mg # Malagasy
AddLanguage mi .mi # Maori
AddLanguage mk .mk # Macedonian
AddLanguage ml .ml # Malayalam
AddLanguage mn .mn # Mongolian
AddLanguage mo .mo # Moldavian
AddLanguage mr .mr # Marathi
AddLanguage ms .ms # Malay
AddLanguage mt .mt # Maltese
AddLanguage my .my # Burmese
AddLanguage na .na # Nauru
AddLanguage ne .ne # Nepali
AddLanguage nl .nl # Dutch
AddLanguage no .no # Norwegian
AddLanguage oc .oc # Occitan
AddLanguage om .om # (Afan) Oromo
AddLanguage or .or # Oriya
AddLanguage pa .pa # Punjabi
AddLanguage pl .po # Polish (use .po instead .pl to avoid problems with perl files)
AddLanguage ps .ps # Pashto, Pushto
AddLanguage pt .pt # Portuguese
AddLanguage qu .qu # Ouechua
AddLanguage rm .rm # Rhaeto-Romance
AddLanguage rn .rn # Kirundi
AddLanguage ro .ro # Romanian
AddLanguage ru .ru # Russian
AddLanguage rw .rw # Kinya, Rwanda
AddLanguage sa .sa # Sanskrit
AddLanguage sd .sd # Sindhi
AddLanguage sg .sg # Sangro
AddLanguage sh .sh # Serbo-Croatian
AddLanguage si .si # Singhalese
AddLanguage sk .sk # Slovak
AddLanguage sl .sl # Slovenian
AddLanguage sm .sm # Samoan
AddLanguage sn .sn # Shona
AddLanguage so .so # Somali
AddLanguage sq .sq # Albanian
AddLanguage sr .sr # Serbian
AddLanguage ss .ss # Siswati
AddLanguage st .st # Sesotho
AddLanguage su .su # Sundanese
AddLanguage sv .sv # Swedish
AddLanguage sw .sw # Swahili
AddLanguage ta .ta # Tamil
AddLanguage te .te # Tegulu
AddLanguage tg .tg # Tajik
AddLanguage th .th # Thai
AddLanguage ti .ti # Tigrinya
AddLanguage tk .tk # Turkmen
AddLanguage tl .tl # Tagalog
AddLanguage tn .tn # Setswana
AddLanguage to .to # Tonga
AddLanguage tr .tr # Turkish
AddLanguage ts .ts # Tsonga
AddLanguage tt .tt # Tatar
AddLanguage tw .tw # Twi
AddLanguage ug .ug # Uigur
AddLanguage uk .uk # Ukrainian
AddLanguage ur .ur # Urdu
AddLanguage uz .uz # Uzbek
AddLanguage vi .vi # Vietnamese
AddLanguage vo .vo # Volapuek
AddLanguage wo .wo # Wolof
AddLanguage xh .xh # Xhosa
AddLanguage yi .yi # Yiddish
AddLanguage yo .yo # Yoruba
AddLanguage za .za # Zhuang
AddLanguage zh .zh # Chinese
AddLanguage zu .zu # Zulu
 
=============================================================================#
          SCRIPTING, ACTION, ADDHANDLER
=============================================================================#
Handlers be builtin, included in a module, or added with Action directive
default-handler: default, handles static content (core)
      send-as-is: Send file with HTTP headers (mod_asis)
      cgi-script: treat file as CGI script (mod_cgi)
       imap-file: Parse as an imagemap rule file (mod_imap)
     server-info: Get server config info (mod_info)
   server-status: Get server status report (mod_status)
        type-map: type map file for content negotiation (mod_negotiation)
  fastcgi-script: treat file as fastcgi script (mod_fastcgi)
##########
 
-> http://www.askapache.com/php/custom-phpini-tips-and-tricks.html
 
## PARSE AS CGI ###
AddHandler cgi-script .cgi .pl .spl
 
## RUN PHP AS APACHE MODULE ###
AddHandler application/x-httpd-php .php .htm
 
## RUN PHP AS CGI ###
AddHandler php-cgi .php .htm
 
## CGI PHP WRAPPER FOR CUSTOM PHP.INI ###
AddHandler phpini-cgi .php .htm
Action phpini-cgi /cgi-bin/php5-custom-ini.cgi
 
## FAST-CGI SETUP WITH PHP-CGI WRAPPER FOR CUSTOM PHP.INI ###
AddHandler fastcgi-script .fcgi
AddHandler php-cgi .php .htm
Action php-cgi /cgi-bin/php5-wrapper.fcgi
 
## CUSTOM PHP CGI BINARY SETUP ###
AddHandler php-cgi .php .htm
Action php-cgi /cgi-bin/php.cgi
 
## PROCESS SPECIFIC FILETYPES WITH CGI-SCRIPT ###
Action image/gif /cgi-bin/img-create.cgi
 
## CREATE CUSTOM HANDLER FOR SPECIFIC FILE EXTENSIONS ###
AddHandler custom-processor .ssp
Action custom-processor /cgi-bin/myprocessor.cgi
 
=============================================================================#
          HEADERS, CACHING AND OPTIMIZATION
=============================================================================#
-> http://www.htaccesselite.com/cache-control-http-headers-vt65.html
      300   5 M
     2700  45 M
     3600   1 H
    54000  15 H
    86400   1 D
   518400   6 D
   604800   1 W
  1814400   3 W
  2419200   1 M
26611200  11 M
29030400   1 Y (never expire)
##########
 
### HEADER CACHING ####
-> http://www.askapache.com/htaccess/speed-up-sites-with-htaccess-caching.html
<FilesMatch ".(flv|gif|jpg|jpeg|png|ico)$">
   Header set Cache-Control "max-age=2592000"
</FilesMatch>
<FilesMatch ".(js|css|pdf|swf)$">
   Header set Cache-Control "max-age=604800"
</FilesMatch>
<FilesMatch ".(html|htm|txt)$">
   Header set Cache-Control "max-age=600"
</FilesMatch>
<FilesMatch ".(pl|php|cgi|spl|scgi|fcgi)$">
   Header unset Cache-Control
</FilesMatch>
 
## ALTERNATE EXPIRES CACHING ###
-> htaccesselite.com/d/use-htaccess-to-speed-up-your-site-discussion-vt67.html
ExpiresActive On
ExpiresDefault A604800
ExpiresByType image/x-icon A2592000
ExpiresByType application/x-javascript A2592000
ExpiresByType text/css A2592000
ExpiresByType text/html A300
<FilesMatch ".(pl|php|cgi|spl|scgi|fcgi)$">
   ExpiresActive Off
</FilesMatch>
 
## META HTTP-EQUIV REPLACEMENTS ###
<FilesMatch ".(html|htm|php)$">
   Header set imagetoolbar "no"
</FilesMatch>
 
=============================================================================#
          REWRITES AND REDIRECTS
=============================================================================#
REQUEST METHODS: GET,POST,PUT,DELETE,CONNECT,OPTIONS,PATCH,PROPFIND,
                  PROPPATCH,MKCOL,COPY,MOVE,LOCK,UNLOCK
##########
 
## REWRITE DEFAULTS ###
RewriteEngine On
RewriteBase /
 
## REQUIRE SUBDOMAIN ###
RewriteCond %{HTTP_HOST} !^$
RewriteCond %{HTTP_HOST} !^subdomain.domain.tld$ [NC]
RewriteRule ^/(.*)$ http://subdomain.domain.tld/$1 [L,R=301]
 
## SEO REWRITES ###
RewriteRule ^(.*)/ve/(.*)$    $1/voluntary-employee/$2 [L,R=301]
RewriteRule ^(.*)/hsa/(.*)$     $1/health-saving-account/$2 [L,R=301]
 
## WORDPRESS ###
RewriteCond %{REQUEST_FILENAME} !-f    # Existing File
RewriteCond %{REQUEST_FILENAME} !-d    # Existing Directory
RewriteRule . /index.php [L]
 
## ALTERNATIVE ANTI-HOTLINKING ###
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(subdomain.)?domain.tld/.*$ [NC]
RewriteRule ^.*.(bmp|tif|gif|jpg|jpeg|jpe|png)$ - [F]
 
## REDIRECT HOTLINKERS ###
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(subdomain.)?domain.tld/.*$ [NC]
RewriteRule ^.*.(bmp|tif|gif|jpg|jpeg|jpe|png)$ http://google.com [R]
 
## DENY REQUEST BASED ON REQUEST METHOD ###
RewriteCond %{REQUEST_METHOD} ^(TRACE|TRACK|OPTIONS|HEAD)$ [NC]
RewriteRule ^.*$ - [F]
 
## REDIRECT UPLOADS ###
RewriteCond %{REQUEST_METHOD} ^(PUT|POST)$ [NC]
RewriteRule ^(.*)$ /cgi-bin/form-upload-processor.cgi?p=$1 [L,QSA]
 
## REQUIRE SSL EVEN WHEN MOD_SSL IS NOT LOADED ###
RewriteCond %{HTTPS} !=on [NC]
RewriteRule ^.*$ https://%{SERVER_NAME}%{REQUEST_URI} [R,L]
 
### ALTERNATATIVE TO USING ERRORDOCUMENT ###
-> http://www.htaccesselite.com/d/htaccess-errordocument-examples-vt11.html
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^.*$ /error.php [L]
 
## SEO REDIRECTS ###
Redirect 301 /2006/oldfile.html http://subdomain.domain.tld/newfile.html
RedirectMatch 301 /o/(.*)$ http://subdomain.domain.tld/s/dl/$1
 
=============================================================================#
          AUTHENTICATION AND SECURITY
=============================================================================#

http://www.htaccesselite.com/basic-authentication-example-vt17.html

 
Require (user|group|valid-user) (username|groupname)
##########
 
## BASIC PASSWORD PROTECTION ###
AuthType basic
AuthName "prompt"
AuthUserFile /.htpasswd
AuthGroupFile /dev/null
Require valid-user
 
## ALLOW FROM IP OR VALID PASSWORD ###
Require valid-user
Allow from 192.168.1.23
Satisfy Any
 
## PROTECT FILES ###
<FilesMatch ".(htaccess|htpasswd|ini|phps|fla|psd|log|sh)$">
  Order Allow,Deny
  Deny from all
</FilesMatch>
 
## PREVENT HOTLINKING ###
SetEnvIfNoCase Referer "^http://subdomain.domain.tld/" good
SetEnvIfNoCase Referer "^$" good
<FilesMatch ".(png|jpg|jpeg|gif|bmp|swf|flv)$">
   Order Deny,Allow
   Deny from all
   Allow from env=good
   ErrorDocument 403 http://www.google.com/intl/en_ALL/images/logo.gif
   ErrorDocument 403 /images/you_bad_hotlinker.gif
</FilesMatch>
 
## LIMIT UPLOAD FILE SIZE TO PROTECT AGAINST DOS ATTACK ###
LimitRequestBody 10240000 #bytes, 0-2147483647(2GB)
 
=============================================================================#
          SSL SECURITY
=============================================================================#
-> http://www.askapache.com/htaccess/ssl-example-usage-in-htaccess.html
##########
 
## MOST SECURE WAY TO REQUIRE SSL ###
-> http://www.askapache.com/htaccess/apache-ssl-in-htaccess-examples.html
SSLOptions +StrictRequire
SSLRequireSSL
SSLRequire %{HTTP_HOST} eq "domain.tld"
ErrorDocument 403 https://domain.tld
 
=============================================================================#
          SITE UNDER CONSTRUCTION
=============================================================================#
Heres some awesome htaccess to use when you are developing a site
##########
 
## COMBINED DEVELOPER HTACCESS CODE-USE THIS ###
<FilesMatch ".(flv|gif|jpg|jpeg|png|ico|js|css|pdf|swf|html|htm|txt)$">
   Header set Cache-Control "max-age=5"
</FilesMatch>
AuthType basic
AuthName "Ooops! Temporarily Under Construction..."
AuthUserFile /.htpasswd
AuthGroupFile /dev/null
Require valid-user           # password prompt for everyone else
Order Deny,Allow
Deny from all
Allow from 192.168.64.5      # Your, the developers IP address
Allow from w3.org            # css/xhtml check jigsaw.w3.org/css-validator/
Allow from googlebot.com     # Allows google to crawl your pages
Satisfy Any                  # no password required if host/ip is Allowed
 
## DONT HAVE TO EMPTY CACHE OR RELOAD TO SEE CHANGES ###
ExpiresDefault A5 #If using mod_expires
<FilesMatch ".(flv|gif|jpg|jpeg|png|ico|js|css|pdf|swf|html|htm|txt)$">
   Header set Cache-Control "max-age=5"
</FilesMatch>
 
## ALLOW ACCESS WITH PASSWORD OR NO PASSWORD FOR SPECIFIC IP/HOSTS ###
AuthType basic
AuthName "Ooops! Temporarily Under Construction..."
AuthUserFile /.htpasswd
AuthGroupFile /dev/null
Require valid-user           # password prompt for everyone else
Order Deny,Allow
Deny from all
Allow from 192.168.64.5      # Your, the developers IP address
Allow from w3.org            # css/xhtml check jigsaw.w3.org/css-validator/
Allow from googlebot.com     # Allows google to crawl your pages
Satisfy Any                  # no password required if host/ip is Allowed

 

 

출처: http://www.askapache.com/htaccess/ultimate-htaccess-file-sample.html

설정

트랙백

댓글

install xbmc on ubuntu

분류없음 2013.08.19 21:54

This is how to install XBMC on Ubuntu and Linux Mint:

$ sudo add-apt-repository ppa:team-xbmc/ppa
$ sudo apt-get update
$ sudo apt-get install xbmc




출처: http://linuxg.net/how-to-install-xbmc-12-2-on-ubuntu-13-04-12-10-12-04-and-linux-mint-15-14-13/

설정

트랙백

댓글

우분투 굴림체 사용

분류없음 2013.08.17 21:41
우분투의 흐리멍텅한 폰트에 지쳤다면 윈도우의 깔끔한 굴림체를 설치해보자



우선 위의 파일을 다운로드하고 터미널에서 다음과 같이 입력한다.

$ sudo apt-get install rpm (rpm을 풀기 위한 패키지 설치)

$ rpm2cpio hanyang-ttf-2.0-6hs.noarch.rpm | cpio -ivd

[hanyanh-ttf-2.0-6hs.noarch.rpm이 있는 폴더]/usr/share/fonts/hanyang/Gulim.ttf 파일을

/usr/share/fonts/truetype에 붙여넣기 한 후,

$ sudo fc-cache -r (font cache 업데이트)

이제 '모양새 - 글꼴'에서 굴림체를 선택할 수 있다.



적용 전 / 적용 후


..는 훼이크고 훨씬 쉬운 방법을 생각해보았다. 역시 훨씬 쉬운 방법이 있었다. rpm파일을 직접 해제할 필요도 없이 그냥 'Gulim.ttf'파일을 /usr/share/fonts/truetype/alee에 붙여넣기 한 후(root권한으로!), fc-cache -r명령어로 폰트 캐쉬만 업데이트해주면 되는 것이었다. 'Gulim.ttf'파일은 아래에 있다!!!


설정

트랙백

댓글

아이팟터치, 아이패드 초기화 방법

분류없음 2013.08.15 20:21

컴퓨터에 iTunes를 설치하고 USB로 연결해 DFU 초기화

DFU 초기화 방법
1. 전원 끄기
2. 슬립버튼과 홈버튼을 같이 눌러주면 애플로고가 뜨면서 부팅
3. 애플로고가 갑자기 사라질때 쯤 슬립버튼을 떼주고  홈버튼을 그대로 계속 눌러주고 있는다
4. 그러면 갑자기 아이튠즈에서 띠딕 하면서 DFU와 함께 복원화면으로 넘어갑니다,
5. 창을 클릭하고 복원버튼을 누르고 진행을 하면 초기화가 진행이 됩니다,

 

 

설정

트랙백

댓글

dns DB연동

분류없음 2013.08.12 17:18

네임서버에서 데이타를 텍스트파일로 관리할 경우 관리하는 도메인이 늘어나면 처리가 불편합니다.
이러한 경우에는 DBMS와 연동하거나 LDAP 서버와 연결하여 사용할 수 있는 네임서버들이 있습니다.
이러한 것들을 이용하면 DNS와 관련된 관리업무를 편리하게 할 수 있습니다.

만약 제가 직접 DNS를 운영하는 경우라면 저는 이러한 DNS를 쓸 것입니다.
vi로 named.conf 수정하는 작업은 오우~~~

* DNS Server 비교
http://en.wikipedia.org/wiki/Comparison_of_DNS_server_software

* DNS 소프트웨어 비교 : 아래 자료보면 Mysql, LDAP 서버와 연동할 수 있는 dns 소개하고 있음.
http://cr.yp.to/djbdns/other.html

호스팅하는 회사들에서도 DBMS와 연동을 하는 PowerDNS 같은 것을 쓰는 경우도 있지요.

우앗~~ 역시나 찾아보니깐 DHCP도 LDAP과 연동할 수가 있군요.
DHCP 와 DBMS로는 검색결과가 잘 안 나오는데 LDAP과는 자료들이 있습니다.
데비안 패키지등으로도 나오는군요.

http://skalyanasundaram.wordpress.com/dhcp/dhcp-with-ldap-support/

물론 dhcp 정보도 vi 로 편집하거나 프로그램을 이용하여 처리할 수 있겠지만 DBMS 또는 LDAP 등과 연동이 되면복잡하게 프로그램 만들 필요 없이 DBMS 또는 LDAP 에서 제공하는 기능을 이용하여 편리하게 업데이트가 가능하지요. DHCP정보 업데이트가 자주 있는 경우에는 고려해볼만한 선택이라 생각하네요.


출처: http://cafe.naver.com/dnspro/12338

설정

트랙백

댓글

html 캐쉬 사용하지 않기

분류없음 2013.08.08 11:07

<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">

설정

트랙백

댓글

IE6에서도 투명한 png이미지를 마음대로 써보자

분류없음 2013.08.08 10:06

IE6에서도 투명한 png이미지를 마음대로 써보자

IE6만 쓰던 시절엔 png투명이미지를 아예 쓸 생각을 하지않았는데, IE6이하를 제외한 거의 모든 브라우저,

심지어 IE조차 7부터는 png24 투명/반투명이미지를 지원하기에 단지 IE6때문에 유용한 png파일 사용을 못하기엔 안타깝다는 생각이 많이 든다.

 

예전부터 크게 두가지 방법이 있긴 했다.

1. DXImageTransform.Microsoft.AlphaImageLoader어쩌고로 시작하는 방법

배경에는 속성(repeat,position)적용이 안됨, 물론 배경이 아닌 단순한 이미지를 삽입하거나 배경에 repeat과 같은 속성이 필요없을시에는 요긴하게 쓰일수도있다.


2. iepngfix.htc 이런식의 IE전용인 .htc파일을 불러들여 IE에서만 읽고 실행하는 방법.

이방법이 계속 발전해서 투명 png 배경이미지속성까지 제어가 가능한 이곳의 버전2를 사용하기위해서는

기본적인 .htc파일과 css 배경 속성지원을 위한 .js파일 그리고 blank.gif 라는 작은 투명이미지등이 필요해 약간 귀찮아 보이긴 하지만, .img나 background에 관련된 css속성 지원, 투명png hover지원등 거의 완벽하게 IE6에서 png24투명이미지를 보통의 gif 나 jpg 파일처럼 쓸수있게되었다.

그런데 문제는 투명이미지의 경우 바로 투명으로 뜨지않고, 일전의 형식(이미지의 투명한 부분이 회색바탕으로 나오는)으로 우선 보였다가 .js 화일을 읽어들이고 나서야 투명이 되기때문에 페이지를 열었을때 깜박이는 fliker 현상이 일어난다는 점.

그리 가볍지도 않은 .js,.htc 파일을 항상 로드해야된다는점 등이 아쉬운점이었다.

 


위의 두가지 방법외에 몇가지 새로운 소스들이 있어 소개해 본다.

   

 Unit PNG Fix

2kb바이트도 채 안되는 자바스크립트 한줄의 추가로 모든것이 해결되는 정말 좋은 소스라고 생각된다.

   1: <!--[if lt IE 7]>
   2:         <script type="text/javascript" src="unitpngfix.js"></script>
   3: <![endif]-->

IE filter로 인한 깜박이는 문제(fliker) 해결, 자동으로 페이지 내 모든 투명이미지에 적용, auto width, auto height, background repeat 속성지원등 괜찮은 소스이다.

그러나 간혹 jquery를 이용한 dropdown menu 나 slide toggle 등이 z-index를 이용해 png배경위에 놓였을때 펼쳐지지 않을 때가있음이 발견되었고, background-position은 지원이 되지않는다.

IE6만을 위한 코드이므로 IE5.5 이하의 버전에서는 어찌될지 모르겠다.

우선 원하는 페이지에 적용해보고 이상이 없다면, 현재로선 가장 간단한 방법이 아닌가 싶다.

 

 Achieve alpha transparency in IE6 without the need of an HTTP request

별도의 자바스크립트를 추가하기 원하지 않는 사람들을위해 예전에 사용하던 1번방식이 좀더 발전된 소스라고 보면 되겠다.

   1: * html * { behavior: expres\sion( (this.runtimeStyle.behavior = "none") 
   2: && 
   3: (this.currentStyle.backgroundImage.toString().toLowerCase().indexOf('.png')>-1) 
   4: && ( this.runtimeStyle.filter = 
   5: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + 
   6: this.currentStyle.backgroundImage.toString().replace('url("','').replace('")','') 
   7: + "', sizingMethod='crop')", this.runtimeStyle.zoom = 1, 
   8: this.runtimeStyle.backgroundImage = "none" ) ); } 

CSS에 이런식으로 넣어주면 한꺼번에 페이지내 모든 투명 배경이미지를 제어할수있다.

발견된 문제점으로는 투명png 배경이미지가 있는 레이어위에 z-index로 다른 레이어를 얹었을때 그안에 있는 모든 링크나 버튼들이 클릭이 안된다는 점이다.

투명배경위에 링크나 메뉴버튼을 넣을 필요가 없는 경우엔 유용한 소스라고 할수있다.

 



Jquery plug-in을 이용한 투명이미지 출력방법도 몇가지 있다.

 

  jquery IE6 png transperency fix

해당싸이트에가서 jqPngFix.zip파일을 다운받아 적용한다. 배경은 지원이 되지않으며, 싸이트내 단순 .img 태그에만 적용한다.

   

jquery.pngFix.js PNG-Transparency

IE 5.5와 6을 지원하며, background에도 png를 적용할수있으나, repeat이나 position속성등은 쓸수없고

예전의 그것과는 약간 다른 느낌의 fliker현상이 발견되었다.

항상 png이미지가 포함되는 요소의 width와 height를 지정 해주어야 한다.

 

iFixPng improved

background-position은 지원하나 repeat은 지원이 안된다. 최신 버전에서는 background-position을 퍼센티지로도 지정할수있다.

 

 

 

마지막으로 jquery 플러그인은 아니지만 현재 블로그에 적용하고있는 소스를 소개해본다. 

 적용했었는데, 텍스트큐브엔 자바스크립트를 업로드 할수없어 다른데서 끌어쓰다가 그냥 없애버렸기때문에 현재 IE6에서는 블로그 투명테두리가 안보이도록 바꿔버렸다.

 DD_belatedPNG

7kb가량의 자바스크립트를 로드해야되지만(7kb가 무겁다는 얘기는 절대 아니다), 셀랙트박스, 라디오버튼, 이미지hover, javascript animation등에도 자유자재로 png투명이미지를 배경이나 버튼이미지로 넣을수있다.

광범위한 지원과 더불어 개발자의 끊임없는 업데이트도 눈에 띈다.

물론 fliker현상도 없다!

 

출처: http://skinoza.blogspot.kr/2009/10/ie6%EC%97%90%EC%84%9C%EB%8F%84-%ED%88%AC%EB%AA%85%ED%95%9C-png%EC%9D%B4%EB%AF%B8%EC%A7%80%EB%A5%BC-%EB%A7%88%EC%9D%8C%EB%8C%80%EB%A1%9C-%EC%8D%A8%EB%B3%B4%EC%9E%90.html

설정

트랙백

댓글

ARS 서비스

분류없음 2013.08.06 10:31

법률상담, 심리상담, 세무상담 등을 원하시는 분들이 ARS를 이용한 전화 상담을 하실려면,

 

1. 기본적으로 회사 자본금 3억 이상

2. 방송통신위원회 별정통신2호사업자 등록

3. 통신기술자 자격증 소지자 채용증명

4. 사업계획서 및 이용자보호 등 서류 다수

5. ARS 060 시스템 구매 및 설치

6. 장비설치장소 (코로게이션)

7. 운영자

 

등이 필요하며,

 

각 통신사(KT, SKB, LGU+, Onse)에 회선과 060번호를 신청하고, 060번호는 협회의 심의도 필요합니다.

 

법률상담, 심리전화, 세무상담 등을 하시려면

등록 및 서류가 복잡하고, 장비설치 및 운영까지 비용도 많이 들어 갑니다.

 

설정

트랙백

댓글

SLC MLC TLC 차이점

분류없음 2013.07.31 07:15

뽐게 보다보니 메모리 타입을 잘 모르시는 분들이 계시더라구요....
그래서 간략하게 적어드립니다.
포럼이나 정보에 가기에는 부족하니 그냥 자게로~~~

일단 SLC/MLC/TLC 구분

  - SLC (Single Level Cell) : 한 개의 소자가 1비트를 가짐, 수명은 10만회, 속도는 50~100k
  - MLC (Multi Level Cell) : 한 개의 소자가 2비트를 가짐, 수명은 1만회, 속도는 5~10k
  - TLC (Triple Level Cell) : 한 개의 소자가 4비트를 가짐, 수명은 1000회, 속도는 1~2k

간략하게 정리하면 칩셋의 셀에 몇개의 메모리비트를 저장하는가라고 보시면 됩니다.
자주 쓰면 수명이 줄겠죠.
그래서

- 수명길이 : SLC > MLC > TLC
- 속도 : SLC > MLC > TLC
- 안정성 : SLC > MLC > TLC
- 비용은 당연히 : SLC > MLC > TLC

중요한 데이터, 큰용량 이라면 SLC추천하고요
그냥 막 쓰시려면 TLC 하시면 됩니다.

블랙박스 같이 자주 썻다지웠다를 반복하는 것은 TLC가 좋지 않습니다. 최소한 MLC로 가시는게 좋습니다.

구입하실때엔 SLC나 MLC는 써 있습니다.
좋은 놈은 자랑하고 싶은 것이겠죠.
만약 이런게 없다면 대부분 TLC라고 보시면 됩니다.
근데 TLC라고 해서 저품은 아닙니다.
제조사에 따라 TLC도 아주 좋은 제품 많습니다.
일상생활에서는 아무런 차이를 느낄 수 없을 것입니다.

다만 속도차이를 느끼실텐데...
속도는 거기 클래스번호를 보시면 됩니다.
표기는 CLASS 4, CLASS 6, CLASS 10, UHS 1 이런 식으로 표기됩니다.

CLASS뒤의 숫자는 쓰기속도입니다.
즉 Class 4 : 쓰기속도 4MB/s 인 것입니다.
UHS 1 은 기본적으로 Class 10 속도를 기반으로 하고 있습니다

 

출처: http://www.ppomppu.co.kr/zboard/view.php?id=freeboard&no=2398868

설정

트랙백

댓글

웹페이지에 전환 효과 주기

분류없음 2013.07.30 18:51
웹페이지에 전환 효과 주기

웹 페이지에서도 다른 페이지 이동 할 때 트랜지션(Transition, 화면 전환) 효과를 줄 수 있습니다. 
* 인터넷 익스플로러 4.0 이상에서만 가능 [Sample]

[예제]
<HTML>
<HEAD>
<meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=10)">
</head>

<body>
meta 태그의 Tansition 값을 본문을 참조하여 변경해 보세요.
<p><img src="../s_img/tree.jpg"></p>
</body>
</html> 

[설명]

웹 문서의 앞 부분(<head>태그 안)에 META 태그를 적절히 삽입하면 되는데 이 META 태그를 통해 트랜지션의 효과, 시간, 언제 일어날지 등을 조절할 수가 있습니다.

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)"> 

http-equiv:트랜지션 효과가 언제 발생해야할지를 지정해 주는 것으로 4가지의 옵션이 있습니다.
   "Site-Enter" / "Site-Exit" / "Page-Exit" / "Page-Enter"
    
content:어떤 효과를 얼마의 시간 동안 보여줄지를 지정합니다.
   
revealTrans:Duration : 초 단위 시간을 지정합니다.
  Tansition : 효과의 종류를 의미하는 것으로 모두 23개의 효과가 있습니다.
  

trasition 값

효 과

trasition 값효 과

 0

 가운데로 모으기 (박스 형태)

12흩어 뿌리기

 1

 밖으로 펼치기 (박스 형태)

13수직 안쪽으로 나누기

 2

 가운데로 모으기 (원 형태)

14

수직 바깥쪽으로 나누기

 3

 밖으로 펼치기 (원 형태)

15수평 안쪽으로 나누기

 4

 위로 닦아내기

16수평 바깥쪽으로 나누기

 5

 아래로 닦아내기

17계단 모양 왼쪽 아래로

 6

 오른쪽으로 닦아내기

18계단 모양 왼쪽 위로 

 7

 왼쪽으로 닦아내기

19계단 모양 오른쪽 아래로

 8

 세로 블라인드

20계단 모양 오른쪽 위로

 9

 가로 블라인드

21가로 실선 무늬

 10

 가로 체크 무늬

22세로 실선 무늬
   
- blendTrans:

화면이 서서히 나타나는 효과로 효과가 하나이기 때문에 duration 값만 넣어주면 됩니다.
<meta http-equiv="Page-Enter" content="blendTrans(Duration=2.0)">



출처: http://myzest.vo.la/study/34tansition.htm

설정

트랙백

댓글