[RahXePhon] 하쿠나 마타타~

▶ 코리아인터넷닷컴 자바스크립트 소스/예제 모음

프로그래밍/스크립트 2008. 12. 9. 10:56

인터넷 익스플로러 5.5 이상부터는 CSS상에 필터 코드를 삽입하여 이미지에 멋진 특수 효과를 적용할 수가 있다. 지난 시간엔 블렌드 트랜스 필터를 이용하는 방법에 대해 살펴 보았다. 이번 시간엔 쉐도우 필터(Shadow filter)를 어떻게 이용하는지 살펴 보도록 하자. 쉐도우 필터는 말 그대로 객체에 음영 효과를 주는 필터이다. 이 필터를 통해 음영 크기 및 방향을 조절할 수 있다. 실제 예를 먼저 살펴 보도록 하자. 원본 이미지 결과 이미지 위 결과에 대한 소스 코드는 다음과 같다. 위 Shadow() 필터 함수 내에는 각종 쉐도우 필터와 관련한 속성들을 삽입할 수 있는데, color는 음영색을, Direction은 음영의 방향을, Strength는 음영의 크기를 나타낸다. 이 쉐도우 필터 역시 ..

프로그래밍/스크립트 2008. 12. 9. 10:56

인터넷 익스플로러 5.5 이상부터는 CSS상에 필터 코드를 삽입하여 이미지에 멋진 특수 효과를 적용할 수가 있다. 지난 시간엔 알파 필터를 이용하는 방법에 대해 살펴 보았다. 이번 시간엔 블랜드 트랜스 필터(BlendTrans filter)를 어떻게 이용하는지 살펴 보도록 하자. 블렌드 트랜스 필터는 해당 필터를 적용하려는 객체의 페이드-인(fade-in), 페이드-아웃(fade-out)을 조절하는 필터이다. 쉽게 감을 잡기 위해 간단한 예제를 살펴 보자. 아래 있는 버튼을 클릭해 보면 이미지가 페이드-인, 페이드-아웃되는 것을 확인할 수 있을 것이다. 또 다른 예를 살펴보자. e비즈니스 및 IT 전문가를 위한 지식 미디어, 코리아인터넷닷컴 위 결과에 대한 소스 코드는 다음과 같다. e비즈니스 및 IT ..

프로그래밍/스크립트 2008. 12. 9. 09:15

인터넷 익스플로러 5.5 이상을 사용하고 있다면 BasicImage 객체의 필터 기법 사용법을 익혀두는 것이 좋다. 몇 가지 속성 사용만으로도 훌륭한 이미지 프로세싱이 가능하기 때문이다. BasicImage 필터를 사용하는 가장 간단한 방법은 다음과 같다: HTML 스크립트 object.style.filter = "progid:DXImageTransform.Microsoft.BasicImage(sProperties)" 결과부터 살펴 보도록 하자. 아래 "소스실행하기" 버튼을 클릭한 후 여러 옵션 상자들을 조절하여 BasciImage 필터 효과들을 살펴 보기 바란다. BasicImage 필터 사용법 아래 옵션 상자들을 조절하여 각 필터들의 효과를 살펴보기 바란다 이 값을 조정하면 아래 소스 코드에도 그 결..

프로그래밍/스크립트 2008. 12. 9. 09:14

인터넷 익스플로러 5.5 이상부터는 CSS상에 필터 코드를 삽입하여 이미지에 멋진 특수 효과를 적용할 수가 있다. 이 중 이번 시간엔 포토샵과 같은 그래픽 툴에서 많이 사용하는 모션 블러(motion blur) 기법을 단 1~2줄의 코드로 구현해 보도록 하자. 아래 원본 이미지와 모션 블러 필터를 적용한 예를 살펴 보기 바란다. 원본 이미지 결과 이미지 위 결과 이미지를 보면 마치 포토샵에서 이미지 효과를 준 것 같지만 전혀 그게 아니다. 위의 결과 이미지에 대한 소스 코드는 다음과 같다. 인터넷 익스플로러 5.5 이상에서부터 지원하기 시작한 필터 효과를 적용하려면 filter:progid:DXImageTransform.Microsoft.(필터이름)을 스타일 클래스 안에 사용하면 된다. 위의 태그를 보면..

프로그래밍/스크립트 2008. 12. 9. 09:14

인터넷 익스플로러 5.5 이상부터는 CSS상에 필터 코드를 삽입하여 이미지에 멋진 특수 효과를 적용할 수가 있다. 지난 시간엔 쉐도우 필터를 이용하는 방법에 대해 살펴 보았다. 이번 시간엔 크로마 필터(chroma filter)를 어떻게 이용하는지 살펴 보도록 하자. 크로마 필터는 객체의 특정 색상을 투명하게 만드는 필터이다. 간단히 예를 들어 아래 원본 이미지에서 #f6cd0c에 해당하는 색상만 투명하게 하면 다음 결과 이미지와 같다. 원본 이미지 결과 이미지 위 결과 이미지는 포토샵에서 #f6cd0c에 해당하는 색상을 투명하게 한 것이 아니라 CSS 코드 상에서 chroma 필터를 이용한 것이다. 위 결과에 대한 소스 코드는 다음과 같다. 크로마 필터의 다른 예를 살펴 보자. 아래 선택 상자에서 제거..

프로그래밍/스크립트 2008. 12. 9. 09:14

인터넷 익스플로러 5.5 이상부터는 CSS상에 필터 코드를 삽입하여 이미지에 멋진 특수 효과를 적용할 수가 있다. 지난 시간엔 모션 블러 필터를 이용하는 방법에 대해 살펴 보았다. 이번 시간엔 알파 필터(alpha filter)를 어떻게 이용하는지 살펴 보도록 하자. 알파 필터는 해당 필터를 적용하려는 객체의 투명도를 조절하는 필터이다. 쉽게 감을 잡기 위해 간단한 예제를 살펴 보자. 원본 이미지 결과 이미지 위 결과 이미지를 보면 마치 포토샵에서 이미지에 opacity(투명도) 값을 줄인 것과 같은 효과를 보여 준다. 위 결과 이미지는 포토샵에서 opacity를 조절한 것이 아니라 CSS 코드 상에서 alpha 필터를 이용하여 투명도를 줄인 것이다. 위 결과에 대한 소스 코드는 다음과 같다. 이번엔 좀..

프로그래밍/스크립트 2008. 12. 9. 09:13

HTTP 인증규약 웹 서버가 문서를 보내기 전에 사용자의 접근 권한을 확인하기 위해 ID와 암호를 요구한다. 웹 클라이언트 1. 일반적인 요청헤더전송 2. WWW-Authenticate 인증 반응 헤더와 함께 오류메시지전송 3. 전송받은 WWW-Authenticate 4. 인증 정보 확인 후 문서 전송 헤더와 인증정보를 포함하는 Authorization 헤더를 포함시켜 다시 접속 - 웹 클라이언트와 서버는 HTTP 요청/응답 헤더 WWW-Authenticate, Authorization을 사용하여 인증 정보를 교환한다. - HTTP 기본 인증규약에는 웹 클라이언트가 사용자로 입력 받은 사용자 ID와 암호를 BASE64 인코딩하여 Authorization 헤더에 포함시켜 전송한다.(네트워크 스니퍼에 의한 ..

프로그래밍/스크립트 2008. 12. 9. 09:13

H1: 레벨 1 제목 BR: 줄 끝냄 P: 단락 끝냄 HR: 수평 괘선으로 끝냄 H2: 레벨 2 제목 H3: 레벨 3 제목 링크 A HREF="...": 링크 따라 가기 A NAME="...": 목적 링크 글씨 스타일 지정 B: 굵은 글씨 STRONG: 강한 강조 (보통 굵은 글씨) I: 이탤릭체 EM: 강조 (보통 이탤릭체) TT: 타이프라이터체 (일정 크기) CODE: 보통 타이프라이터체 PRE: 줄 끝과 빈 공간이 그대로 유지된다. 보통 타이프라이터체로 출력된다. (텍스트 문서를 그래도 포함시키고자 할 경우 적당) U: 밑줄 긋기 STRIKE: 중간줄 긋기 글씨 크기 지정 BIG: 보통보다 조금 큰 글씨 SMALL: 보통보다 조금 작은 글씨 SUB: 아랫 첨자 SUP: 윗 첨자 글씨 크기, 색깔, ..

프로그래밍/스크립트 2008. 12. 9. 09:12

‘홍콩에 한번 가볼까? 2박 3일이면 적당할 것 같은데. 어디 보자… 똑 같은 홍콩인데 뭐 크게 다르겠어? 제일 싼 것으로 찾아봐야지. 그래 이거면 되겠다!’ 쉽고 빠르게, 그것도 가장 저렴한 여행상품을 발견했다고 흐뭇해 하는 당신. 하지만 알고 있는가? 쉽게 고를수록 어려운 여행이 되고, 어렵게 고를수록 쉬운 여행이 되는 바로 그것, ‘여행상품 고르기’의 진실을. 게다가 제대로 고른다고 끝은 아니다. 숨어있는 할인 혜택을 찾아 최대한 알뜰하게 구입하는 방법까지 알아보자. 넘쳐나는 여행상품들 중에 옥석을 가려내기 위해서는 ‘아는 것이 힘’. 그렇다면 과연 어디서 이 ‘힘’이 되는 여행정보를 얻을 수 있을까? 가이드북에 실린 정보는 너무 오래됐고, 여행사 웹사이트의 정보코너는 너무 단편적이고, 블로그에 실..

가볼만한 곳^^/언제가는 가볼 해외여행 2008. 12. 8. 21:10

크고 작은 모임이 많은 연말이 다가온다. 어떤 모임이든지 2차는 노래방이 대세. 연말 모임에서 노래를 안 부르고 넘어가기란 낙타가 바늘구멍을 통과하는 일만큼 어렵다. 이럴 때 노래 부르는 게 부담스럽다면 센스 있는 선곡 하나로 분위기를 띄워 보자. 서울·경기권 백화점 문화센터 인기 노래 강사들이 추천한 노래방 선곡표. 분위기를 띄울 때에는 젊은 감각이 살아 있는 최근 곡을 선택하는 게 좋다. 장윤정, 박현빈 등 신세대 트로트 가수들의 익숙한 히트곡들이 무난하다. 경쾌한 트로트곡으로 리듬을 타도록 한다. 그러나 트로트를 부르더라도 트로트계의 고전인 ‘남행열차’‘소양강 처녀’ 등은 피할 것. 트로트가 싫을 경우 빠른 리듬의 히트곡이 많은 김건모의 노래들을 추천한다. 추천곡 20·30대라면 날봐 귀순(빅뱅 대..

라이프/웰빙, 라이프, 좋은글 2008. 12. 8. 21:09

[2008년 12월 5일 금요일] 역사에서 배우는 지혜로운 경제노트 가족들 (예병일의 경제노트, 2008.12.05) 20세기에 규제 개혁과 금융기관 개혁이 상당부분 이뤄지긴 했지만 아직 금융위기를 완전하게 막지는 못했다. 20세기에도 15차례나 주식시장 붕괴가 일어났다. 지난 25년 동안에도 심각한 금융시장 불안은 일어났다. 주식시장(1987,2001), 통화(1994년의 멕시코, 1997년의 아시아), 국가 부채(1998년의 러시아), 그 외 여러 금융기관(1984년에 있었던 콘티넨탈 일리노이 내셔널뱅크의 파산, 1987~1989년에 빈발했던 저축은행과 대출은행의 파산, 1998년 롱텀 캐피탈 매니지먼트의 파산)이 금융시장 불안을 가져왔다. (293p) 로버트 F. 브루너 외 지음, 하윤숙 옮김, 이..

라이프/예병일의 경제노트 2008. 12. 8. 09:07

여보, 우리집 거래은행은 안전한거지? 4대은행 위험도 따져보니 김경락 기자 .article, .article a, .article a:visited, .article p{ font-size:14px; color:#222222; line-height:24px; } » 4대은행 위험도 “목돈을 넣어 뒀는데, 그대로 둬도 괜찮을까요?” 금융회사 가운데 가장 안전하다는 시중은행을 보는 시선도 싸늘해졌다. 상호저축은행 등 제2금융권만큼은 아니지만 금융소비자들은 경기 둔화 추세가 가팔라지면 은행도 금융위기 회오리에 일격을 당하지 않을까 불안해한다. 이런 위기감은 은행원들도 몸소 느끼고 있다. 한 시중은행 고위 임원은 “일부 고액 예금자들이 (예금자 보호 한도인) 5천만원씩 분산 예치하는 사례가 종종 보고되고 있다”..

라이프/재테크 2008. 12. 5. 09:33

[2008년 12월 4일 목요일] 구글어스와 테러리스트 (예병일의 경제노트, 2008.12.04) 2006년 말, 이라크 남동부에 있는 항구 도시 바스라에 주둔한 영국군은 자신들이 그 도시와 인근에 숨어 있는 반란군들로부터 점점 더 정확해진 박격포 공격을 받고 있다는 사실을 깨달았다. 그 공격을 받아 한 병사가 사망했고, 여러 병사들이 부상을 입었다. 이런 포격이 이어지자 2007년 1월 둘째 주에 영국군은 반란군 용의자들의 주택들과 은신처를 급습했다. 일부 건물들에 침입했을 때, 영국은 구글어스의 지도 서비스에서 출력한 자료들을 발견하고 무척 놀랐다. 출력된 자료들 은 영국군의 주둔지를 개개의 천막은 물론이고 화장실까지도 확인할 수 있을 만큼 상세하게 보여주었다. (233p) 니콜라스 카 지음, 임종기..

라이프/예병일의 경제노트 2008. 12. 5. 09:22

강호에 황톳바람이 인다. 검객의 칼날이 예사롭지 않다. 잠깐 허공을 갈랐을 뿐인데, 주변의 허수아비들은 하나둘씩 쓰러진다. 새로운 고수의 출현이다. 이름하여 ‘경방고수’(다음 아고라 경제토론방의 고수). 백성들은 탄탄한 논리와 정보, 윤리적 자본주의관을 갖춘 그들의 신도가 되기를 마다 않는다. 광케이블을 타고 공간을 넘나드는 이들은 우리 시대의 ‘모피어스’이기도 하다. 그들이 묻는다. “네가 있는 곳은 매트릭스다. 허상의 세계다. 언제까지 당하고만 살 것인가, 아니면 매트릭스를 넘어 현실의 세상인 시온으로 발을 내디딜 것인가.” 경방이 배출한 최고의 스타 ‘미네르바’는 실제로 지난 11월13일 올린 글에서 이렇게 썼다. “1차 타격은 역시, 소득 5분위 가운데 가장 밑바닥 계층부터 지금 허리케인이 몰아치..

라이프/웰빙, 라이프, 좋은글 2008. 12. 5. 08:59

[2008년 12월 3일 수요일] 고용시장 한파를 헤쳐나가는 방법 (예병일의 경제노트, 2008.12.03) 1. Be visible 2. Don't be a maverick 3. Manage yourself 4. Network 5. Don't blow off the Christmas party '직장에서 살아남는 5가지 팁' 중에서 (포춘, 2008.12.2) 세계적으로 불어오는 '감원한파'가 직장인들의 마음을 얼어붙게 하고 있습니다. 미국 등 노동시장이 유연한 나라에서는 이미 한파가 몰아치고 있지요. 썬마이크로시스템즈 6000명, 펩시 3150명.. 먼저 시작된 금융기관들에 이어 잇따라 전해지는 다른 글로벌 기업들의 감원 숫자입니다. 구글도 1만명에 달하는 계약직 직원을 감원할 계획이라는 소식입니다...

라이프/예병일의 경제노트 2008. 12. 4. 12:38