[출처] http://dimdim.tistory.com/11
[출처] [MySQL] MySQL 데이터베이스 추가 및 사용자 추가|작성자 주한길
'MySQL' 카테고리의 다른 글
| [MySQL] How can I reset my MySQL password? (영문) (0) | 2015.07.09 |
|---|---|
| [MySQL] Access denied for user 'root'@'localhost' (using password: YES) 오류해결 (0) | 2015.07.09 |
| [MySQL] MySQL JOIN 걸어서 업데이트(UPDATE) 하기 (0) | 2015.07.09 |
| ★ MySQL DB SQL Statement (0) | 2015.04.23 |
| PHP에서 지원하는 MySQL API함수 (0) | 2015.04.23 |
Ajax(Asynchronous JavaScript and XML)
웹 어플리케이션 제작을 위해, 다양한 기술을 조합 이용하는 개발 기법.
자체가 특정 기술을 말하는 것이 아닌, 함께 사용하는 기술의 묶음을 지칭하는 용어.
Ajax를 구현하기 위한 다양한 기술
- HTML
- CSS
- DOM
- JavaScript
- XML
- XSLT
- XMLHttpRequest
- JSON
Ajax의 특징
장점
- 비동기 요청 가능
- 페이지 이동 없이 고속으로 화면을 전환
- 수신 데이터 량을 축소, 클라이언트에게 처리를 위임 가능
단점
- Ajax를 쓸 수 없는 브라우저에 대한 문제
- Http 클라이언트의 기능이 한정되어 있는 상황
- 페이지 이동 없는 통신의 보안 문제
- 지원 Charset의 한정
- Debugging의 어려움
- 요청 남발에 의한 부하
Ajax의 역사와 보급
XMLHttpRequest는 Microsoft에서 Outlook Web Access 2000을 위한 개발에서 하나의 컨셉으로 시작된다. Microsoft에서 구현한 XMLHTTP 및 ActiveX 객체를 호출한다. 최초 Internet Explorer 5.0에서 Script 언어로 지원. 모질라 프로젝트는 2002년 Mozilla 1.0 에서 최초의 XMLHttpRequest를 호환하는 기술을 구현, 이후 Apple의 Safari 1.2, Opera 8.0가 뒤를 이었다.
Ajax의 보급
2005년 초 몇 가지 사례 이후 인기를 끌기 시작, 구글의 대화형 애플리케이션들에 의해 관심이 집중되었다.
Ajax의 XMLHttpRequest 외의 구현방법
- Hidden Frame에 의한 처리
- Netscape의 LiveConnect
- MS의 ActiveX
- MS의 XML Data Islands
- Adobe의 Flash Player
- Java의 Applet
Prototype.js 널리 알려져 있는 Ajax 프레임워크
http://www.prototypejs.org/
Script.aculo.us Prototype.js를 기반으로 하는 여러 인터페이스의 제공
http://script.aculo.us/
jQuery Prototype.js 만큼 널리 사용되는 Ajax 프레임워크
http://jquery.com/
jQuery UI jQuery를 기반으로 하는 여러 인터페이스의 제공
http://jqueryui.com/
Dojo 다양한 화면효과 및 위젯을 제공
http://dojotoolkit.org/
Google Web Toolkit 구글에서 배포중인 Ajax 프레임워크
http://code.google.com/intl/ko/webtoolkit/
ASP.NET AJAX MS에서 공식 개발된 ASP.NET 지원용 AJAX 프레임워크
http://www.asp.net/ajax/
YUI Yahoo User Interface
http://developer.yahoo.com/yui/
RIA (Rich Internet Application)
http://blog.naver.com/agapeuni/60071814239
리치 클라이언트(rich client)라는 용어는 1990년대 초 비주얼 베이직과 델파이 등을 사용하는 클라이언트 애플리케이션을 개발하는 것이 유행하면서 나타나기 시작했다. 이러한 클라이언트 애플리케이션이 수적으로나 인기면으로나 크게 늘어난 것은, 사용자가 "풍부한" UI 기능을 탑재한 애플리케이션을 매우 필요로 했기 때문이다. 이를 사용자 경험(rich experience)이라고 표현한다. 그리고 사용자 중심의 기능을 담고 있다. 다시 말해서 일상적인 개발 단위는 재활용하고, 개발 시간을 단축할 수 있게 해준다. <br />
RIA의 중요 포인트는 RCP에서 강조하는 부분과 차이가 없다고 생각한다.
참고
http://enc.daum.net/dic100/contents.do?query1=10XX148248
http://enc.daum.net/dic100/contents.do?query1=20X1594360
http://www.ashleyit.com/blogs/brentashley/category/ajax/
의문과 욕심으로 이것 저것 검색하여 찾아보게 되었다. 맞는 부분도 있고, 맞지 않는 부분도 있을 것 같다. 더러는 말도 않되는 말도 있을지 모르겠다. 하지만 이는 나의 주관적 시각이 크게 작용하는 것이고, 이 글을 읽는 사람 역시 그 자신 만의 시각으로 평가 할 것 이라 생각한다.
이미 Ajax라는 단어가 어느정도 단어나 용어로써 자리를 잡아가고 있지만 사전적의미? 교과서적인 해석? 이란것이 나에게 필요했었나 보다.
지금에 와서 Ajax란것 그냥 하면 되는 기술이다. 더욱 중요한 것은 이 Ajax라는 것을 통하여 어떤 모습으로 웹 어플리케이션을 구현하고, 그 구현과정과 구조를 생성하는 것인가 생각한다.
개발 방법도, 프레임워크도 많이 세상에 모습을 내놓고 있다. 때문에 내가 어설피 그 부분을 이야기 할 필요성은 없는 것 같다. 나 역시 여기저기서 눈동냥하여 개발하는 주제에 무슨....
Ajax, RIA라는 용어는 특정 기술을 칭하는 것이라기 보단, 특징을 보이는 집합들의 대명사와 같은 용어로 시각에 따라서 약간은 다양하게 해석되는 것이 아닌가 한다.
더욱 재미있는 것은 이 두 용어가 개발자의 시각보다는 기획이나 사용자의 시각에서 그 의미가 정리된것이 아닌가 하는 생각이다. 적어도 나의 시각에서는 말이다.
포스팅의 중요 포인트는 뭔일을 하든 유연하게 생각하고 행동해야 하지 않을까 라는 것이다. [출처] [Ajax] Ajax 기술, 특징, 역사, 프레임워크|작성자 주한길
부러지는 것 보단 굽히는 것이 낮다고 본다. 세상이나, 프로그램이나 서서 보는 것과 굽혀서 낮은 자세로 보는 것이 참 많이 다르단 생각이다.
Ajax 이야기를 꺼내면 보통 크로스 브라우징이나, 플래시 이야기로 많이 흐르게 된다. 그러다 보면 결국 MS를 까는 JAVA개발자가 좀 많은 편이다. 적어도 내 주변에는 말이다. 하지만 난 좀 다르다. 아니 정확하게 말하면 내가 깔수 있는 상대는 아닌것 같다. 쉽게 이야기 하면 부끄러워 까지도 못하겠다.
까일만큼 많은 것을 이룩했고, 안티 수 만큼이나 훌륭한 것이 많이 있다고 생각한다.
'Ajax' 카테고리의 다른 글
| [Ajax] Ajax 정의, 동작원리, 기술 (0) | 2015.07.09 |
|---|---|
| [Ajax] Ajax 간단한 예제 (helloAjax.html) (0) | 2015.07.09 |
What is AJAX?
AJAX는 무엇?
AJAX = Asynchronous JavaScript and XML.
... (중략) ...
AJAX is not a new programming language, but a new way to use existing standards.
AJAX는 새로운 프로그래밍 언어가 아니라, 기존의 표준을 사용하는 새로운 방법이다.
AJAX is the art of exchanging data with a server, and update parts of a web page - without reloading the whole page.
AJAX는 서버와 데이터를 교환하는 방식이다. 전체 페이지의 새로고침이 없이 웹 페이지의 일부분만 업데이트 한다.
How AJAX Works
AJAX의 동작 원리
인터넷 표준에 기반한 Ajax. AJAX is based on internet standards, and uses a combination of: Ajax 는 인터넷 표준을 기반으로 한다. 그리고 다음의 기술을 사용한다. - XMLHttpRequest (서버와 비동기로 데이터를 교환) - JavaScript/DOM (정보를 인터렉트 하게 표시) - CSS (데이터의 스타일) - XML (전송데이터로 사용)
AJAX applications are browser- and platform-independent! Ajax 는 브라우저와 플랫폼에 독립적이다!
[출처] [Ajax] Ajax 정의, 동작원리, 기술|작성자 주한길 [출처] [Ajax] Ajax 정의, 동작원리, 기술|작성자 주한길AJAX is Based on Internet Standards
'Ajax' 카테고리의 다른 글
| [Ajax] Ajax 기술, 특징, 역사, 프레임워크 (0) | 2015.07.09 |
|---|---|
| [Ajax] Ajax 간단한 예제 (helloAjax.html) (0) | 2015.07.09 |
1. 클라이언트 소스 ( helloAjax.html )
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>Hello Ajax</title>
<script type="text/javascript">
var request = null;
function getXMLHttpRequest() {
if (window.ActiveXObject) {
try {
// IE 상위 버젼
return new ActiveXObject("Msxml2.XMLHTTP");
} catch (e1) {
try {
// IE 하위 버젼
return new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
return null;
}
}
} else if (window.XMLHttpRequest) {
// IE 이외의 브라우저(FireFox 등)
return new XMLHttpRequest();
} else {
return null;
}
} // XMLHttpRequest 객체 얻기
function requestHello(URL) {
param = f.name.value;
URL = URL + "?name=" + encodeURIComponent(param); // 한글 처리
request = getXMLHttpRequest(); // XMLHttpRequest 객체 얻기
request.onreadystatechange = responseHello; // 콜백 함수 등록
request.open("GET", URL, true); // 연결
request.send(null); //전송
} // 서버에 요청
function responseHello() {
if (request.readyState == 4) { // 완료
if (request.status == 200) { // 오류없이 OK
var str = xhr.responseText; // 서버에서 보낸 내용 받기
document.getElementById("message").innerHTML = str; // 보여주기
} else {
alert("Fail : " + httpRequest.status);
}
}
} // 응답
</script>
</head>
<body>
<form name="f">
<input type="text" name="name">
<input type="button" value="입력" onclick="requestHello('hello.jsp')">
</form>
<div id="message"></div>
</body>
</html>
2. 서버 소스 ( hello.jsp )
<%@ page contentType="text/plain; charset=euc-kr" %>
<%
request.setCharacterEncoding("utf-8");
String name = request.getParameter("name");
%>
안녕하세요, <%= name %> 회원님!
3. 결과 화면
홍길동이라고 입력하고 [입력] 버튼을 클릭하면
"안녕하세요, 홍길동 회원님!"
이라는 결과를 보인다. 끝.
[출처] [Ajax] Ajax 간단한 예제 (helloAjax.html)|작성자 주한길
'Ajax' 카테고리의 다른 글
| [Ajax] Ajax 기술, 특징, 역사, 프레임워크 (0) | 2015.07.09 |
|---|---|
| [Ajax] Ajax 정의, 동작원리, 기술 (0) | 2015.07.09 |
1. 이클립스 상단 메뉴의 Help - Eclipse Marketplace를 클릭
2. 입력란에 "theme" 이라고 입력 후 엔터를 누르면 Eclipse Color Theme이라는 항목이 검색되면 Install 버튼을 클릭
3. 설치할 Eclipse Color Theme 항목을 체크 후 Next 버튼을 클릭
4. 설치에 관련된 약관을 확인 후 동의(I accept the terms of the license agreement)를 체크하고 Finish 버튼을 클릭
5. 설치되고 있는 진행현황 창이 나타난후 설치가 진행되며 설치가 진행되는 중 서명되지 않은 내용 관련의 경고창이 출력됩니다.
무시하시고 OK 버튼을 클릭한후 설치가 완료되면, Restart Now 버튼을 클릭하여 이클립스를 재실행
6. 이클립스가 실행되면 설치된 플러그인으로 컬러 설정을 하기위해 상단의 Window - Preferences 메뉴를 클릭
7. General - Appearance - Color Theme 항목을 클릭 후 오른쪽 창에 리스트를 선택후에
첫번째 항목부터 하나씩 선택하면 우측에 적용된 컬러 테마가 미리보기를 해서 마음에 드는 테마를 선택 후 OK 버튼을 클릭하면 적용이 완료됩니다.
'Eclipse' 카테고리의 다른 글
| 이클립스에서 Node.JS 플러그인 설치하기 (0) | 2015.07.31 |
|---|---|
| Eclipse 에 Nodejs 개발 환경 설치(ENodeIDE) (0) | 2015.07.22 |
| 이클립스 단축키 요약 (0) | 2015.07.09 |
| 이클립스에서 수정된 라인 표시하기 (0) | 2015.07.09 |
| 이클립스 자바 API 도움말 한글로 나오게 설정하기 (0) | 2015.07.09 |
