검색


자료검색


"브라우저" 키워드로 총 96건 검색되었습니다.


[공지사항]  마이크로소프트, 12배 빨라진 인터넷 익스플로러9 선보여 한국마이크로소프트가 기존 웹브라우저보다 더욱 빠르고 간편해진 인터넷 익스플로러9를 15일 정식으로 내놨다. 익스플로러9의 가장 큰 장점은 빠른 속도와 직관적인 사용자편의성. 익스플로러9은 웹브라우저가 인터넷 사이트를 화면에 보여주는 처리과정에 PC의 모든 기능을 100% 이용하도록 만들어졌다. 기존의 웹브라우저들이 하나의 요소(자바스크립스 엔진)만을 개선해 처리속도를 빠르게 한 것과 차별화한 것이다. 특히 익스플로러9은 하드웨어 그래픽카드의 가속을 지원해 웹 상에서 각종 온라인게임, 동영상 등을 더욱 원활하게 이용하는 ...
[이야기]  iOS 5.1.1 업데이트 개선된 새로운 기능은? 1. 새 버전 iOS5.1.1 개선된 상황은 새 2G 및 3G 네트워크 사이에서 전환하지 못하게 만드는 버그 수정 2. 잠금 화면에 있는 단축키로 사진을 찍을 때 HDR 옵션 사용 신뢰성 향상 3. 일부 환경에서 에어플레이 비디오 재생에 영향을 미치는 버그 수정 4. 사파리 브라우저 책갈피 및 읽기 목록 동기화에 대한 신뢰성 향상 5. 앱스토어에서 성공적으로 구입한 후에도 '구입할 수 없음' 알림 표시 문제 해결
[윈도우팁]  크롬 브라우저 페이지 자동 새로고침 확장프로그램 Auto Refresh https://chrome.google.com/webstore/detail/auto-refresh/ifooldnmmcmlbdennkpdnlnbgbmfalko?utm_source=chrome-ntp-icon
[윈도우팁]  크롬브라우저로 웹사이트가 고정 실행되도록 바탕화면에 바로가기 아이콘 생성 방법 크롬브라우저로 웹사이트가 고정 실행되도록 바탕화면에 바로가기 아이콘 생성 방법 1. 크롬브라우저로 > 웹사이트 접속 2. 오른쪽 최상단 설정아이콘 클릭 > 펼침 메뉴 중 도구 더보기 > 바로가기 만들기... 선택 > 만들기 클릭
[윈도우팁]  인터넷익스플로러 로딩속도 향샹법 1) DNS캐쉬수정으로 브라우저속도 높이기 HKEY_LOCAL_MACHINESystemCurrentControlsetServic esDnscacheParameters에서 다음항목의 값을 입력한다(없으면 새로 오른쪽 마우스 클릭하여 새로만들기->DWORD값-10진수로 만든다) CachehHashTableBucketSize---->1 CachehHashTableSize---------->384 MaxCacheEntryTtlLimit-------->64000 MaxSOACacheEntryTtlLimi...
[윈도우팁]  전세계 모든 파일 확장자 모음 $$$ 임시 파일 ACE ACE Archiver 압축 파일 ACF 마이크로소프트 에이전트, HTTP 문자 파일 ACL 코렐 드로우 6, 키보드 가속기 파일 ACM 윈도우 시스템 디렉토리 파일 ACM Fallout 1,2, Baulder's Gate, 인터플레이 압축 사운드 파일 ACM Dynamic Link Library (DLL) ACS 마이크로소프트 에이전트, 문자 구조의 저장 파일 AHQ AudioHQ 플러그인 모튤 AI 어도비 일러스트레이터 파일 AI 코렐 트레이스 드로잉 AIF, AIFF Audio Interchang...
[윈도우팁]  인터넷 익스플로러(IE6, IE7, IE8) 동시에 같이 사용하기 인터넷 익스플로러(IE6, IE7, IE8) 동시에 같이 사용하기 [Software] 웹 표준과 크로스 브라우징 잘 만든 웹페이지라면 기본적으로 크로스 브라우징을 잘 지원해야 합니다. 물론 블로그도 마찬가지입니다. 이를 확인하는 데에는 특별한 방법이 있는 게 아니라, 코딩을 끝낸 후 여러 제품의 브라우저로 직접 테스트를 해보면 됩니다. W3C Validator로 표준 유효성 검사를 할 수도 있겠지만, 자신의 웹페이지가 유효성 검사를 통과하더라도 크로스 브라우징이 모두 해결된 것은 아닙니다. 현실적으로 모든 브라우저가 웹 표준...
[윈도우팁]  윈도우 XP 필요없는 서비스 중지하기 Microsoft는 Windows XP의 최소 사양으로 64M의 RAM, 권장 사양으로 128M의 RAM이 있어야 한다고 발표했습니다. 그러나 Windows XP는 이전 Windows 군에비해 훨씬 많은 서비스가 존재하며, 기본으로 설정된 서비스만 적재하는 경우에도 거의 128M의 RAM이 필요합니다. 따라서 XP를 사용하기위한 최소사양은 128M라는 얘기가 됩니다(커널 조차 메모리로 읽지 못한다면 나머지 응용 프로그램을 어떻게 실행할 수 있겠는가? 물론 실행은 가능합니다. 그러나 느린 하드로부터 매번 읽어야 하는 불편을 감...
[윈도우팁]  웹브라우저 (로딩 속도) 를 조금 올려 드립니다 ※ SP2 는 기본 10 으로 셋팅 돼 있습니다. 서비스팩을 설치 안하셨거나, 서비스팩1을 설치한 분 들은 확인해 보시고요.. -------------------------------------------------------------------------------------- - HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\Tcpip\Parameters\Wi nsock 이동하셔서 MaxSockAddrLength --------☞ 16진수 ( 10 ) --...
[윈도우팁]  XP 최적화 팁 자료 모음 1. DOS모드에서 XP설치하는 방법 2. 메뉴팝업속도를 빠르게 하기 3. CD-ROM 자동인식 비활성화 4. 인터넷익스플로러 로딩속도 향상법 5. 오류 보고(MS전송)창 나타나지 않게 하기 6. 입력도구모음 없애기 7. 에서 문서메뉴 삭제하기 8. 폴더창 속도향상하기 9. 임시인터넷 파일크기 최대한 줄이기 10. 다운로드 갯수 변경하는 방법 11. 에서 도움말메뉴 삭제하기 12. 윈도우 창이 뜨는 속도 높이기 13. 내컴퓨터등 기본아이콘 보이게하기 14. 폴더를 열었을때 화일아이콘의 화면출력(Refra...
[윈도우팁]  컴퓨터 속도업 && 최적화 1. 메뉴팝업속도업... 시작 - 실행 - regedit HKEY_CURRENT_USER\ControlPanel\desktop 오른쪽에 MenuShowDelay 항목에 값을 50~100 사이 정도로 설정을 해준다.... 50이하로 설정할 경우 오히려 역효과가 있을수 있습니다... 2. ctfmon.exe 죽이기 이 서비스는 몇몇 특수한 경우를 제외하고 거의 사용할 필요가 없는 서비스이며, 많은 문제점(불필요한 메 모리 차지, 프로그램 충돌, 시스템 지연등)을 가지고 있다 시작 - 실행 - cmd를 입력하고 실행. 명령행...
[윈도우팁]  윈도우XP 의 최고의 팁 30가지!! [1] DOS모드에서 윈도우XP설치하는 방법 XP cd의 i386아래에 있는 winnt.exe가 dos모드에서 XP를 설치하는 프로그램이다. [2] 메뉴팝업속도를 빠르게 하기 메뉴창이 열리는 속도가 느린것을 감지할수 있는데 빠르게 하는 방법이다. 시작 -< 실행창에서 regedit를 입력하여 레지스트리 편집창을 뛰운후 HKEY_CURRENT_USERControlPaneldesktop에서 MenuShowDelay항목의 값이 기본 400으로 셋팅되어 있는데 이 값을 0 에서 400 사이에서 바꾼다.(0의 값이 최...
[윈도우팁]  익스플로를 2번실행해야 브라우저가 나타남,잦은 다운 증상 : Internet Explorer를 2번 실행 해야 브라우저가 나타남 , 잦은 다운 원인 : Internet Explorer 실행중 BHO(Browser Helper Objects)모듈에서 CInternetSession Class를 사용하면서 Hang이 발생함 [ HKEY_LOCAL_MACHINE-<SOFTWARE-<Microsoft-<Windows-<Current Version -<Explorer-<Browser Helper Objects ] 주의 : 조치한 후 똑 같은 현상이 발생 한...
[윈도우팁]  레지스터 팁(바탕화면) 바탕화면의 인터넷 익스플로러 아이콘 없애기 바탕화면에 있는 인터넷 익스플로러의 아이콘을 없애는 방법은 간단하다. 레지스트리 편집기를 연 다음 아래의 항목을 수정하고 재시동하면 바탕화면에 있는 인터넷 익스플로러의 아이콘이 없어진다. HKEY_CURRENT_USER\SOFTWARE\Microsoft\Windows\CurrentVersion\Policies\Explorer DWORD : NointernetIcon 기본값 : 1 (다시 보이게 하려면 DWORD 항목을 없애거나 0으로 한다) 바탕화면의 네트워크 환...
[윈도우팁]  레지스터 팁(바탕화면) 바탕화면의 인터넷 익스플로러 아이콘 없애기 바탕화면에 있는 인터넷 익스플로러의 아이콘을 없애는 방법은 간단하다. 레지스트리 편집기를 연 다음 아래의 항목을 수정하고 재시동하면 바탕화면에 있는 인터넷 익스플로러의 아이콘이 없어진다. HKEY_CURRENT_USER\SOFTWARE\Microsoft\Windows\CurrentVersion\Policies\Explorer DWORD : NointernetIcon 기본값 : 1 (다시 보이게 하려면 DWORD 항목을 없애거나 0으로 한다) 바탕화면의 네트워크 환...
[PC조립]  PC 교체시 꼭 기억해야할 10가지 새 PC는 최신 기술이 적용돼 성능과 안정성이 더 좋고 몇 가지 흥미로운 신호음을 내기도 한다. 그러나 기존의 오래된 PC에서 필요한 것을 챙기지 않으면 후회하게 될 수 있다. IT 전문가 제프 드레이는 한 번 고생한 후에 앞으로 다시 반복하지 않으려고 체크리스트를 만들었다. 여기서 그 내용을 소개한다. 최근 나는 새 PC를 구입해야만 했다. 내가 윈도우 3.11을 사용하던 때의 이야기를 들으면 바로 이해될 것이다. 나는 윈도우 95를 처음 설치할 때 플로피 드라이브를 사용했었고 설치 후 훨씬 좋았다. 21세기로 넘어오면서 문...
[CSS]  브라우저 호환 opacity 조절 filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;
[CSS]  falot:left 일때 블록 엘리먼트가 height가 0px 현상 <style type="text/css">.Element{width:200px; border:1px solid #000;}.Element div{float:left; width:50px; border:1px solid #ddd;}</style> <div class="Element"> <div>A</div> <div>B</div></div> <div class="Element"> <div>A<...
[CSS]  브라우저별 CSS핵  ※ 언더스코어(언더바)핵 (_) div{ _width:300px; } Win IE 4~6에서만 CSS적용 ※ 닷핵 (.) div{ .width:300px; } Win IE6~7에만 CSS 적용  ※해시 핵(#) div{ width:300px; } Win IE 4~6, Mac IE 5, Opera 7, Mozilla계열, Firefox에 CSS적용  ※스타핵 *html div{ 300px; } Win IE 4~6, Mac IE4~5에 CSS적용  ※스타7핵 html*div { wid...
[CSS]  overflow 와 text-overflow 의 차이와 사용예 text-overflow 는 그 단어 뜻대로 text 가 overflow, 즉 넘칠때의 취하는 액션을 담당하게 됩니다. overflow 속성이 값을 가지고 있을때, 예를들어 overflow: hidden; 등일때 text-overflow 가 적용이 가능케 됩니다. 블락엘리먼트에 모두 적용 가능합니다.overflow 는 단순히 글자가 엘리먼트의 크기에 영향을 주지 않도록 예방하는 정도였다면 text overflow는 보이는 텍스트 이상의 글이 들어있음을 알리는 기능입니다. 엘리먼트 크기 이상의 글이 있다면 뒤에 “…” ...
[CSS]  cursor:hand 는 IE5~5.5 까지의 구 브라우져에 IE5~5.5 까지의 구 브라우져는  cursor:hand; 만 작동합니다.IE 5이상부터 모든 브라우저에 공통적으로 Pointer 커서를 주기 위해서는 아래 처럼 사용 합니다.cursor:pointer; cursor:hand;
[CSS]  !important 핵 스타핵은 IE6을 구분하기 위하여 2가지의 선언을 해야한다. 그러나 한 규칙선언안에서 IE6 이하버전을 위한 선언과 다른 브라우저를 위한 선언을 하고 싶다면 !important 핵을 사용하면된다.#top {  position:fixed !important;  position:static;}IE6 버전에서는 한 규칙안에 여러개의 속성을 사용할 수 없으므로, 첫번째 선언을 무시하고 두번째 선언을 적용한다.나머지 브라우져에서는 important 키워드가 쓰여진 속성의 우선순위를 높게 인식하기때문에 첫번째 선언을 적...
[CSS]  CSS Hack in IE8 /***** 선택자 Hacks ******//* IE 6 및 하위버전 */* html #uno  { color: red } /* IE 7 및 하위버전 */*:first-child+html #dos { color: red }  /* IE 7 및 최신브라우저(IE8포함) */html>body #tres { color: red } /* 최신브라우저 (IE7제외, IE8포함) */html>/**/body #cuatro { color: red } /* Opera 9.27 및 하위버...
[CSS]  CSS로 브라우저 구분없이 글자 자르기 CSS 로 브라우저 구분없이 글짜 자르기   CSS로 게시판의 글자자르는 방법은 여러 가지가 있으나 익스 전용이라든지 혹은 연속된 글자(111111111111111111111111111...)등에 대해서는 제대로 처리하지 못한 경우가 많이 있습니다 다음 CSS는 익스와 FF모두 정상적으로 실행되며 연속된글자에 대해서도 알맞게 처리합니다   <nobr> 태그와 display의 block 을 이용하면 됩니다     <table border=1> <tr> &nb...
[CSS]  CSS핵(hack) 정리 이 포스팅에서 언급하고 있는 CSS핵(hack)들은 대부분 옛날 브라우저들을 대상으로 한 것들이라 아마도 활용도가 그다지 높지 않으리라 생각하지만…해외사이트에 사용하고 있는 경우가 많으므로 알아두면 해외사이트를 분석할때도 상당히 도움이 되리라 생각한다. 또 CSS핵(hack)의 사용시 많은 주의를 기울여야 하며 CSS 문법상 맞지 않는 경우도 많으므로 주의하여야 한다. 일단 웹표준에 의한 사이트 제작이 익숙해지면 브라우저의 버그를 CSS핵이 아니라 CSS구조를 이용하여 회피하는 방법도 자연스럽게 익히게 되리라 생각한다. CSS...
[CSS]  BUTTON 브라우저별 랜더링 비교, 해결방법 저는 그동안 <button>엘리먼트는 생소하고, 그 기능도 모호한 것 같아서 잘 사용하지 않았었습니다. 그런데 에디터 관련 프로젝트를 진행하던 중, 글편집기 상단에 도구 모음들을 마크업해야 할 일이 생겼고, <a>와 <button> 중 어떤 태그로 마크업 하는 것이 더 시멘틱 할까를 고민하게 되었습니다.   <a>와 <button>의 쓰임새를 정리해보자면, <a>엘리먼트는 앵커(anchor)로써 문서 간의 연결, URI 참조가 주된 목적이고 <but...
[CSS]  CSS 핵 브라우저마다 HTML렌더링하는 방식이 조금씩 차이가 나고, 때로는 버그가 존재하는 관계로(망할 IE) 모든 CSS 코드가 모든 웹브라우저에서 똑같이 보이지 않습니다.따라서 이러한 특성을 이용하여 특정 브라우저를 제외하거나, 특정 브라우저에서만 CSS를 적용하는 기법을 CSS 핵(Hack) 이라고 부르죠...그래서 문법적으로 맞지 않거나, 특정 브라우저에만 적용되는 비표준인 경우가 많기 때문에 이러한 CSS핵은 어쩔 수 없는 경우가 아니면 사용하지 않아야 합니다. 또한, 단순히 눈앞의 문제만을 해결하기 위해 핵을 사용하면 나중에...
[CSS]  CSS(Cascading Style Sheet) 개요 ☆ CSS(Cascading Style Sheet)란?   Cascadingcascade는 "폭포가 되어 떨어지다"라는 뜻입니다. 폭포는 물이 위에서 아래로 힘차게 흘러 내리죠? 그럼 왜 style sheet에, cascading이란 말이 붙었을까요? CSS에는 '우선순위'라는 것이 있습니다. 이 CSS의 우선순위가 정해지는 것이, 꼭 cascade와 비슷한 느낌을 주기 때문에, style sheet에 cascading이란 말을 붙인 것입니다. Stylestyle은.. 예를 들어, 어떤 문서가 있는데 글자 크기가 1...
[CSS]  css 인코딩시 주의할점! 웹 페이지 제작시 html 페이지와 css 파일을 따로 만들어 관리를 할할 경우가 있습니다. 작업을 하다 보면, 특정 브라우저에서 css 파일의 속성들이 적용이적용이 안 될 경우가 있습니다. 1. 가장 기본적으로, html 페이지에서 csscss 파일 경로 설정을 의심 할 수 있습니다. <link rel="stylesheet" style="text/css" href="/css/style.css"> 2. 경로상의경로상의 문제가 없다면, html 파일과 css 파일의 인코딩 문제를 생각 할 수수 있습니다. 보통 html...
[CSS]  CSS의 한계 - 외부 환경에 따른 한계들이 명확한 슈렉같은 녀석 최근에 웹 표준, 웹 접근성, 웹 호환성이 이슈로 떠오르면서 CSS가 집중 조명받고 있다. CSS가 다양한 이슈들을 한꺼번에 해결해줄수 있는 슈퍼맨처럼 과대포장되고 있지만, 실제로는 자체적인 결함과 외부 환경에 따른 한계들이 명확한 슈렉같은 녀석이다. 이런 CSS의 한계를 명확하게 인지하고, 그에 따른 해법을 모색할 때, 비로서 최근의 다양한 이슈들을 올바르게 해결할 수 있을 것이다. 하늘을 날지 못하는 자동차를 탓하는 것보단, 비행기는 결코 다닐 수 없는 지하도를 훌륭하게 주행할 수 있는 점에 박수를 보내야 할 것이다. ...
[CSS]  css + xhtml 로 홈페이지 만들기 - xhtml 기본 세팅 xhtml문서를 작성하기 전에 기본적으로 꼭 들어가야 할 요소들을 살펴보도록 합시다. xhtml은 대소문자를 구분하며, 열어준 태그는 반드시 닫아야 합니다.되도록 소문자로 작성하는 것을 장려합니다. index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" l...
[PHP]  extract() 언제, 왜 사용하는것일까? php.ini 파일에 register_globals 라는 설정과 관련있습니다. register_globals 라는 설정이 on 으로 설정되어 있을 때는 현재 페이지로 전달되는 변수 및 서버 변수들을 이름 그대로 사용하실 수 있습니다. 하지만 반대로 off 로 설정되어 있을 때는 불가능 합니다. PHP 4.2.0 버전 부터 이 register_globals 라는 설정이 off 를 기본 값으로 배포가 되고 있습니다. 그 이유는 보안상의 문제 때문입니다.<?if(check_login()) {   $login_...
[PHP]  안전한 PHP 파일 업로드 구현 체크 리스트 원문 : http://hungred.com/2009/08/17/useful-information/secure-file-upload-check-list-php/   1. Content Type 검증   $_FILES['uploadfile']['type']로 MIME type 검증   * PHP가 받아오는 MIME type은 웹브라우저가 넘겨주는 값을 그대로 쓴다. 대다수 웹브라우저들은 확장자로 MIME type을 결정하기 때문에 신뢰도가 떨어지는 건 어쩔 수 없다.    ...
[HTML]  네이버 스마트에디터 IE9에서 작동 안될때 스마트 에디터 js파일중 Husky.SE_Basic.js 파일을 오픈 후에 186번줄의 구문을if(navigator.appVersion.indexOf("MSIE 9") >-1){button=document.createElement("BUTTON");button.type="button";}else if(this.bIE){button=document.createElement("<BUTTON type='button'>");}else{button=document.createElement("BUTTON");button....
[HTML]  IE7 이상 브라우저에서 팝업창 최소사이즈 IE7 이상의 브라우저에서는 팝업 최소사이즈가 width:250px / height:150px 로 고정됩니다.IE6에서는 width:250px / height:150px 이하로 지정 가능하며, IE8은 IE7과 동일합니다.구글 크롬 / 파이어폭스 / 사파리 / 오페라의 경우 IE7,8과 같이 최소사이즈의 영향을 받지 않습니다.팝업의 경우 보통 기본적으로 차단이 되므로스크립트 코드가 window.open();보다 var Popup = window.opwn();var (Popup){Popup.focus();}else{alert('...
[HTML]  웹디자이너의 분류와 역할 10년정도이 역사를 가진 웹디자인은 초기 그래픽 디자인 위주의 작업에서, 급격한 기술 변화만큼이나 다양한 분야로 세분화 되었다. 이러한 세분화는 앞으로도 계속될것으로 보인다.그럼 현재까지 웹디자이너는 어떻게 세분화 되었으며, 역할별로 어떠한 일을 담당하는지 알아보자.    크리에이티브 아트디렉터(creative Art Director) 크리에이디브 아트디렉터는 디자인 크리에이티브를 총괄하는 책임자로서 웹디자이너, 카피라이터(Copywriter), 일러스트레이터(illustrator), 포토그래퍼(Photogr...
[HTML]  HTML에서 m2 제곱미터 표현 태그, 평방미터 쓰기 Tag m<sup>2</sup>m2브라우저에는 이렇게 나오고좀더 크게 확대해 보면m2
[HTML]  meta태그 메타 태그란 <meta content="text/html; charset=euc-kr" http-equiv="Content-Type"/> 자신의 홈페이지에 관한 정보를 담아놓는 장치 여러가지 종류와 의미를 가짐 <head> 와 </head> 사이 위치 종류 <meta http-equiv="content-type" content="text/html:charset=euc-kr"> 이 메타태그는 현재의 문서가 한글로 작성되었음 이 메타태그를 쓰지 않는다면 브라우저 기본 글꼴만 볼 수 있음&...
[HTML]  음악태그 기본형식 [ 사운드 태그의 기본] 사운드(sound)태그란 말 그대로 음악이나 소리가 나오게하는 태그를 말합니다. 아무소리도 나지 않는 맹맹한 웹페이지 보다는 듣기좋은 음악이 들어간 웹페이지가 더욱 방문하시는 분들의 기억 속에 남을 겁니다... 사운드태그는 재생시킬 사운드가 무엇인지..브라우저를 어떤걸 사용하는지에 따라 뉘어 집니다... 그럼 사운드파일의 종류에 대해서 먼저 설명드릴께요... 최소한 내 자신이 듣고 있는 음악이 어떤 종류의 파일인지를 알아야 나중에 사운드태그를 사용하실 때 실수 안하시고 편하게 사용하실 수...
[웹표준]  웹표준 적용시 단점은? 웹표준은 주요 웹브라우저인 익스플로어 전용이 아닙니다. 국내 시장에서는 점유율이 높지않은 파이어폭스등의웹브라우저가 웹표준에 잘 따릅니다. 웹표준을 준수한 홈페이지는 익스플로어(특히 6.0 이하)는 제대로 구현되지 않을 수 있습니다. 플러쉬나 오브젝트 파일등 적용에 제한이 있습니다 플러쉬나 오브젝트 파일등 익스플로어 전용 기술 구현에 제약이 있어 역동적인 제작에 한계가 있습니다. 크로스브라우징, 웹접근성, 핵과필터등 여러 변수를 고려해야합니다.
[웹표준]  웹표준을 따르면 무엇이 좋은가요? 어느 웹브라우저에서도 볼 수 있습니다. 웹브라우저는 익스플로어,파이어폭스,오페라,사파리,구글,크롬등 다양하게 있습니다. 웹표준에 준거하면 다양한 브라우저에서도 똑같은 형태로 볼 수 있습니다. 사이트업데이트 작업이 용이하다. 웹표준에 다르면 홈페이지는 문서구조와 스타일시트를 따로 분리해서 만듭니다. 스타일을 변경하고 싶다면, 해당 스타일 시트만 열어서 변경하면 모든 웹페이지 디자인에 똑같이 적용할 수 있습니다. 페이지랜더링속도가 빨라진다. 디자인부분은 모두 CS파일로 정리한다. 이르 통해 인터넷익스플로어등의 웹브라우저에서 다시 ...
[웹표준]  웹표준화 진행 시 접근성 향상 Tip 표준화 (x)html/css/script 분리 구조화 (x)html 일반문법준수 접근성 웹문서에는 독립적인 제목을 붙인다. 문서의 언어변경 내용확인 대체수단제공 키보드로만 서비스 이용가능 독립적인 링크텍스트 새 브라우저 창 열기 페이지 자동 새로고침 지양 온라인양식(form) 메뉴 건너뛰기 제공 국산 스크린 리더에 실제로 대응하는 코드 사용 국산 스크린 리더를 위한 숨은 텍스트 키보드 단축키 사용성 반복 네비게이션 링크 양식컨트롤 인접한 링크는 공백으로 분리 새 브라우저창 열기
[웹표준]  a 태그의 사용성과 접근성. a 태그의 개요 a 태그의 어원에 해당하는 말은 anchor 입니다. 즉, 우리말로 직역하면 ‘닻’ 이라는 뜻이고 의역하면 ‘연결’ 이라는 의미가 됩니다. 그리고 a 태그는 href 라는 필수 속성을 갖는데 이것의 어원은 Hyper text REFerence 입니다. 즉, 무언가를 참조하라는 뜻이고 a 태그는 결국 다른 어떤 자원을 ‘참조’ 하라는 연결의 의미를 갖습니다. Web 이라는 거미줄을 짓는데 있어서 가장 중요한 태그입니다. 우연의 일치인지는 모르겠지만 어쨌든 W3C의 HTML 요소 색인 페이지를 보아도 a 태그는 H...
[웹표준]  HTML 코더, UI 개발자, 웹 퍼블리셔, 웹 개발자 웹 표준이 대두되면서 (X)HTML, CSS, Javascript-x 등을 담당하는 사람들의 중요도가 상승되고 이들을 업무를 정확하게 지칭하는 용어가 필요하게 되었다. 현재 이러한 롤을 맡은 사람들을 지칭하는 용어는 몇가지가 있었다. HTML 코더 이 말은 아마도 웹 에이전시에서 처음 나온 용어라고 생각된다. 웹 에이전시 초기에는 웹 사이트를 만드는 직군이 웹 개발자와 웹 디자이너로 양분되어 있었다. 웹 디자이너가 웹 사이트를 디자인하고 HTML 코드로 구현을 하면 HTML 코드에 웹 개발자가 프로그램 로직을 추가하여 하나의 ...
[웹표준]  이미지 맵 기법 사용 제한 이미지 맵 기법이 필요할 경우에는 클라이언트측 이미지 맵을 사용하며 서버측 이미지 맵을 사용할 경우에는 동일한 기능을 하는 텍스트로 구성된 대체 콘텐츠를 제공해야 한다.이미지 맵(image map)이란 이미지의 일부 영역에 링크를 두어 사용자에게 해당 정보를 제공할 수 있는 페이지로 이동하도록 만드는 프로그램 기법이다.서버측 이미지 맵(server-side image map)이란 이미지 맵을 구현하는 프로그램이 서버측에 존재하여 사용자의 웹 브라우저가 이미지 맵 상의 어떤 그림 위에 마우스를 위치시키고 클릭하면 클라이언트가 마...
[웹표준]  CSS Hack을 사용하여 호환성 문제를 해결 CSS Hack은 브라우저의 버그를 이용하여 문제를 해결하는 방법입니다. 버전별로 CSS 파일을 각각 작성하지 않아도 간편하게 낡은 브라우저에 대응할 수 있지만 CSS 문법 규격에 맞지 않는것이 흠입니다. CSS Hack은 미래의 다른 브라우징 장치에서 오류로 취급하지 않는다는 보장이 없기 때문에 항상 주의가 필요합니다. IE5 ~ IE7 대응 Hack #selector { property:value; *property:value; } /* 문서의 DTD와 무관하게 작용함 */ IE5 ~ IE6 대응 Hack #sel...
[웹표준]  DTD가 있고 IE6에 최적화 된 페이지 대응법 IE6에 최적화 된 페이지는 개편해야 합니다. 적어도 IE7에 최적화 시켜야 하는데 그렇지 않으면 구제할 방법이 없습니다. IE8 브라우저에 IE6 렌더링 엔진이 없기 때문입니다. IE6에 최적화된 페이지를 IE7에 최적화 하는 것은 그다지 어렵지 않습니다. IE6에 최적화 된 페이지는 IE7에 최적화 작업 후 다음 코드로 대응합니다. < meta http-equiv="X-UA-Compatible" content="IE=7" />
[웹표준]  표준과 비표준에 대한 고찰 웹사이트 개발 관점에서 웹브라우저를 분류를 해보면 크게 인터넷익스플로러(IE) 와 비IE(파이어폭스(FF), 오페라, 사파리, 모질라 등)로 나누어 보면 되겠다. 비IE 는 대부분 웹표준(W3C)에 기반하여 만들어졌기 때문에 표준을 지원하지 않는 IE 와는 다르게 약간의 표현 방식에 차이가 있다. 따라서 IE 와 FF 두 개의 브라우저만 지원되게 된다면 거의 모든 브라우저에 정상적으로 보여진다고 가정을 하여도 되겠다. 표준 방식을 채택했을 경우의 장점으로는 크로스브라우징환경에서 브라우저에 따른 제약을 많이 받지 않는다. 다만,...
[웹표준]  IE6,IE7 ,FireFox 에 대해 CSS 맞추기 IE7 의 렌더링 방식이 IE6과 다르다.CSS testing of Selector and Pseudo selectors 를 보면 IE7 은 FF 에 더 가까와 지고 있다.그래서 바야흐로 브라우저 3개를 켜고 코딩을 해야하는 시대가 온 것이다.이를 해결하기 위한 방법 중 하나는 Selector Hack 을 이용하는 것이다. .context_bar_form_field {height: 15px; // 모든 브라우저#height: 15px; // IE 전용_height: 21px; // IE6.0 과 이전버젼용}우선 파폭에...
[웹표준]  마크업, 모든 페이지의 기본 HTML 그리고 XHTML은 속성들(Attributes)로 이루어진 마크업 언어이다. 이 요소들은 문서에서 여러가지 다른 형태들을 구분하기 위해 사용되고, 각각의 내용의 히트가 웹 브라우저에 나타날 수 있도록 한다. 당신이 기대한대로, 요소들은 실질적인 컨텐트 타입을 정의하는 반면에 속성들은 각 요소들을 알아내는 ID 혹은 링크를 위한 위치 와 같은 그 요소들의 여분의 정보를 정의한다. 당신은 마크업이 가능한 의미적이야 한다는걸 명심해야 하는데, 그것은 가능한 정확한 컨텐트의 기능들을 설명해야 한다. 그림1은 전형적인 HTM...
[웹표준]  Cross Browser html 에디터 만들때 주의할 점과 예시 1 1. IE 나 FF 모두 가능한 designMode on 설정 방법은 다음과 같다.  var cw = document.getElementById("에디터iframe 아이디").contentWindow;  cw.document.designMode = "on";   여러방법이 있지만 위 방법이 IE 나 FF 의 cross browsing 은 잘된다.     2. 파이어폭스에서도 designMode에 대해 지원한다. 그런데 FF 에서 이것은 ...
[웹표준]  웹표준의 개요 및 xhtml 웹표준의 필요성에 대해 이야기 하기 전에 한가지 짚고 넘어가야 할 것이 있습니다.지금 웹개발자들이 알고 있는 지식은 표준이 아니란 말인가?그렇다면 왜 표준이 흐트러 졌는가?이제 웹의 역사는 10년정도 밖에 안되었습니다. 이 짧은 기간에 엄청난 발전이 있었습니다.우리나라의 경제도 한때 급성장을 했었지만 그로 인해 많은 문제가 발생했고 IMF를 겪었습니다.웹도 마찬가지 입니다. 짧은 기간동안 급성장으로 인해 문제를 안게 되었습니다.이 문제의 원인중 하나가 과거 웹브라우저의 양대산맥 IE와 NS의 점유율 전쟁 때문입니다.점유율을 높...
[웹표준]  Position 화면 정 중앙에 위치시키기 박스가 화면에서 어떻게 나타나고 그 위치를 지정하는 방법을 정하는 속성 static 텍스트나 주변 박스에 따라서 움직이는 보통의 박스. 기본값 relative 처음 박스가 화면에 나오는 위치에서 지정된 오프셋(offset)만큼 위치가 변경됨. 화면에서 공간을 차지함. absolute 상위 엘리먼트의 좌측상단을 기준점으로 하여 지정된 오프셋 만큼 위치가 변경됨.지정. 화면에서 공간을 차지 하지 않음. 보통 레이어라고 말하는 것은 이 절대위치 속성을 이용한 박스를 말함. fixed 브라우저 화면을 기준으로 스크롤에...
[웹표준]  XHTML 일반 문법 준수 정확한 문서 구조 준수 문서의 루트 요소는 html이 되어야 하며, 이 html 요소는 XHTML 네임스페이스를 지정 해야 한다. 표준 문서에는 head, title 및 body 구조 요소가 포함되어야 한다. 프레임 세트 문서에는 head, title 및 frameset 구조 요소가 포함되어야 한다 모든 요소는 완벽하게 중첩되어야 한다. 모든 요소들이 완벽하게 내포(nest) 되어야 하는 것은 필수적이다. 중첩(overlapping)이 부적합(illegal)한 것임에도 불구하고 기존 웹 브라우저들에서 널리 관대하게 사용되었다...
[웹표준]  올바른 DOCTYPE 사용 대부분의 웹페이지 들이 로 시작하여 와 태그를 사용하여 웹페이 지를 표현한다. 그러나 웹페이지를 표현 하는 방식을 제대로 표현 하기 위해 웹 브라우저 가 적절한 문서 형태를 표기하도록 할 필요가 있다. 즉 문서의 루트 요소 앞에는 공백 없 이 DOCTYPE 선언이 있어야 하며, 이 선언은 XHTML에 대한 세 DTD(Document Type Definition) 파일(strict, transitional, frameset) 중 하나를 참조해야 한다. 올바른 문서 형식 선언을 해 주는 것은 다양한 브라우저에 따른 렌더링 차이를...
[웹표준]  지켜야할 웹표준 ○ 장애인, 노인 등을 위한 웹 접근성 준수 텍스트 버전을 별도로 제공하여 접근성을 높이 기 위한 지침으로서, 표준 기반으로 구조와 표 현을 분리한 후 스타일 변경 만으로도 텍스트 페이지를 구성할 수 있다. 9. 저작권, 개인 정보 보호 등을 위한 고려 ○ 장애인, 노인 등 다양한 이용자의 용이한 접근을 확보하기 위해 한국형 웹 콘텐츠 접근성 지침 중 다음 사항을 고려하여 제작 - 그림에 대한 대체 텍스트 제공(지침1), 탭 및 화살표 등 최소 키보드로 접근 가능성 확보(지침5), 각 프레임별 별도 제 목 부여(지침7), 스타...
[JAVASCRIPT]  fckeditor의 IE11 크로스브라우징 해결방법 fckeditor가 IE11에서는 출력이 되지 안거나 문자표나 혹은 이미지 업로드시 완료시 에디터로 출력이 되지 않은 경우가 있습니다.fckeditor는 IE인 익스프로러를 구분하기위해 스크립트로 navigator.userAgent로 브라우저 정보를 읽어가는데여기서 문제가 생기는 것입니다.IE9 이하의 버전에서는 버전정보에 MISE라는 문자가 존재하지만 IE11에서는 존재 하지않아 인식이 되지 않습니다.때문에 IE11은 Trident 라는 키워드를 인식하여 체크해야 합니다.  버전 마다 조금씩 다르긴...
[JAVASCRIPT]  Element Opacity Control for Cross Browser 아래 자바스크립트로 HTML Element의 투명도(Opacity)를 조절하는 경우 크로스 브라우저(Cross Browser)를 지원.function setOpacity(id, opacity) {            var object = id.style;            object.opacity = (opacity /...
[JAVASCRIPT]  자바스크립트로 브라우저 종료여부 체크하기 event.clientX와 event.clientY의 값이 동시에 0보다 작으면 브라우저가 종료되는 상황입니다.<script type="text/javascript">      window.onunload = function() {           if(event.clientX < 0 && event.clientY < 0) {   ...
[JAVASCRIPT]  Script 구문이 XML parser에서 읽혀졌을 때 발생하는 문제 우리가 사용하는 JavaScript, VBscript 등의 script언어 들에서는 '<', '>' 등의 연산기호의 사용이 불가피 합니다.그리고 HTML parser는 <script> tag 속의 text content들에 대해서는 CDATA(parser가 parsing 하지 않는 Character DATA)로 취급 합니다. 그 이유는 W3C HTML spec에 script element의 text content 들을 CDATA로 처리 하도록 정의(W3C HTML 4.01 spec의 Script eleme...
[JAVASCRIPT]  자바스크립트 이벤트 핸들러 (Event Handler) 자바스크립트 이벤트 핸들러 (Event Handler)onabort 이미지의 다운로드를 중지할 때 (브라우저의 중지버튼) onactivate 개체가 활성화될 때 발생 (태그의 기능이 작용할 때 발생하는 이벤트로 예를 들어 링크를 누를 경우 링크가 옮겨질때 발생하는 것을 감지하는 이벤트 핸들러) onafterprint 문서가 출력되거나 혹은 출력하기 위해 출력미리보기를 한 후에 발생 onafterupdate 데이터영역 개체에서 발생하는 이벤트로 데이터 소스 오브젝트내의 데이터가  업데이트 되었을 때 발생(데이터...
[JAVASCRIPT]  브라우저 종료여부 체크 event.clientX와 event.clientY의 값이 동시에 0보다 작으면 브라우저가 종료 <script type="text/javascript">      window.onunload = function() {           if(event.clientX < 0 && event.clientY < 0) {    &n...
[JAVASCRIPT]  이벤트 핸들러 (Event Handler) 모음 onabort이미지의 다운로드를 중지할 때 (브라우저의 중지버튼)onactivate개체가 활성활 될 때 발생(태그의 기능이 작용할 때 발생하는 이벤트로 예를 들어 링크를 누를 경우 링크가 옮겨질때 발생하는 것을 감지하는 이벤트 핸들러)onafterprint문서가 출력되거나 혹은 출력하기 위해 출력미리보기를 한후에 발생onafterupdate데이터영역 개체에서 발생하는 이벤트로 데이터 소스 오브젝트내의 데이터가  업데이트 되었을 때 발생(데이터 개체부분 참조)onbeforeactivate개체가 활성화 상태로 되...
[JAVASCRIPT]  구조와 행동의 분리 우리가 모든 CSS 들을 별도의 파일에 놓고 스타일 속성이나 기타 다른 표현적 마크업들을 삼가함으로써 구조와 표현을 분리하는 것과 마찬가지로, HTML 구조와 자바스크립트 행동들을 분리해야 한다. 이유는 동일하다: 당신의 관심영역을 분리하고, 당신의 코드를 깔끔하게 해주며, HTML 이나 CSS에 손 댈 필요 없이 자바스크립트 작업을 할 수 있게 해준다. 기본적인 규칙은 간단하다: HTML 파일은 자바스크립트 코드를 포함하면 안된다 - CSS를 포함하지 않아야 하는 것과 마찬가지로 말이다. 자바스크립트 개발자들이 HTML 파...
[JAVASCRIPT]  마우스 움직임을 캡쳐하는 방법 자바스크립트 프로그래밍에 있어서 마우스 움직임(mouse move)을 캡쳐하는 것은 흔한 일이다. 그렇기 때문에 각 브라우저별로 마우스 움직임 이벤트를 어떻게 잡아내는지 잘 알아둘 필요가 있다. 인터넷 익스플로러 4 이상을 사용하고 있다면 다음과 같은 방식을 이용한다. document.onmousemove = fnMouseMove; 물론 fnMouseMove란 함수를 다음과 같이 미리 정의해 놓아야 한다. function fnMouseMove() {    // mouse mo...
[JAVASCRIPT]  각각 브라우저 및 플렛폼 체크 navigator.userAgent.indexOf("Opera") != -1 navigator.userAgent.indexOf("Safari") != -1navigator.platform.indexOf("Mac") != -1navigator.userAgent.indexOf("Firefox") != -1navigator.appVersion.indexOf("MSIE 8")navigator.platform.indexOf("Linux") != -1navigator.userAgent.indexOf("MSIE 5.5") != -1navi...
[JAVASCRIPT]  브라우저 너비 구해오기 <*function _getClientWidth() {  var ret;  if (self.innerHeight) {   // IE 외 모든 브라우저   ret = self.innerWidth;  } else if (document.documentElement && document.documentElement.clientHeight) {   // Explorer 6 Stric...
[JAVASCRIPT]  방문자의 브라우저 타입 보여주기 if (document.all) var version=/MSIE \d+.\d+/ if (!document.all) document.write("You are using "+navigator.appName+" "+navigator.userAgent) else document.write("You are using "+navigator.appName+" "+navigator.appVersion.match(version)) [이 게시물은 VIRHAC님에 의해 2009-09-13 14:36:02 HTML에서 이동 됨]
[JAVASCRIPT]  웹표준으로 플래시 출력 하기 아시는 분이 대부분일테지만.. 저같은 분이 계실꺼 같아서.... 올립니다. 알고 계신다면.. [ Back Space click!! ] 플래시 출력하실때.. object 에 embed를 사용하시는 분이 많으실겁니다. 그럼 여기 이 테그가.. 웹표준이 아니라는 사실 ㅠㅠ 2시간동안 검색 또 검색 결과.. 아래와같은 6개의 예제 코드 수집.. ===1번=== ...
[JQUERY]  유효한 마크업 코드 XML을 사용하지 않고도 Ajax 애플리케이션을 만들 수 있습니다. 그러나 Ajax의 사용 여부와는 관계 없이 모든 웹사이트의 기초가 되는 또 다른 마크업 언어가 있습니다. HTML(Hyper Text Markup Language)는 월드와이드웹의 공용어입니다.HTML은 웹에서 내용을 의미 있는 구조로 만드는 데 사용됩니다. 마크업 언어는 웹 페이지를 만드는 데 내용 다음으로 중요하고 유용한 도구입니다. 마크업이 적법한지를 확인하는 가장 간단한 방법은 마크업이 유효한가를 확인하는 것입니다. 마크업의 유효성을 확인하는 가장 좋...
[JQUERY]  XMLHttpRequest 객체 얻는 함수(크로스 브라우저 코드) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html> <head>  <title> XMLHttpRequest객체 구하기 </title>  <meta http-equiv="Content-Type" content="text/html; charset='EUC-...
[JQUERY]  서버의 상태 코드 서버의 응답과 함께 전송되는 헤더 정보 중 가장 중요한 정보는 상태 코드입니다. 서버가 모든 요청에 대해 응답할 때 같이 보내는 상태 코드는 3자리의 숫자로 이뤄져 있으며, 웹의 통신 프로토콜 HyperText Transfer Protocol(HTTP)에 규정되어 있습니다. 예를 들어 404의 경우 "Not Found"(문서를 찾을 수 없음), 403은 "Forbidden"(접근이 거부된 문서를 요청함), 500은 "Internal Server Error"(내부 서버 오류)를 의미합니다.   가장 흔히 볼 수...
[JQUERY]  [jquery 기초] javascript -> jquery 비교 자바스크립트에서 해당 ID를 찾을 쓰는 구문을 제이쿼리로 한다면 document.getElementById("test") -> $("#test") 자바스크립트로 스타일을 변경하고 싶을때 document.getElementById("test").style.display = 'none' -> $("#test").css("display","none") 자바스크립트로 select box 안에 선택된 값을 찾을때 document.getElementById("test").options[document.getElementById...
[JQUERY]  웹 개발의 새바람「AJAX를 아시나요?」 새로 부상중인 웹 개발 기법 하나가 PC 소프트웨어의 현 상태를 타개하면서 데스크톱과 웹 애플리케이션의 경계선을 불투명하게 만들고 있다. AJAX는 지난 8년간 표준화된 일련의 개발 기법들로 웹 애플리케이션에 보다 발전된 인터페이스를 도입함으로써 이 모든 것을 바꿀 수 있다. 지난 수년간 데스크톱 애플리케이션이 특정 운영체제에 묶인 것은 컴퓨터 개발에 있어서 확고히 자리잡은 형태가 됐다. AJAX 지지자들은 명실상부한 시장의 리더인 MS 오피스와 같은 데스크톱 소프트웨어의 지배력에 영향을 주길 희망한다. 메시징 벤처...
[LINUX]  RC4 알고리즘 연결 차단으로 https 접속시 SSL오류 (ERR_SSL_VERSION_OR_CIPHER_MISMATCH) 최근 Google Chrome 48 버전이 업데이트되면서, RC4로 시도되는 연결을 차단하도록 패치됐습니다.현재 Chrome 브라우저에서만 문제가 발생하고 있지만, 추후 Internet Explorer와 Firefox 등에서도 RC4 연결을 차단할 예정이기 때문에 미리 대비하시는 것을 권고드립니다.[IE 오류메세지]이 페이지에 안전하게 연결할 수 없음사이트가 만료된 또는 안전하지 않은 TLS 보안 설정을 사용하기 때문일 수 있습니다. 이 문제가 계속 발생하면 웹 사이트 소유자에게 연락하세요.다음을 시도해 보세요.[Chrome ...
[HTML5]  HTML5? HTML5의 정의는 단순 웹문서(Text)를 표현하는 HTML(Hyper Text Markup Language)의 기본 기능을 넘어서 다양한 멀티미디어 콘텐츠와 어플리케이션을 Browser에 표현하고 실행하기 위해 ‘현재 만들어지고 있는 언어’입니다.  ActiveX, Flash 등의 별도의 플러그인이 필요 없고, 스마트폰 및 태블릿 PC에 친화적인 기능들로 구성되어 단말기, OS, 브라우저의 종류에 구애 받지 않는 범용 표준 개발 언어라고 정의할 수 있습니다. 다시 말해, 기술적인 제약이 많았던 HTML4....
[보안정보]  8대 웹 취약점 목록 1.디렉토리 리스팅 취약점 홈페이지의 속성을 설정하는 “웹사이트 등록정보”에 특정 디렉토리에 대하여 - IIS 웹 서버 : ‘디렉토리 검색’ 항목이 체크- Apache 웹 서버 :  ‘httpd.conf 파일’에서 ‘Indexes’옵션이 On되어 있는 경우에 인터넷 사용자에게 모든 디렉토리 및 파일 목록이 보여지게 되고, 파일의 열람 및 저장도 가능하게 되어 비공개 자료가 유출될 수 있다.   2. 파일 다운로드 취약점게시판 등에 저장된 자료에 대해 ‘다운로드 스크립트’를 이용하여 다운로드 기능을 제공하면서...
[보안정보]  쿠키를 통한 개인 정보 유출을 대비하는 방법 ◈ 쿠키 고객이 특정 홈페이지를 접속할 때 생성되는 정보를 담은 임시 파일로 크기는 4KB 이하로 작다. ◈ 쿠키를 통한 개인정보 유출 쿠키는 애초 인터넷 사용자들의 홈페이지 접속을 돕기 위해 만들어졌다.특정 사이트를 처음 방문하면 아이디와 비밀번호를 기록한 쿠키가 만들어지고 다음에 접속했을 때 별도 절차 없이 사이트에 빠르게 연결할 수 있다.즉, 쿠키는 서버(사이트 운영자)가 클라이언트(사용자)측에 개인 정보를 저장해 두었다가 추후 그 정보를 뽑아내기 위해 만들어진 파일이다.이렇게 사용자의 편의를 위해 만들어진 쿠키가 지금은...
[보안정보]  인터넷 보안접속이란 무엇인가요? 인터넷을 사용할 때 보안접속을 하지 않고 일반적으로 사용자 ID와 비밀번호만 입력하여 사이트에 접속할 경우, 신속히 로그인할 수 있는 이점이 있습니다. 대부분의 웹 사이트에 로그인할 때 이 방법이 주로 사용됩니다. 하지만 보안접속은 로그인할 때 사용자 ID와 비밀번호를 암호화시켜 전송함으로써 ID와 비밀번호가 중간에서 가로채어진다고 하더라도 안전하게 보호해줍니다. 인터넷에 접속할 때 보안접속을 제공하는 사이트들이 있는데 이때 보안접속을 선택하면 보다 안전합니다. 특히 신용카드번호와 같이 중요한 정보를 웹에서 사용해야 할 경우에...
[보안정보]  정보보안의 기본 용어 정리 정보보안의 기본 용어 정리   *가짜 메일(Fake mail, Fraud mail)보낸 사람을 숨기거나 다른 사람으로 위장한 채 상대방에게 보낸 전자 메일을 뜻하는 것으로, 메일 발송 시스템을 조작하여 다른 사람의 이름 및 주소 또는 완전히 가공된 이름과 주소에서 발송한 것으로 가장하여 상대에게 메일을 보내는 것이다. 초기에는 장난 삼아 시작된 것이지만, 점차 타인을 정신적으로 괴롭힐 목적으로 심한 욕설과 비난, 공격적 언어, 성희롱을 담은 메일을 보내는 일종의 사이버 테러, 사이버 스토킹의 수단으로 사용되기도 한다....
[바이러스정보]  피싱(Phishing)이란? - 1 - 피싱(Phishing)이란? 개인정보(Private Data)와 낚시(Fishing)의 합성어로 유명업체의 위장 홈페이지를 만든 뒤, 불특정 다수 이메일 사용자에게 메일을 발송해 위장된 홈페이지로 접속하도록 현혹하여 개인정보를 빼내는 행위입니다. - 2 -피싱 예방 체크리스트 1) 신원이 불명확한 첨부 파일은 열지 말고, 최신 버전으로 업데이트 된 바이러스 백신을 설치한다. 2) 금융기관으로부터 개인정보, 계좌정보 등의 업데이트를 요구하는 e메일을 받으면 클릭하지 말고, 해당 금융기관 사이트에 가서 직접 확인한다. ...
[바이러스정보]  백신만 가지고 왜 악성코드를 못잡을까요? 인터넷에 연결된 PC는 수많은 위험에 노출되어 있다. 갈수록 지능화되고 있는 온갖 종류의 보안 위협들은 교묘한 함정을 파놓고 허술한 PC를 호시탐탐 노린다. 그렇다면 악성코드, 피싱, 트로이 목마와 같은 골치아픈 문제들로부터 벗어나는 완전히 방법은 없는 것일까? 많은 사용자들이 보안 상태가 취약한 PC를 사용하면서도 이를 인지하지 못해 개인 정보 유출의 위험에 노출되어 있는 것이 현실이다. 그리고 이러한 상황은 대부분 보안 제품의 기능에 대한 오해에서 비롯된다. 예를 들어, 단순히 바이러스만 막아주는 제품이 설치된 PC를 사용...
[바이러스정보]  스파이웨어란 무엇이며 증상 및 유형은? 스파이웨어란?MalWare(악성 프로그램)란 Malicious Software(악성 소프트웨어)의 준말로서 유해하거나 예측하지 못한 프로그램 또는 바이러스, 트로이목마, 드로퍼와 같은 코드를 말합니다. 모든 악성 프로그램이나 코드가 바이러스는 아니지만 바이러스는 웜을 포함하여 최근까지 알려진 모든 악성 프로그램 중 대부분을 차지합니다. 악성 프로그램의 또 다른 주요 유형에는 트로이의 목마, 드로퍼 및 키트가 있습니다. 악성 코드나 악성 프로그램의 여러가지 측면으로 인해 악성 프로그램이라 부르면 혼동을 피할 수 있습니다. 예를 ...
[바이러스정보]  JS/Exception.Exploit 바이러스 웹 서핑을 하다보면 자신도 모르는 사이에 웹 브라우저의 초기 화면이 전혀 다른 곳으로 변경되는 경우나 즐겨찾기 메뉴에 자신이 등록도 하지 않는 사이트가 등록이 된 경우 또 다르게는 아웃룩(익스프레스)의 명함설정에 자신이 설정하지 않는 내용과 URL 이 들어가 메일을 받는 분에게 불쾌감을 주는 경우가 있다. 위와 같은 방법은 주로 성인 사이트나 광고효과를 극대화하는 등의 웹 사이트들이 처음 방문자들에게 빠르게 다시 해당 사이트를 다시 접속할 수 있도록 하기 위하여 웹 페이지를 제작하는 것이 보통 이지만 이것은 "Microso...
[바이러스정보]  트로이목마란? 트로이목마 프로그램은 바이러스와 달리 자기 복제 능력이 없으며 유틸리티 프로그램 내에 악의의 기능을 가지는 코드를 내장하여 배포하거나 그 자체를 유틸리티 프로그램으로 위장하여 배포한다. 트로이목마가 설치되면 특정한 환경이나 조건 혹은 배포자의 의도에 따라 사용자의 정보 유출(Backdoor)이나 자료파괴 같은 피해를 입을 수 있다. 다음 표는 대표적인 악성 프로그램의 유형을 설명한 것이다. 주요목적 피해 가능성 복제 감염 예방/백신 바이러스 자료손실/삭제 ○ ○ ○ 치료(복원) 웜 피해확산 ○ ○ × 치료(삭제)...
[백신자료]  악성코드의 악성 행위와 탐지 기법 PC와 인터넷의 급속한 발전은 우리에게 편리함을 줌과 동시에 수많은 악성코드들을 만들어 냈으며, 해마다 그 악성코드의 양은 크게 증가하고 있다. 독일의 한 안티바이러스 연구기관인 AV-Test.org 에서는 다음과 같은 흥미로운 데이터를 발표했다. 매년 증가하는 유니크한 악성코드 샘플의 통계를 작성하여 발표한 것이다. 2009년 5월을 기준으로 약 2200만개의 누적 샘플 개수를 보이고 있으며, 최근 2~3년동안 매년 약 2배 이상의 증가 추세를 보이고 있다. 이처럼 악성코드는 백신업체들이 감당하기 힘들만큼 크게 증가하고 있으...
[리눅스해킹]  개인용 컴퓨터로부터 이루어지는 해킹2 아래의 내용은 평소 제가 생각하고 있는 것을 글로 적은것 입니다. 만일 수정되어야 할 부분이 있다면 메일주세요. 흔히 인터넷을 모르시는 분들은 "인터넷 그냥 브라우저 실행시켜서 주소만 입력하면 되는것아냐.." 또는 "인터넷 누구나 다 할수 있어 그거 1시간 아니 30분만 배우면 돼...뭐가 어렵다고 그래...." 이런식으로 대수롭지않게 말하시는 분들이 많더군요. 그렇습니다. 웹서핑을 하기위한 최소한의 것은 30분 아니 10분으로도 충분하리라 생각합니다. (저는 인터넷 처음 배울때 yahoo사용할 줄 몰라서 하루 종일 배웠...
[리눅스해킹]  개인용 컴퓨터로부터 이루어지는 해킹 아래의 내용은 평소 제가 생각하고 있는 것을 글로 적은것 입니다. 만일 수정되어야 할 부분이 있다면 메일주세요. 흔히 인터넷을 모르시는 분들은 "인터넷 그냥 브라우저 실행시켜서 주소만 입력하면 되는것아냐.." 또는 "인터넷 누구나 다 할수 있어 그거 1시간 아니 30분만 배우면 돼...뭐가 어렵다고 그래...." 이런식으로 대수롭지않게 말하시는 분들이 많더군요. 그렇습니다. 웹서핑을 하기위한 최소한의 것은 30분 아니 10분으로도 충분하리라 생각합니다. (저는 인터넷 처음 배울때 yahoo사용할 줄 몰라서 하루 종일 배웠...
[해킹정보]  index, main파일 아이프레임악성코드 대처 어느 날 갑자기 멀쩡하던 홈페이지 레이아웃이 엉망으로 바뀌면서 관리자 페이지도 못들어가는 증상이 발생하여 index.php 소스를 내려받아 코드를 살펴보니 원래는 없던 코드가 아이프레임 방식으로 히든처리되어 심어져 있습니다. 코드는 <iframe src="./hxxxxxp://bestfindaloan.cn:8080/index.php" width=116 height=188 style="visibility: hidden"></iframe> 식입니다. 주소는 매우 다양합니다 (6월6일자 보고에 의하면 48,00...
[해킹정보]  브라우저(IE)로 윈도2k서버 내용물 들여다 보기 윈도2k+IE(Full Patch)에서 Restriction Bypass 공격 : - 취약점 개요 http://와 같은 방법으로 브라우저상에서 파일을 보기 위한 방법으로 ftp://나 file://, news://와 같은 입력방법이 사용된다. 그러나 인증으로 제한이 가해진 서버에서는 이같은 방법으로 아이디나 비밀번호가 없이ftp:는 서버안의 내용을 볼 수가 없다. 그런데 이것을 우회해서 통과하는 방법이 있어서 보안상의 문제점으로 대두된다. 이 방식을 사용하면 해당 서버내의 로그파일이나 파일을 다운로드 받을 수 있게된다. ...
[해킹정보]  FTP 명령어 삽입을 이용한 공격 브라우저로 접근하는 FTP를 이용한 원격 명령 취약점 입니다. Summary Konqueror is "a very multifuncional HTTP browser included on KDE base package. Like others browsers it can use more protocols, for example FTP. This application is usually used to navigate through the file systems". Both Konqueror and Internet Explor...
[해킹정보]  메일서비스에서 자바스크립트 금지를 회피하기 예전에 쿠키 스니핑이 이슈가 된적이 있었죠? 지금도 쿠키 스니핑이 되는 것들이 많이 있습니다. 이 쿠키 스니핑이 이슈가 된 후에 많은 메일 서비스 회사들이 쿠키 스니핑에 이용되는 javascript 를 사용하지 못하도록 막아놓았습니다. 특정 문자열을 다른 문자열로 바꾼다던지 하는 방법들을 사용해서 막은 것이죠. (그런데 어떤 회사들은 아예 대처를 하지 않았더군요. 여기선 그나마 대처를 해놓은 서버들에 대한 필터링 방법에 대해서 이야기합니다.) 하지만 이 것들을 다른 방법으로 피해갈 수 있습니다. 먼저 그 ...
[해킹정보]  WWW 의 소개! WWW(World Wide Web, 인터넷 하이퍼텍스트)은 인터넷을 이용한 검색 도구라 하겠다. 여지껏 우리가 보아오던 텍스트 방식이 아닌 멀티미디어에 근접한 음성,화상 정보 서비스라 할것이다. 이것은 CERN(the Eurobean Laboratory for Particle Physics)의 주도하에 만들어진 산물로 고퍼, anonymous FTP, 아키, 유즈넷,텔넷 등으로 이용할 수 있는 모든 서비스 를 모두 사용할수 있다는 매력도 갖고 있다. 이러한 WWW의 브라우저로 가장 많이 애용되는 것은 익스플로러와 넷스케이프...
[해킹정보]  웹해킹 - 윈도로 할 수 있는 해킹들 윈도우로 할 수 있는 해킹들 이 강좌에서는 하이텔 같은 가장 취약한 온라인 서비스에서 윈도우95 운영체제로도 아주 심각한 인터넷 해커들만이 할 수 있는 몇 가지 해킹법을 가르쳐 주겠다. 한 번 해 보라. 바로 오늘! 이 강좌의 내용은 다음과 같다. ▶윈도우 95의 잘 알려지지 않은 도스 명령어를 사용하여, 유명한 온라인 서비스 제공업체에서 사용하는 컴퓨터를 추적하고, 포트 서핑하기 ▶아주 유용한 해킹 툴인 whois, nslookup, 그리고 dig 등을 사용할 수 있는 컴퓨터로 텔넷해 들어가기 ▶윈도우에서 사용할 수 ...
[해킹정보]  기본적인 해킹 기술 해커에게는 마음가짐이 중요하지만 기술은 더욱 중요하다. 마음가짐과 태도가 능력을 대신할 수 있는 것은 아니다. 해커라고 불리기 위해서는 다음과 같은 기본적인 기술들을 갖고 있어야 한다. 그러나 이러한 종류의 기술들은 새로운 기술이 개발되고 기존의 기술이 낡고 쓸모없는 것이 되어감에 따라서 천천히 바뀌어 간다. 예를 들면, 기계어를 이용한 프로그래밍이 예전에 필요한 기본적인 해킹 기술이었고 HTML은 최근에야 포함된 것이다. 그러나 현 시점에서는 다음과 같은 것들이 필요하다. 1. 프로그래밍을 학습하라. 프로그램을 ...
[해킹정보]  HTTP Session Hijacking 앞서 해킹기법에서 스니핑(sniffing)에 대해서 살펴보았다. telnet, ftp, pop3 등의 비암호화 프로토콜 어플리케이션은 스니핑 공격을 통하여 사용자 계정 및 암호 도용에 취약할 수 있음을 알게 되었다. 마찬가지로 우리가 웹 브라우징시 사용하는 HTTP 프로토콜도 이러한 도용에 취약할 수 있다. HTTP Session Hijacking(혹은 Session ID Hijacking)이라는 공격 기법은 웹 브라우징시 세션 관리를 위해 사용되는 Session ID를 스니핑이나 무작위 추측 공격(brute-force g...