|
| 회원가입없이 경제노트를 이메일로 받고 싶으신 분은 이름과 이메일을 입력해 주세요 |
|
|
|
|
|
|
|
| 입력 2006-05-12 오전 12:00:00 |
| 마음에 드는 노트지기의 업데이트 된 글을 내 노트에서 손쉽게 확인할 수 있습니다.
|
|
|
|
 |
|
 |
|
 |
|
 |
|
|
|
|
 안녕하세요. 세티의 닷넷강좌를 진행하는 박종현 입니다.
이번엔 약 2주간에 걸쳐서 Atlas에 대해 알아보겠습니다. Atlas를 이해하기 위해서는 먼저 2가지 선행지식이 필요합니다. 그것은 Ajax라는 웹 기반 기술과 닷넷 입니다.
그럼 Ajax라는 기술의 정의를 살펴보고, Ajax를 이해하도록 하겠습니다.
Ajax 란?
- 신기술이 아니다. 여러 기술의 모음.
- XHTML과 CSS를 사용하는 표준 기반 Presentation
- DOM(Document Object Model)을 사용하는 다이나믹 display와 상호작용
- XML과 XSLT를 사용하는 데이터 교환과 조작
- XMLHttpRequest를 사용하는 비동기 데이터 검색(retrieval)
- 그리고 JavaScript 바인딩
(그림1)
기존 웹 어플리케이션 응답/요청과 Ajax를 사용한 웹 어플리케이션 응답/요청 모델)
(이미지 출처)
(http://www.adaptivepath.com/publications/essays/archives/000385.php)
그림에서 보시는 것 처럼 우리가 흔히 사용하는 웹 환경은 브라우저 기반의 클라이언트와 서버에 기반한 시스템(클라이언트-서버) 시스템 이었습니다. 그러나 클라이언트가 갖는 브라우저의 단순함으로는 데스크 탑 수준의 다양한 표현을 구현하기가 너무 힘들었습니다. 따라서, 이러한 부분을 개선하기 위해 Ajax engine이 브라우저에 삽입되었고, 그로 인해 Ajax환경에서 서버와의 대화는 Ajax engine을 통하게 됩니다. 이것은 비동기 통신을 하게 됨으로써 Ajax는 기존 웹 어플리케이션이 가지지 못했던 다이나믹 display가 가능하게 되었습니다. 간단하게 Ajax가 무엇을 하기 위한 기술인지 살펴보았습니다.
닷넷이라는 기술은 여러분 모두가 어느 정도 알고 있을 거라 생각해서 따로 설명하지는 않겠습니다. 사실 기술에 대한 이해의 50% 이상은 용어가 가지는 정의에서 시작한다고 믿는세티 입니다. 그러면 지금부터 Atlas가 무엇인지 정의를 알아보도록 하겠습니다.
Atlas 정의 – Ajax가 가지는 장점과 닷넷 기술의 결합.
간단하죠…^^;
이제 설명 들어갑니다.
Atlas는 크게 클라이언트 컴포넌트와 서버 컴포넌트로 구성됩니다.
먼저 클라이언트 컴포넌트의 컨셉을 알아보겠습니다. Atlas 클라이언트 컴포넌트의 컨셉은
ASP.NET 어플리케이션을 위해 사용자 인터페이스를 상속 받아야 하는데 이를 위해Object-Oriented class 라이브러리로 만들어진 JavaScript File Set 을 가지고 있으며, 이것은 Rich UI와 AJAX 어플리케이션을 만들기 위한 것 입니다.
자 이제 Atlas 실습을 위해 준비해야 할 것이 있는데요. 다음의 주소를 방문하여 Atlas 컴포넌트를 다운로드 받아서 개인 컴퓨터에 설치 합니다.
http://www.microsoft.com/downloads/details.aspx?FamilyId=B01DC501-B3C1-4EC0-93F0-7DAC68D2F787&displaylang=en
(설치 방법은 다음의 주소를 링크합니다.-http://atlas.asp.net/docs/Overview/Install.aspx)
컴포넌트를 설치하게 되면 클래스 라이브러리는 다음의 위치에 자리 잡게 됩니다.
..Program Files\Microsoft ASP.NET\Atlas\v2.0.50727\Atlas\ScriptLibrary
클래스 라이브러리는 웹에서 Ajax + ASP.NET 이라는 정의를 가진 Atlas를 만족시키기 위해 아래의 파일들을 가지고 있습니다.
• AtlasRuntime.js – ‘Atlas’ 특징을 가지는 가장 기본적이고 최소한의 스크립트, 웹 서비스, 네트워킹 서비스, 자바스크립트를 위한 객체지향 확장
• Atlas.js – 모든 ‘Atlas’ 특징을 포함, 기본적으로 ‘Atlas’ Runtime 특징을 가짐, 클라이언트 컴포넌트, 컨트롤, 클라이언트 UI 디테일, 특정 데이터 바인딩을 위한 Syntax
• AtlasCompat.js – 브라우저의 호환성 제공
• AtlasCompat2.js – 위와 동일
• AtlasFX.js – ‘Atlas.js’와 목차는 같지만 ‘Atlas’ 런타임에는 포함되지 않는다. 이것은 호스트 시나리오에서 사용된다.
• AtlasUIDragDrop.js – 드래그-드롭 특징 도구 모음
• AtlasUIGlitz.js – 특수한 UI 효과 도구 모음
• AtlasUIMap.js – 버츄얼 매핑 도구 모음
• AtlasWebParts.js – ASP.NET의 Web Pars특징을 ‘Atlas’에서 사용하기 위한 도구
• GadgetRuntime.js – 마이크로소프트와 MSN에 사용된 런타임 코드
그럼 서버 컴포넌트는 어떤 것들을 가지고 있을까요?
서버 컴포넌트는 ASP.NET에 충실하기 위한 특성을 가지고 있습니다. Profiles, membership, roles, personalization, globalization and culture-specific services를 가지고 있습니다. 또한 ‘Atlas’ 컨트롤은 ASP.NET 컨트롤과 유사한 형태를 가지고 있어서 사용하기 쉬우며, pop-up, hover, click과 같은 클라이언트의 액션에 대한 컨트롤도 가지고 있습니다.
Atlas 전체를 아우르는 아주 깊이 있는 설명은 아니지만 Atlas가 무엇을 하기 위해 사용되는지는 위의 설명을 통해 충분히 감을 잡으셨을 거라 생각합니다.
감을 잡았으니 이제 구현을 해봐야 겠지요? ^^
다음 시간에는 간단한 입력 박스를 통해 전달된 데이터가 GridView에 바인딩 되는 예제를 Atlas를 이용해서 구현해보도록 하겠습니다.
|
|
|
|
|
 예병일의경제노트 추천정보 |
| |
|
|
|
|
 |
|
예병일의경제노트 노트지기 덧글 |
|
|
|
|
|
|
|
|
|
|
 노트 목록으로 이동 |
|
|
|