BLOG main image
분류 전체보기 (77)
프로젝트 (8)
IT소문 (9)
영화가주는인생 (5)
OpenAPI (9)
DBMS (5)
JAVA (16)
IPhone/Object-C (9)
안드로이드 (0)
WEB etc (8)
Server (1)
Michael Kors Handbags on Sale
Michael Kors Handbags on Sale
Nike Roshe Run
Nike Roshe Run
michael kors handbags outlet
michael kors handbags outlet
outlet de zapatillas nike
outlet de zapatillas nike
Cheap beats by dre uk
Cheap beats by dre uk
2,276,283 Visitors up to today!
Today 44 hit, Yesterday 210 hit
daisy rss
tistory
'WEB etc'에 해당되는 글 8건
2011.12.17 07:43


굿!~^^

[사진출처] Javascript Window size|작성자 유노아빠  


브라우져 버전별 정리

Browserwindow.
innerHeight
document.
body.
clientHeight
document.
documentElement.
clientHeight
Opera 9.5+ strictwindow document window
Opera 9.5+ quirkswindow window document
Opera 7-9.2window window document
Opera 6window window N/A
Mozilla strictwindow document window
Mozilla quirkswindow window document
Newer KHTMLwindow document window
Older KHTMLwindow document document
Chrome/Safari 4+window document window
Safari 3-window document document
iCab 3window document document
iCab 2window window N/A
IE 9+ strictwindow document window
IE 6-8 strictN/A document window
IE 5+ quirksN/A window 0
IE 4N/A window N/A
ICEbrowserwindow window document
Tkhtml Hv3window window document
Netscape 4window N/A N/A
 



테스트!

function alertSize() {

  var myWidth = 0, myHeight = 0;

  if( typeof( window.innerWidth ) == 'number' ) {

    //Non-IE

    myWidth = window.innerWidth;

    myHeight = window.innerHeight;

  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {

    //IE 6+ in 'standards compliant mode'

    myWidth = document.documentElement.clientWidth;

    myHeight = document.documentElement.clientHeight;

  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {

    //IE 4 compatible

    myWidth = document.body.clientWidth;

    myHeight = document.body.clientHeight;

  }

  window.alert( 'Width = ' + myWidth );

  window.alert( 'Height = ' + myHeight ); 

}




테스트2 - SCROLLER XY 구하기




function getScrollXY() {

  var scrOfX = 0, scrOfY = 0;

  if( typeof( window.pageYOffset ) == 'number' ) {

    //Netscape compliant

    scrOfY = window.pageYOffset;

    scrOfX = window.pageXOffset;

  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {

    //DOM compliant

    scrOfY = document.body.scrollTop;

    scrOfX = document.body.scrollLeft;

  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {

    //IE6 standards compliant mode

    scrOfY = document.documentElement.scrollTop;

    scrOfX = document.documentElement.scrollLeft;

  }

  return [ scrOfX, scrOfY ];

}



 

저작자 표시
신고
이전 댓글 더보기
eacrwronc | 2014.11.09 19:00 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
eacroroim | 2014.11.09 19:00 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
eacrcroml | 2014.11.09 19:00 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
eacrqrowb | 2014.11.19 12:23 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
eacrurobn | 2014.11.19 12:23 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
eacrurono | 2014.11.19 12:23 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
eacrdromg | 2014.11.21 20:42 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
eacrmroyo | 2014.11.25 08:41 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
eacryrory | 2014.12.12 00:37 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
eacrxrohl | 2014.12.13 23:42 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
eacrtronc | 2014.12.21 02:28 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
eacreroqp | 2015.01.03 20:15 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
plertrott | 2015.01.05 02:32 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
pleryroye | 2015.01.08 18:39 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
plereroyi | 2015.01.09 00:45 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
plerbrord | 2015.01.12 20:23 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
eacrxrorq | 2015.01.12 20:40 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
plercrotw | 2015.01.12 21:20 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Helenfldm | 2015.01.20 17:27 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Richuvtdx | 2015.01.24 04:09 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Name
Password
Homepage
Secret
2011.08.26 12:27



도전!
꼴지해도 좋다! 도전하는 정신이 아름답다.

저작자 표시
신고
coach outlet online | 2012.11.29 12:39 신고 | PERMALINK | EDIT/DEL | REPLY
This is my first time i visit here. I discovered so numerous interesting stuff in your weblog especially its discussion. From the tons of comments on your articles, I guess I am not the only one having all of the enjoyment here! maintain up the great work.
isabel marant dicker boot | 2012.12.08 14:52 신고 | PERMALINK | EDIT/DEL | REPLY
프로그래밍] iOS5 에서 tableView:viewForHeaderInSection: 구현시 주의할점 ! qwertyrtyewrasfd
Tiffany Jewelry Outlet | 2012.12.18 11:15 신고 | PERMALINK | EDIT/DEL | REPLY
Awsome post and straight to the position. The best way to prepare for tomorrow is to concentrate all your wisdom, all the enthusiasm to do my best work today, this is your only way to meet future
Michael Kors Outlet | 2012.12.18 11:15 신고 | PERMALINK | EDIT/DEL | REPLY
Greetings! I was looking for this particular info for a very lengthy time. Thanks and good luck.
termpaperwriter | 2014.02.07 19:21 신고 | PERMALINK | EDIT/DEL | REPLY
다! 도전하는 정신이 아름답다.
academia research review | 2014.02.08 19:14 신고 | PERMALINK | EDIT/DEL | REPLY
見られやすいですが、勝てない騎手だと思えば馬券を買わなければいい
Name
Password
Homepage
Secret
2011.08.17 17:18
안녕하세요.
동영상을 돌리는 프로젝트를 진행하고 계신가요?
저는 진행하고 있습니다.ㅋ 이래저래 자료를 찾다가, FFMPEG 라는 넘이 ..아주 좋은 프로그램이 있더라구요.
그걸 응용해서 자동으로 인코딩하는 프로그램을 만들어 봤는데요.

동영상을 플래쉬영상(FLV) 파일로 변환하여 웹에서는 플래쉬(SWF)로 보고.. 모바일에서는 mpeg파일로 변환하여
영상을 볼 수 있게 해야 합니다.
사람들이 올리는 동영상 종류는 다양하겠죠..

문제는 어찌 flv,mp4 파일로 변환하느냐가 문제입니다.
제가 구현한 해결방법은 ffmpeg 라이브러리를 사용하는 것입니다.

여기서 다운로드 : http://www.ffmpeg.org/  (window,linux 용 존재)


자~ 그러면 준비는 완료!
 이제 실제 프로그램을 만들어 보겠습니다.

전체적인 흐름은

1. 사용자가 업로드하는 동영상 파일을 A폴더에 넣습니다.
2. 실시간으로 A폴더에 동영상 파일이 들어왔는지 감지한다. ( JAVA 로 짜겠습니다. )
3. ffmpeg 를 실행해서 B폴더로 FLV,MP4 파일을 떨군다.
4. A폴더에 있던 사용자 파일은 삭제한다.
5. 완료

ffmpeg 옵션만 이해한다면 그리 어렵지 않다는걸 아실겁니다. 제가 워낙에 단순하게 코딩하는 스타일이라..ㅋㅋ

아래와 같이 옵션이 있습니다. 참고 하시구요.
다은 시간에는 간단하게 1번~5번까지 java로 짜서 올리겠습니다.



참고 1)

영화  flv 파일로 변경
ffmpeg -i "c:\input.avi" -ar 44100 -ab 32 -s 500x300 -b 768k -r 24 -f flv "c:\output.flv"


음악
c:\ffmpeg -i c:\_chiwawad\song.mp3 -t 00:00:05 -acodec wmav2 -ab 64000 c:\_thumbnail\snap_song.wma

영화
ffmpeg -i lost02.avi -t 00:00:05 -s 320x240 -r 200 -b 250 -ar 22050 -ab 48 lost02_512k.flv

옵션
-i = Input file name
-ar = Audio sampling rate in Hz (audio sampling frequency. default = 44100 Hz)
-ab = Audio bitrate in kbit/s (default = 64k)
-an = Disable audio recording.
-f = format (Force format)
-s = Frame size (가로x세로)
-t = 레코딩 시간 (hh:mm:ss[.xxx])
-ss = 이미지 캡쳐 시간 (초)
-fs = 파일 사이즈 제한
-vframes = 레코딩하는 비디오 프레임의 수
-r = Frame Rate (Hz, Default=25)


참고 2)

http://rodrigopolo.com/ffmpeg/cheats.html <<< 여기 사이트도 참고


참고 3) 오리지날
 
http://www.ffmpeg.org/

저작자 표시
신고
행적 | 2011.08.24 13:55 신고 | PERMALINK | EDIT/DEL | REPLY
제가 찾던 프로젝트네요! 빨리빨리 강좌 올려주세요 ㅎ
한국에 니코동같은 사이트를 만드려고 공부하고 있었는데 딱 좋은 강좌를 찾았네요 ㅎ
닥컴마니아 | 2011.08.26 12:28 신고 | PERMALINK | EDIT/DEL
안녕하세요. 행적님
다다음주에 프로젝트가 오픈하는데 오픈과 동시에
해당 내용도 오픈시키겠습니다.
감사합니다. ~^^
대왕감자 | 2011.11.02 12:02 신고 | PERMALINK | EDIT/DEL | REPLY
오랜만에와서 눈팅하고갑니다~_~ 어려운것도 쉽게설명하시는거 같군영
닥컴마니아 | 2011.11.02 13:49 신고 | PERMALINK | EDIT/DEL
대왕감자님 안녕하세요~^^
칭찬해주셔서 감사합니다.
앞으로도 자주 뵙으면 좋겠습니다.~
coach outlet online | 2012.11.29 12:39 신고 | PERMALINK | EDIT/DEL | REPLY
This is my first time i visit here. I discovered so numerous interesting stuff in your weblog especially its discussion. From the tons of comments on your articles, I guess I am not the only one having all of the enjoyment here! maintain up the great work.
Tiffany & co outlet | 2012.12.18 11:15 신고 | PERMALINK | EDIT/DEL | REPLY
From your article, you can learn a lot of philosophy of life. It’s actually a great and helpful piece of info. I’m satisfied that you shared this helpful information with us.
Michael Kors Handbags Outlet | 2012.12.18 11:15 신고 | PERMALINK | EDIT/DEL | REPLY
The world is like a mirror: Frown at itand it frowns at you; smile, and it smiles too. and these ideas are worth learning from. This article of the classic collection.
bollywood saree | 2013.01.17 17:28 신고 | PERMALINK | EDIT/DEL | REPLY
Very happy to see your article, I very much to like and agree with your point of view. Thank you for sharing.Welcome to look at my website and blog articles.Hope we can become good friends, and exchange and to help each other! Thanks!!
<a href="http://www.paridhan.co.in/collections/product/8/34/0/womens-wear/bollywood-saree">bollywood saree</a>
Name
Password
Homepage
Secret
2011.06.29 20:48
페이스북, 트위터가 선택한 MongoDB!

최근에 제11회 한국자바개발자캔퍼런스에 갔다오고 나서 많은 정보를 습득하고 왔습니다.
물론 너무나 풍부한 섹션으로 구분되어 있어서 전부 다 못보고 왔지만 그 중에 마음에 들었던 부분은
NoSQL의 MongoDB을 보게 되었고 대세?다 보니 mongoDB에 대해서 알리고자 합니다.

mongodb는?

1. MongoDB는 관계형 데이터베이스가 아니라 문서 지향 데이터베이스이다.
 - 분산 확장을 쉽게 하기 위해 설계됨

2. 손쉬운확장
 - MongoDB는 분산 확장을 염두에 두고 설계되었고, 데이터를 여러 서버에 자동적으로 분산해준다.

3. 다양한 기능
 - 색인 ( 고유 색인, 복합색인, 공간 정보 색인) 기능을 제공
 - 저장 자바스크립트
 - 집계
 - 고정 크기 컬렉션
 - 파일 저장소

4. 고성능

5. 간편한 관리
 - MongoDB는 가능하면 서버들이 스스로를 관리하게 설계하여 데이터베이스를 관리할 수 있다.
   개발자는 개발에만 신경을 쓰라는 배려

6. 가볍다
 - 구동하고나서 메모리 영역도 보여줬는데, 굿~

7. 공짜다

 * 조인, 다중 행 트랜잭션이 없다.
 이런 기능을 분산 시스템에서 효율적으로 제공하기 어렵기 때문에 제외됨.
 높은 확장성을 제공하는 아키텍처를 위한 결정임.

트랜젝션 부분 때문에 그래서 그런지..
캔퍼런스 발표자도 RDBMS랑 같이 사용하면 좋다고 했습니다.
결제 부분이 들어가면 아무래도 트랜젝션이 없다면 어려움이 따르기 때문에 NOSQL 랑 RDBMS 랑 같이 사용하면
좋다고 발표했습니다.
저역쉬 맞다고 생각들었지만, 한편으로는 앞으로 설계할 때
관계형도 설계해야되지만 NOSQL부분도 같이 설계를 해야하는 고생을 생각했습니다.ㅋ^^;

DEMO
* mongodb 사이트에 접속하시면 설명이 너무나 잘되어 있습니다.문서정리가 너무나 잘되어 있습니다.

1. 설치 http://www.mongodb.org/
  - 자신의 환경에 맞춰서 다운로드합니다. (여기에서는 windows 버전)

2. zip 압축을 풀고 data 폴더 만들기
   C:\> mkdir \data
   C:\> mkdir \data\db

3.  실행
   C:\> cd \my_mongo_dir\bin
   C:\my_mongo_dir\bin> mongod

4. 접속 
   C:\my_mongo_dir\bin> mongo

5. 간단한 명령어
   mongoDB는 javascript  + json 구조를 가지고 있습니다.
javascript 로 쿼리를 짜고, json 으로 in/out 을 하게됩니다.
> 3+3
6
> db
test
> // 따로 스키마를 정의하는게 아니라 데이타 입력과 동시에 테이블이 자동으로 생성
> db.foo.insert( { a : 1 } ) (foo 테이블에 a 필드로 1 값을 입력)
> db.foo.find()  // foo 라는 테이블 조회
{ _id : ..., a : 1 }
> show dbs (db리스트)
... 
> show collections ( 테이블리스트)
...
> help (도움말)

너무나 간단하죠? 물론 시스템 부분은 좀 더 공부를 해야합니다. 저 역쉬^^;
요즘들어 정말 자다 일어가면 신기술들을 하나씩은 보이는거 같습니다.
그만큼 급속도로 변해가고 있다는 거겠죠?
데이타도 이제는 테라바이트 수준으로 쌓이고 있다고합니다. ( 물론 서비스에 따라서 ^^;;)
개발하는데 데이타베이스에 대한 고민거리.. 대용량, 분산처리 등, 공짜로 사용할 수 있다는게
얼마나 행복한 일인가요?

자자 어서 사용해보세요~
저역쉬 이번 새로운 프로젝트에 mongodb 를 사용하기로 했습니다.
기대됩니다.
그럼 모두 즐프하세요~

아참~ NoSQL 뜻 아시죠? SQL 이 없다라는 뜻입니다. ㅋㅋ

저작자 표시
신고
이전 댓글 더보기
tiwonczani | 2014.11.11 16:41 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
tomcatmika | 2014.11.11 20:53 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
boluvtony | 2014.11.13 21:38 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
boluvtony | 2014.11.14 12:08 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
boluvtony | 2014.11.14 13:04 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
henkeaiahh | 2014.11.14 22:41 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
henkeaiahh | 2014.11.15 13:29 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
woailesya | 2014.11.17 16:53 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
woailesya | 2014.11.17 18:50 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
nishuonehoh | 2014.11.18 03:25 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
shitanebuo | 2014.11.18 04:23 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
nishuonehoh | 2014.11.18 19:53 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
dongdongyo | 2014.11.25 12:16 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
mayongcheng | 2014.11.26 00:57 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
miaomiaotae | 2014.11.26 09:51 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
sprtontyio | 2014.11.26 15:58 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
sonnictthu | 2014.11.27 01:34 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Sumdsaw | 2014.12.05 20:57 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Sundeserh | 2014.12.16 11:22 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Sundeserb | 2014.12.30 16:29 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Name
Password
Homepage
Secret
2011.02.19 23:26

이메일 체크 정규식
/^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i;


핸드폰번호 정규식
/^\d{3}-\d{3,4}-\d{4}$/;


일반 전화번호 정규식
/^\d{2,3}-\d{3,4}-\d{4}$/;


아이디나 비밀번호 정규식
 /^[a-z0-9_]{4,20}$/;


var regExp = /^01([0|1|6|7|8|9]?)-?([0-9]{3,4})-?([0-9]{4})$/;


if ( !regExp.test( document.frm.hp.value ) ) {
      alert("잘못된 휴대폰 번호입니다. 숫자, - 를 포함한 숫자만 입력하세요.");
      return false
}

저작자 표시
신고
Name
Password
Homepage
Secret
2010.12.14 18:10

한번쯤은 봤을 오류메시지....여기어디 찾아보면 해결하는 방법은 간단하다.
form 데이타로 전송할 때 enctype="multipart/form-data" 선언해야하고
또 method="post" 로 선언을 꼭 해라고 한다.
그럼 된다고 한다.
근데..
근데 왠걸..요즘 웹접근성이 어쩌고 저쩌고 하는바람에..익스,파이어폭스,크롬,싸파리에서
다 테스트를 하다보니.
위에 처럼 설정했지만  코딩을 잘 못하면 오류가 난다.

1. 아래와 같이 코딩했다면 오류가 난다.
<table>
<caption></caption>
<tbody>
<form id="upload" enctype="multipart/form-data" method="post">
</tbody>

수정은 : 웹접근성 지침서에 보니깐.  thead, tbody, caption, summary 안에 form을 넣으면 안된다고 되어 있다._-;;

<form id="upload" ~
<table>~
밖으로 빼서 이렇게 수정하면 잘된다..


2. 당연하겠지만. enctype="multipart/form-data"  사용할 때는 input  type="file" 이 존재해야 한다.
근데 간혹 enctype="multipart/form-data" 은 사용하지만  input type="file" 이 없이 사용할 수도 있다. 파일 첨부가 없으니깐....
하지만 이렇게 하면 역쉬 오류가 난다. form-data 사용은 input type="file" 이 무조건 있어야 한다는 얘긴데.
근데 IE에서는 잘된다, 크롬에서는 안된다..ㅡㅜ !!!..브라우져를 한곳에서 만들던가..ㅋㅋ





저작자 표시
신고
감사합니다 | 2011.06.02 21:09 신고 | PERMALINK | EDIT/DEL | REPLY
덕분에 해결했습니다 감사합니다.
닥컴마니아 | 2011.06.03 12:46 신고 | PERMALINK | EDIT/DEL
안녕하세요.
감사합니다.^^
ArtodaswaB | 2014.11.03 21:23 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Helencxqe | 2015.01.20 17:27 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Name
Password
Homepage
Secret
2010.11.26 13:58

"왜 지난 수년 동안 코딩 해 온 방식을 바꾸어야 하나?" 라는 생각이 든다.
왜 기존의 방식을 바꾸어가면서 웹표준 코딩을 해야 하는지, 왜왜 하면서,,나도 모르게 지킬려고 하는지?ㅋ
웹표준을 준수한 코딩의 장점 10가지를 소개하겠습니다.

1. 다양하고 많은 유저에게 내용을 전달할 수 있습니다.

 - 웹표준을 준수해서 만들어진 웹페이지는 다양한 이용자들의 기기에서 사용이 가능합니다.
다양한 웹브라우저나 스마트 폰, 그리고 포켓PC나 웹브라우저가 탑재된 휴대전화등에서 컨텐츠를 사용할 수 있게 됩니다. 그리고 시각장애인을 위한 스크린리더기에서도 웹페이지를 읽을 수 있습니다. XHTML로는 컨텐츠가 가지고 있는 그대로의 문서만 만들고, 기기별로 지원할 수 있는 CSS로 디자인을 제작하고 컨트롤 하면 됩니다.


2. 페이지의 로딩속도를 향상시킵니다.

- 웹표준을 준수하여 만들어진 HTML 파일은 생각보다 훨씬 작고 가볍습니다.
그래서 다운로드 속도도 전보다 훨씬 빠릅니다. HTML에서 잡다한 코드가 사라지고 페이지의 구조화에 필요한 코드만 있기 때문입니다. 사라진 디자인 요소는 css로 모두 이동됩니다. 수 많은 페이지의 동일한 디자인 요소는 CSS 파일 하나로 관리됩니다. CSS는 한 번만 다운로드 되면 다음부터는 다운로드 되지 않기 때문에 속도가 무척 빠릅니다.


3. 모든 브라우저를 지원합니다.

- 약간의 노력으로 독자 여러분은 구식 웹브라우저에서도 웹페이지를 깨지지 않게 만들 수 있습니다. 물론 구식 브라우저에서 지원하는 CSS속성들이 많이 모자라면 모자라는대로 페이지의 디자인 수준만 낮춘 채 컨텐츠는 100% 온전하게 전달하는 것이 가능합니다. 모든 유저들은 이 좋은 기술 덕분에 최고의 경험을 얻을 수 있게 되었습니다.


4. 컨텐츠와 디자인을 분리합니다.

- 실제 컨텐츠에는 영향을 미치지 않으면서 편리하게 디자인을 수정하거나 변형할 수 있습니다.


5. 유동적인 페이지를 구축합니다.

- 여러분이 소유한 웹사이트에도 분명 데이터나 컨텐츠가 계속 변화되어 출력되어야 하는 부분들이 있을 것입니다.예를 들어, 보편적으로는 최근 게시물의 내용물이 긴 것이 될 수도 있고, 짧은 것이 될 수도 있습니다. 그리고 전자상거래 사이트의 메뉴 개수를 쉽게 늘리거나 줄일 수 있고, 수정하기도 훨씬 간편할 것입니다.


6. 여러분의 코드가 옳다는 것을 확인합니다.

- XHTML과 CSS를 위한 코드의 유효성 검사 서비는 여러분이 웹페이지를 개발하는 동안 코드상의 오류를 끊임없이 체크하기 위하여 사용됩니다. 이것은 더 빠른 디버깅을 제공하며, 화면에 그대로 재빨리 표시 되고 코드의 문제가 없음이 확인 되었을 때 페이지가 진정 완성되었는가에 대한 확신을 제공합니다.


7. 능률적인 컨텐츠 생산

- 컨텐츠 생산은 더욱 효율적입니다. 자칫하면 여러분은 컨텐츠를 관리하는 아르바이트 수준의 업무로 이탈될 확률이 높습니다. 왜냐하면 여러분이야 말로 여러 가지 XHTML 태그 덩어리에 들어있는 컨텐츠가 어떻게 움직이는지 알고 있는 사람이기 때문입니다. 그것은 짜증나는 일이며 그 일을 하려고 여러분이 회사에 고용된 것은 아마도 아닐 것입니다. 컨텐츠 팀에게 여러분은 규격에 맞는 마크업 룰을 제공할 수 있습니다. 그리고 더불어 컨텐츠와 디자인을 한꺼번에 관리할 수 있게 됩니다.


8. 더 쉽게 컨텐츠를 배포합니다.

- 우리가 만들어 낸 컨텐츠를 제3자가 사용할 수 있도록 배포하는 것은 훨씬 쉽습니다. 왜냐하면 컨텐츠와 디자인이 분리되어 있기 때문입니다. 컨텐츠는 자유롭게 널리 배포되고 다양한 기기에서 배포하여 사용할 수 있습니다.


9. 접근성이 좋아집니다.

- 검색엔진에서 페이지를 잘 노출되게 하는 것을 비롯하여 사소한 기능들을 이용할 때 누구라도(장애인이든 독특한 장치로 웹페이지에 접근하는 사람이든) 문제가 없도록 하는데 유용합니다. 그리고 미국을 비롯한 나라들은 벌써 웹표준 관련법을 만들어서 시행하고 있습니다. 우리나라도 머지 않아 일정 규모 이상 되는 웹사이트들은 표준을 준수하여 웹페이지를 만들어야 할 것으로 전망됩니다.


10. 작업에 투입되는 노력과 시간이 줄어듭니다.
- 훨씬 적은 양의 코드를 사용하여 웹페이지를 만들 수 있으며, 웹페이지를 만들 수 있으며, 웹페이지를 수정하거나 유지보수 하는 데도 훨씬 적은 노력과 시간으로 많은 양의 작업을 수행할 수 있습니다.
저작자 표시
신고
Name
Password
Homepage
Secret
2010.05.28 15:53

★iframe 페이지를 아에 투명도를 주는 방법

iframe 자체를 투명하게 하는 법은

<iframe style="filter:alpha(opacity=80);"></iframe>

 

★ iframe 페이지 배경만 투명도를 불러오는 방법

본분의 iframe 코드안에

<iframe ALLOWTRANSPARENCY="true"></iframe>

 

불러오는 페이지 바디에

<body style="background-color:transparent"> 
신고
RonaldRar | 2015.01.09 01:38 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Name
Password
Homepage
Secret
prev"" #1 next

티스토리 툴바