하늘과 나의 IT 이야기

AJAX 이야기 AJAX #1. AJAX 소개(AJAX Introduction) AJAX? Asynchronous JavaScript and XML. AJAX는 페이지 새로고침 없이 페이지의 일부분을 업데이트 할 수 있습니다. AJAX는 새로운 프로그래밍 언어가 아니라 기존에 존재했던 것을 새롭게 사용하는 하나의 방법입니다. AJAX는 웹 페이지를 더 빠르게 그리고 동적으로 가능하게 하는 기술입니다.

AJAX 이야기 AJAX 예제(AJAX Example) 서버에서 수신한 데이터 :

HTML 이야기 HTML 그 두 번째 이야기 HTML 태그에 대해서 알아보죠. - HTML 태그는 로 둘러싸여 있어요. 예를 들면 이렇게요. 또 각각의 태그들은 시작하는 태그가 있으면 끝내는 태그가 있어요. 이렇게 쌍으로 존재해서 그 안에 내용을 입력하게끔 되어 있어요. 또 대소문자를 가리지 않아요. 와 는 같은 의미에요. HTML 태그라는 녀석에 대해 정리해 보죠. - HTML 태그는 로 둘러싸여 있다. - HTML 태그는 쌍으로 존재한다. - 대소문자를 구분하지 않는다. 다음 소스를 보도록 하죠. TEST 이 소스에서 태그 시작 부분은 이고 태그의 내용은 TEST이며 태그의 끝 부분은 임을 보여주고 있습니다. 왜 우리는 소문자로 이루어진 태그를 사용해야 할까? 앞에서 태그에 대해서 이야기할..

HTML 이야기 HTML 글씨에 효과주기 글씨에 효과주기 태그 설명 굵게 크게 강조 이탤릭 작게 굵게 Defines subscripted text Defines superscripted text Defines inserted text Defines deleted text Deprecated. Use instead Deprecated. Use instead Deprecated. Use styles instead 특수문자들 특수문자 출력코드 특수문자 출력코드 특수문자 출력코드 > & & † † " " ⓒ © ‰ ‰ ® ® 공백 Ÿ Ÿ ™ ™ ! ! ¡ ¡ § § " ' ¢ ¢ æ æ * * ¤ ¤ ¿ ¿ = = ¥ ¥ × ×

컴퓨터 이야기 네트워크 용어 정리 - Internet과 IntraNet 그리고 ExtraNet IntraNet은 일정 범위 내에서 사용하는 인터넷(예: 회사) ExtraNet은 인트라넷과 거의 유사하지만 IntraNet에서 예로 든 회사외에 협력 회사나 고객등에게 사용할 수 있도록 한 것 - LAN과 WAN LAN(Local Area Network) : 한정된 공간안에서 네트워크를 구성하는 경우 WAN(Wide Area Network) : 멀리 떨어진 지역을 서로 연결하는 경우 - 이더넷과 토큰링 이더넷과 토큰링은 네트워킹의 한 방식, 네트워크 구성 방법이라고 생각하자. 이더넷에서의 통신 방식 CSMA/CD(Carrier Sense Multiple Access/Collision Detection) CS(..

컴퓨터 이야기 IP 이야기 IP 이야기 IP에 대한 이야기를 해보고자 합니다. 인터넷을 하면서 수없이 들어보는 용어들 중에서 IP라는 녀석이 있습니다. 이 IP는 다음과 같은 이진수 32비트의 형태로 사용하도록 정해져 있습니다. xxxxxxxx.xxxxxxxx.xxxxxxxx.xxxxxxxx 이렇게 x라고 표시한 이유는 하나의 x당 0 또는 1(이진수이기 때문이죠) 들어갈 수 있기 때문에 이렇게 표시를 했습니다. 예를 들면 다음과 같습니다. 11111111.11111111.11111111.11111111 한번 1의 갯수를 세어 볼까요? 세어보면 총 32개임을 알 수 있습니다. 우리는 이 32개의 이진수로 인터넷을 사용할 수 있게 되는 것이지요. 32개의 이진수를 보기 좋게 하기 위해서 8자리마다 점(.)..

DLL 이름으로 DLL 파일이 등록된 경로를 알아보자 DLL파일이 등록된 경로를 알아보자 시작 -> 실행을 누른 후 regedit를 실행한다. 그러면 regedit가 실행이 되는데 왼쪽 부분은 보면 내 컴퓨터의 항목으로 HKEY_CLASSES_ROOT 가 보일 것이다. 왼쪽에 +된 부분을 -로 바꿔서 항목을 확장한 다음 해당 DLL 이름을 찾는다. DLL 이름이 검색이 되면 하위 항목의 CLSID를 클릭하면 해당 DLL의 CLSID를 알 수 있다. 다시 CLSID를 가지고 HKEY_CLASSES_ROOT의 하부 항목인 CLSID에서 검색한다. 검색이 되면 하부 항목에 다음과 같은 내역이 보일 것이다.InprocServer32 항목의 기본값을 보면 데이터 부분에 DLL의 경로가 보일 것이다.

AJAX 이야기 파일 읽어서 화면에 출력하기 이 예제는 http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first에서 퍼온 예제입니다. Change Content 버튼을 누르면 ajax_info.txt 파일에 있는 내용을 읽어 화면에 출력합니다. 1. ajax_ex1.html 파일 만들기 ajax_ex1.html 파일을 만들고 아래와 같이 입력합니다. Let AJAX change this text Change Content 2. ajax_info.txt 파일 만들기 AJAX is not a new programming language. AJAX is a technique for creating fast and dynamic web pages. 실행하면..

AJAX 이야기 AJAX 예제. XML 파일 읽어서 출력하기 이 예제는 http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_xml에서 퍼온 예제입니다. Get XML data 버튼을 누르면 XML 파일의 정보를 화면에 출력합니다. 1. ajax_ex2.html 파일 만들기 Retrieve data from XML file Status: Status text: Response: Get XML data 2. note.xml 파일 만들기 Tove Jani Reminder Don't forget me this weekend! 실행해서 Get XML data 버튼을 누르면 아래와 같이 보이게 됩니다.

Javascript 이야기 마우스 금지 소스 테스트 페이지입니다.

H T M L 이 야 기 HTML5 문서타입(doctype) HTML5의 문서타입은 간단합니다. HTML5를 사용한다고 표현하기 위해서 아래와 같이 사용하면 됩니다 기존보다 간단하죠? 다음은 HTML5 기본 예제 소스입니다. 차세대 웹표준으로서 HTML5 위 소스를 실행하면 아래와 같이 실행됩니다

J a v a s c r i p t 이 야 기 [Javscript] innerHTML 예제 오늘은 innerHTML을 이용해서 간단한 예제를 만들어 보겠습니다. 그림은 아래와 같습니다. 버튼을 클릭하면 버튼 왼쪽에 있는 문자열이 바뀌는 것이지요. (그림1) 버튼을 누르기 전의 모습 (그림2) 버튼을 누른 후의 모습 그러면 소스를 보겠습니다. 바뀌기 전입니다. innerHTML은 태그 안의 값을 바꾸는 기능을 수행합니다. 즉 위의 소스에서 녹색 부분인 "바뀌기 전입니다." 부분이 변경되는 것이지요. 간단하죠? 심심하니까 앞서 실행한 예제에서 Anchor 태그의 주소의 타겟을 바꾸는 소스를 추가해 보도록 하겠습니다. 바뀌기 전입니다. 링크를 클릭하면 다른 주소로 가는 것이 보이시죠? 오늘은 이만 끝~~

J a v a s c r i p t 이 야 기 [자바스크립트] 즐겨찾기 추가 스크립스 소스 > 즐겨찾기 추가하기 자바스크립트를 이용해서 현재 보이는 페이지를 즐겨 찾기에 등록하려면 아래와 같은 방법을 사용해요 window.external.AddFavorite ( "사이트 주소", "제목" ) ; 즐겨찾기 예제 즐겨찾기 추가 예제 아래의 버튼을 누르면 즐겨찾기에 추가됩니다.

JavaScript 이야기 [Javascript] GetElementById 예제 JAVASCRIPT로 개발을 하다보면 GetElementById라는 함수를 많이 보거나 사용하게 되는데요. 오늘은 GetElementById() 함수를 어떻게 사용하는지 그 예제에 대해서 알아보도록 하겠습니다. GetElementById()는? - document 오브젝트에 내장된 함수로 현재 브라우저 내의 오브젝트를 ID기준으로 찾아내고 해당 오브젝트에 대한 참조를 반환하는 기능을 합니다. Ex1. 탭을 누른 효과 구현 다음은 특정 조건을 만족했을 때 다른 객체로 포커스를 이동하는 예제이다. 다음은 테스트 결과화면입니다. 소스 시작시에 실행되는 동작들을 정의할 수 있는 onLoad 부분에서 start()라는 함수를 호출하..

JSP 이야기 JSP 페이지 이동에 관한 글 JSP에서의 페이지 이동에 대해서 알아보도록 하겠습니다. 첫번째 자바스크립트를 이용하는 방법이 있습니다. test.jsp history.back() ;/script> 먼저 서버에서 jsp 파일을 분석한 후 HTML코드로 이루어진 결과가 클라이언트 측으로 전송이 되는데 클라이언트 측에서 자바스크립트 소스를 전송받으므로 기존 JSP 소스를 제외한 나머지 HTML소스와 자바스크립트는 클라이언트 측으로 전송이 됩니다. 두번째 response.sendRedirect를 이용하는 방법이 있다. test.jsp HTML 코드입니다. 위와 같은 경우 'JSP 코드입니다.'는 출력이 되며 'HTML 코드입니다.'는 출력이 되지 않습니다. test.jsp페이지가 서버에 전달되면 ..