'Inforamtion Technology'에 해당되는 글 281건

2012.02.08 Microsoft Service Trace Viewer
2011.12.15 IIS Access-Control-Allow-Origin 설정 : CORS(Cross-Origin Resource Sharing)
2011.12.14 크로스 도메인(Cross Domain)
2011.12.09 WCF RIA End Point : ODATA/SOAP/JSON
2011.12.02 Hosting 이란?
2011.12.02 SOA의 이해(WCF WebService)
2011.12.02 MIME POP SMTP
2011.11.23 HTML5 자료
2011.11.18 Manifest 파일
2011.11.18 Visual Studio 2010 : HTML5 TEMPLATE 사용

Microsoft Service Trace Viewer

PROGRAMING/SILVERLIGHT 2012. 2. 8. 10:08

Web Server Program으로 요청에러가 발생할 때 Trace 할 수 있도록 도와주는 툴

Web.config 파일에 다음 항목을 추가하면

D:\FindCoworker\client_tracelog.svclog 위치에 파일이 생성된다.
더블 클릭하면 위 프로그램이 실행된다.

<system.diagnostics>
    <sources>
      <source name="System.ServiceModel" switchValue="Information,ActivityTracing"           propagateActivity="true">
        <listeners>
          <add name="ServiceModelTraceListener"/>
        </listeners>
      </source>
      <source name="System.Net.Sockets" switchValue="Information">
        <listeners>
          <add name="ServiceModelTraceListener"/>
        </listeners>
      </source>
      <source name="System.Net" switchValue="Information">
        <listeners>
          <add name="ServiceModelTraceListener"/>
        </listeners>
      </source>
    </sources>
    <sharedListeners>
      <add initializeData="D:\FindCoworker\client_tracelog.svclog"           type="System.Diagnostics.XmlWriterTraceListener, System, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089"           name="ServiceModelTraceListener" traceOutputOptions="LogicalOperationStack, DateTime, Timestamp, ProcessId, ThreadId, Callstack"/>
    </sharedListeners>
    <trace autoflush="true" />
</system.diagnostics>

저작자표시 비영리

파란실버라이트

To remember the time when I started learning Silver Light!

IIS Access-Control-Allow-Origin 설정 : CORS(Cross-Origin Resource Sharing)

PROGRAMING/HTML5 2011. 12. 15. 15:26

WCF RIA 서비스의 end point를 JSON으로 설정하고 Sencha touch로 구현한 클라이언트에서 데이타를 가져오기 위해서 Ajax 통신으로 Json 데이타를 가져오려고 시도 했더니 다음과 같은 에러가 발생하였다.

XMLHttpRequest cannot load [서버 URI]. Origin [클라이언트 도메인] is not allowed by Access-Control-Allow-Origin.

WCF RIA 서비스의 도메인 정책에 문제가 있는 것으로 판단되어 clientaccesspolicy.xml/crossdomain.xml 를 서버에 저장해도 같은 에러가 발생해서 알아보니 다음 내용과 관련된 문제 였다.

참조 : http://blog.iolo.pe.kr/category/hacking/web

Ajax에는 Same Origin Policy라는 원칙이 있다. 말 그대로, 현재 브라우져에 보여지고 있는 HTML을 내려준 웹서버(Origin)에게만 Ajax 요청을 보낼 수 있다.

MS가 XMLHttpRequest를 처음 만들 때만 해도 이런 제약은 당연한 것처럼 보였지만, 지금에 와서는 OpenAPI를 통한 매시업(Mashup)이 활성화되는 데 가장 큰 장애물이 되었다. 매시업이 아니더라도 여러 개의 도메인을 사용해야 하는 대규모 사이트를 개발할 때도 골치거리였다. Same Origin Policy를 우회하는 방법으로 JSONP, IFRAME IO, CrossDomain Proxy 등이 고안되었지만, 보안성이 취약하다거나, 동기 호출이 안되거나, 주고 받는 데이터 형식이 제한되거나, 직관적이지 못하거나(dirty hack), ... 등의 문제점 때문에 표준화되기엔 무리가 있었다.

(중략) 한 참 뒤에야 W3C는 (MS의 IE가 제공하는 방식을 수용하여) 크로스도메인간에도 Ajax요청을 주고 받을 수 있는 방법을 표준화 했는데, 그것이 바로 CORS다.

CORS를 한 마디로 요약하면, "요청을 받은 웹서버가 허락하면 크로스도메인이라도 Ajax로 통신할 수 있다"라는 정책이다. 기술적으로는 크로스도메인에 위치한 웹서버가 응답에 적절한 Access-Control-Allow-류의 헤더를 보냄으로써 크로스도메인 Ajax를 허용 수 있다.

말이 뺑뺑도는 느낌인데, 예를 들어 보자(코드를 줄이기 위해 jQuery를 사용했지만 XMLHttpRequest를 직접 사용해도 마찬가지다). Ajax 요청을 보내는 one.html을 내려 준 a.com이 오리진 웹서버다. 이 요청을 받는 b.com이 크로스도메인 웹서버다. a.com에서 b.com으로... 그래서 크로스-도메인이다.

대충 그려보면 이런 식인데, b.com은 크로스도메인이므로 Ajax 통신이 불가능하지만, CORS를 적용하면 가능하다:

서버 프로그램의 Web Config 설정을 다음과 같이 바꾸어 주었더니 엑세스가 허용되었다. ^^ ( IIS 7.0 기준)

<system.webServer>

</customHeaders>

</httpProtocol>

</system.webServer>

자세한 내용은 다음 사이트를 참고하세요.
http://enable-cors.org/

추가 내용 / 2012.01.31

wcf rest service template 40를 사용해서 Restful service를 제공하는 project를 생성하였고 위 내용을 적용해도 엑세스가 허용되지 않았다.
그래서 다음과 같이 하였더니 허용되었다. ^^

Global.asax 에 다음 내용 추가

        protected void Application_BeginRequest(object sender, EventArgs e)
        {

HttpContext.Current.Response.Cache.SetCacheability(HttpCacheability.NoCache);
HttpContext.Current.Response.Cache.SetNoStore();

EnableCrossDmainAjaxCall();
}

        private void EnableCrossDmainAjaxCall()
        {
            HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*"); // * 대신 접속 하는 site를 추가하면 될 듯.

            if (HttpContext.Current.Request.HttpMethod == "OPTIONS")
            {
                HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods",
                              "GET, POST");
                HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers",
                              "Content-Type, Accept");
                HttpContext.Current.Response.AddHeader("Access-Control-Max-Age",
                              "1728000");
                HttpContext.Current.Response.End();
            }
        }

------------------------------------------------------------------------------------------------------------------------------------------

저작자표시 비영리

파란실버라이트

To remember the time when I started learning Silver Light!

크로스 도메인(Cross Domain)

PROGRAMING/SILVERLIGHT 2011. 12. 14. 11:21

참조 : http://blog.naver.com/catchbug?Redirect=Log&logNo=20130559763

실버라이트는 클라이언트에 다운로드되어 실행되지만, 실버라이트 런타임 샌드박스 안에서 실행이 된다.

그 말은 실버라이트는 사용하는 사용자의 PC에 프로그램이 다운은 되지만,

사용자 PC의 운영체제 권한으로 실행되는것이 아닌, 실버라이트 런타임의 제어를 받는 영역에서 실행이 된다는 이야기다.

또, 실버라이트 런타임은 실버라이트가 실행된 URL에 종속적이 된다.

이 말은 실버라이트 런타임은 호출 URL마다 각각의 영역이 갈린다는 이야기가 된다.

A사이트에서 실행된 실버라이트는 런타임 A영역에서, B사이트는 런타임 B영역에서 각자의 영역이 생긴다.

이 때 실버라이트가 실행된 URL이 아닌 다른 URL의 서비스를 호출하려고 하면, 크로스도메인 문제가 발생된다.

크로스도메인은 간단히 얘기하면 다른 URL의 리소스를 건드는 짓을 막는 보안규칙같은 것이다.

친절한 실버라이트께서는 다른 URL에 서비스를 호출하려고 하면 해당 서버에 '나 접속해도 돼??' 라고 물어 본다.

이때 이 물음에 답이 서버 루트에 clientaccesspolicy.xml 파일이다.

이곳에 설정되어있는 정보에 따라 접속을 하고 안하고를 결정한다.

<?xml version="1.0" encoding="utf-8"?>

<access-policy>

<cross-domain-access>

<allow-from http-request-headers="*">

</allow-from>

<grant-to>

</grant-to>

</policy>

</cross-domain-access>

</access-policy>

참조 : http://www.sqler.com/401814

기본적으로 실버라이트의 모든 네트워크 API는 실버라이트 .xap 파일이 게시되어 있는 도메인만 접근할 수 있습니다. 즉, 기본적으로 크로스 도메인이 지원 안된다는 것이죠.

다른 도메인에 있는 웹 서비스를 호출한다던지, 아니면 WebClient를 이용하여 다른 도메인에 있는 파일을 다운로드하는 경우에는 해당 도메인 쪽에 크로스도메인 정책 파일이 있어야 작동합니다. 이건 실버라이트가 원래 그렇게 만들어졌기 때문에 어쩔 수 없습니다.

크로스 도메인 접근을 허용하려면 다음과 같이 clientaccesspolicy.xml 을 만들어서 해당 도메인의 웹 루트 폴더에 넣어줘야 합니다.

<?xml version="1.0" encoding="utf-8"?>

<access-policy>

<cross-domain-access>

<allow-from http-request-headers="*">

</allow-from>

<grant-to>

</grant-to>

</policy>

</cross-domain-access>

</access-policy>

위 파일의 내용을 설명한다면… “모든 http request에 대해서 현재 서버의 모든 도메인과 하위 경로에 대해서 다 접근해도 된다.” 라는 뜻이 됩니다.

만약, 어떤 서버에 여러 개의 웹사이트가 호스팅되고 있고, 각각이 도메인이 다르게 설정되어 있을 때, 일부 도메인만 허용하려면 다음과 같이 하면 됩니다.

<?xml version="1.0" encoding="utf-8"?>

<access-policy>

<cross-domain-access>

<allow-from http-request-headers="*">

<domain uri="http://www.mydomain1.com" />

<domain uri="http://www.mydomain2.com" />

</allow-from>

<grant-to>

</grant-to>

</policy>

</cross-domain-access>

</access-policy>

다음과 같이 특정 서비스 폴더 아래쪽만 접근하게 할 수도 있습니다.

<?xml version="1.0" encoding="utf-8"?>

<access-policy>

<cross-domain-access>

<allow-from http-request-headers="*">

</allow-from>

<grant-to>

<resource path="/services/" include-subpaths="true"/>

</grant-to>

</policy>

</cross-domain-access>

</access-policy>

clientaccesspolicy.xml 을 잘 사용하면 웹 서버의 보안성을 보다 높일 수 있겠죠?

한 가지 더 있습니다.

플래시에서도 이와 유사하게 crossdomain.xml 이라는 것을 사용합니다. 고맙게도 실버라이트는 clientaccesspolicy.xml 뿐만 아니라 crossdomain.xml도 지원하기 때문에 이미 플래시를 잘 지원하는 웹 서비스 사이트에 별도로 clientaccesspolicy.xml 를 넣지 않아도 실버라이트가 접근할 수 있도록 해줍니다.

예로 유튜브와 같은 서비스는 clientaccesspolicy.xml 가 없어도 crossdomain.xml가 있기 때문에 실버라이트에서 접근할 수 있지요.

한번 다음 링크를 열어보세요^^

http://www.youtube.com/crossdomain.xml

http://www.youtube.com/clientaccesspolicy.xml

참고로, crossdomain.xml은 다음과 같이 생겼습니다.

<?xml version="1.0"?>

<!DOCTYPE cross-domain-policy SYSTEM

"http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd">

<cross-domain-policy>

<allow-http-request-headers-from domain="* " headers="*" />

</cross-domain-policy>

저작자표시 비영리

파란실버라이트

To remember the time when I started learning Silver Light!

WCF RIA End Point : ODATA/SOAP/JSON

PROGRAMING/SILVERLIGHT 2011. 12. 9. 15:09

WCF RIA 서비스를 사용해서 다른 END POINTD의 서비스를 생성하는 방법
참조 : http://blogs.msdn.com/b/davrous/archive/2010/12/14/how-to-open-a-wcf-ria-services-application-to-other-type-of-clients-the-json-endpoint-4-5.aspx

센차터치을 사용하여 하이브리드 웹 개발 중
서버의 프로그램에서 END POINT를 JSON으로 사용하는 방법을 찾다가 발견하게 되었다.^^

1. ORACLE data Provider for Data Entity FrameWork Beta 버젼을 설치
http://www.oracle.com/technetwork/topics/dotnet/downloads/oracleefbeta-302521.html
User Table을 User.edmx 로 저장

2. User.edmx파일을 가지고 WCF RIA 서비스를 생성

3. Web.Config 파일을 변경해서 ODATA, SOAP ,JSON으로 서비스를 제공

WCR RIA 관련 툴킷을 설치해서 System.ServiceModel.DomainServices.Hosting와 Microsoft.ServiceModel.DomainServices.Hosting 가 참조되어야 한다.

4. Test 결과
a. Odata

b. SOAP

c. JSON

이제 각 서비스를 Consume해서 어떻게 클라이언틀 구성하는 문제만 남았다. 이것만 남았으려나. ^^;

JSON_Test.zip

저작자표시 비영리

파란실버라이트

To remember the time when I started learning Silver Light!

Hosting 이란?

FUNDAMENT CONCEPT 2011. 12. 2. 15:46

http://blog.naver.com/simplexpr?Redirect=Log&logNo=70072097059 에서 참조 했습니다.

저작자표시 비영리

파란실버라이트

To remember the time when I started learning Silver Light!

SOA의 이해(WCF WebService)

SOA BPM 2011. 12. 2. 15:24

좀 오래된 책이기는 하지만 설명이 자세하게 되어 있어서 .Net FrameWork 3.0을 참고 해서 SOA를 좀 더 이해하게 되었다.

- 프로그래밍의 패러다임 변화
: Object-Oriented => Component-Based => Service-Oriented(SOA) =>(?) Resource-Oriented(ROA) / Restful

- SOA
: 서비스 지향 아케텍쳐 - 소프트웨어를 기술이 아니, 소프트웨어가 추구하는 목적(업무)의 관점에서 바라보는 것
: 서비스 - 특정 업무를 부르는 개념 <=   특정 기능이 아님
                 소비자의 관점              <=   개발자의 관점
: WCF   -   SOA를 구현하기 위한 도구
:  치킨서비스를 하는 웹 서버(WCF)와 클라이언트(WPF)를 구현 (책을 참고)

WcfService2.zip

웹서비스의 이해
- 분산 환경이 발전해 온 과정
:COM/COBRA => IIOP.DCOM/RMI => JMS/MSMQ => WEB SERVICE

- 이기종 어플리케이션과 시스템간의 통합(EAI)
: 표준을 따름 , 동일한 방식과 동일한 프로토콜 사용

- XML 형태의 메시지와 SOAP(Simple Oriented Access Protocol)을 사용
- WSDL : SOAP 서비스를 설명하는 규약

- 닷넷 웹서비스 클라이언트
: 웹서비스 참조가 완료되면 자동으로 Proxy Class가 생성(reference.cs 파일)
Proxy Class는 SOAP 메시지를 만들어서 웹서비스에 전달 / 결과를 받아서 리턴

저작자표시 비영리

파란실버라이트

To remember the time when I started learning Silver Light!

MIME POP SMTP

FUNDAMENT CONCEPT 2011. 12. 2. 11:01

MIME (Multipurpose internet Mail Extension)
- 인터넷 메일 확장
: text, message, application, image, audio, video의 7 개 타입
: 인터넷 메일로 자료를 주고 받는 문서의 타입을 정의함으로 보다 원활하게 주고 받을 수 있다.

POP
- 메일 클라이언트가 메일 서버로부터 메일을 가져오는 프로토골

SMTP
- 메일을 보낼 때 사용하는 프로토콜
: 메일 클라이언트에서 대부분 SMTP서버 설정이 가능하도록 되어 있으나 SMTP 서버가 Relay 허용을 해놓은 곳은 별로 없다.
왜냐하면 아무나 그 서버를 이용해서 메일을 보낼 수 있기 때문이다.

[출처] SMTP? POP3? IMAP?|작성자 Mad

저작자표시 비영리

파란실버라이트

To remember the time when I started learning Silver Light!

HTML5 자료

PROGRAMING/HTML5 2011. 11. 23. 13:29

HTML5 정보 포탈

HTML5 쉽게 쉽게 !!

4대 IT 트랜드라는 세미나에서 RIA 만큼의 충격은 아니었지만 오 ~ 괜찮다 싶었던 HTML5 + CSS3

앞으로 하루 30분씩 적지만 아주 큰 시간을 책과 웹을 검색하며 공부를 해볼까 한다.

STEP 01 - HTML5 에 대한 기초 지식 익히기

HTML5 자료 모음 링크 : http://channy.creation.net/blog/776

상단의 링크는 아래와 같은 내용을 포함하고 있습니다.

- 문서 자료 : 실전 HTML5 가이드 다운로드(A4 인쇄용) <- 아이폰과 아이패드에 삽입 굿

- 강의 동영상

- HTML5 소개

( 등장 이유부터 HTML4와 5의 차이점 등 )

- HTML 5 관련 발표 자료 및 글모음

- 여러 블로그 글 모음

- 각각의 튜토리얼과 데모까지

STEP 02 구축은 어떤식으로 가는가

-------------------------------------------------------------------------------

IBM 사이트에 있는 자료들

HTML5와 CSS3를 사용하여 최신 웹 사이트 구축하기

http://www.ibm.com/developerworks/kr/library/tutorial/wa-html5/section4.html

HTML 5로 모바일 웹 애플리케이션 작성하기,

Part 1: HTML 5, geolocation API 및 웹 서비스를 결합하여 모바일 매시업

작성하기 http://www.ibm.com/developerworks/kr/library/x-html5mobile1/

-------------------------------------------------------------------------------

미디어 쿼리란? 봐야알지 !! ( 클릭해서 창을 움직여 보세요 ^^ )

http://bananatiger.com/study/1_media_queries/exam_1.html
- 이미지가 화면사이즈에 비례되어 사이즈가 조절! ( IE는 8.0이상 )

( 아이폰이나 PC 해상도나 최적화로 보자 )

미디어 쿼리 다른 예제 ( IE에서는 안될수도 있습니다. )

http://chaospace.cafe24.com/html5/mediaQuery_01.html

출처 : http://chaospace.tistory.com/150

보시면 알겠지만 창 사이즈를 변경하였을 때 그 보여지는 것이 다릅니다.

모바일로는 작게 창을 보게 되실것이고, PC나 노트북용 화면은 또 다르겠죠

그리고 돌아다니다가 얻게된 IPHONE4 UI PSD !! 감사합니다

( JQuery Mobile 애플 스킨이 참 편리하긴 하지만 )

참조 : http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/

그리고 이건 정말 대박이다..

http://html5demos.com/

각각의 브라우저별로 소스 지원 부분까지 이거로 오늘 시간 다 보내고 있는듯..

HTML5 NOTIFICATIONS ( 알림 )

데스크탑 알림 창
응용프로그램에서 알림창은 (응용프로그램) 자신의 상태나 변화를 실시간으로 알려주기 위한 장치이다
대표적인 예로 메신저에서 메시지 수신이나 친구 로그인 등의 알려주는 것을 들 수 있다

이러한 알림창은 응용프로그램이 비활성화 되어 있더라도,
사용자에게 중요한 정보를 시각적으로 즉시 알려 주기 위한 유용한 장치이다
HTML5 의 Notifications 은 웹 페이지에서도 이와 같은 데스크탑 알림창을 구현하기 위한 스펙이다

사용법과 지원브라우저 , 데모 확인은 아래의 URL에서 확인가능합니다. ( 트위터 API 도 포함 )

가져옴 : http://m.mkexdev.net/69

인터넷 접속 상태 확인 ( 현재 온라인인지 오프라인인지 )

어도비 에어나 실버라이트의 아웃오브브라우저 같은 경우등 오프라인에서도 앱을 돌릴때 체크용이 할듯..

가져옴 : http://cafe.naver.com/webappdev/291

오 마이갓 크롬으로 써놓고 IE로 네이버 이미지 올리고 저장하다가 쓴글이 날라갔군요 ㅠㅠ

언젠가 브라우저 하나만 쓰는 날이 오겠죠? HTML5 그렇게 해줄겁니까? ㅎㅎㅎ

그외 또다른 정보 모음

JQuery Mobile 에 대해 알고 싶으시다면 ( 웹앱이란 )
http://ahman.kr/30103534325

웹앱 스토어를 알고 싶으시다면
http://ahman.kr/30098469023

HTML 데모 사이트에 대해 더 알고 싶으시다면
http://ahman.kr/30098150715

HTML5 API 같은 사이트 자세히 잘 나와있내요 ^^ GOOD

http://www.whatwg.org/specs/web-apps/current-work/

훌룡하신 선배님들 감사합니다.

HTML5 디자인 개발툴 엣지(EDGE) 공개 - 어도비(Adobe)
http://ahman.kr/30098089486

HTML5 기능 포탈

동영상 플레이 제작법
http://ahman.kr/30098096429

HTML5 Canvas 종결자 - Tutorials

예제에 따른 결과와 소스를 보고 바로 적용해볼 수 있는 Tutorials 잘되어있내요 굿 !

http://www.html5canvastutorials.com/tutorials/html5-canvas-tutorials-introduction/

Canvas API 모음

http://dev.w3.org/html5/spec/Overview.html#the-canvas-element

http://dev.w3.org/html5/canvas-api/canvas-2d-api.html

http://www.canvasdemos.com/

http://www.modernnizr.com/ ( 현재 안들어가지는 느낌 )

http://html5doctor.com/an-introduction-to-the-canvas-2d-api/ ( 예제와 함께 )

https://developer.mozilla.org/en/canvas_tutorial ( 모질라 )

http://dev.opera.com/articles/view/html-5-canvas-the-basics/ ( 오페라 )

자바스크립트와 HTML5 Canvas를 이용한 얼굴인식

http://firejune.com/1674

HTML5 주제별 Tutorials

http://www.html5rocks.com/tutorials/

Typographic effects in canvas ( 주제별 Tutorials 중에 효과들 )

http://www.html5rocks.com/tutorials/canvas/texteffects/

input 태그에 여러가지 속성 추가

<input type="search"> 검색 박스
<input type="number"> 숫자를 위한 input
<input type="range"> 슬라이드
<input type="color"> color picker
<input type="tel"> 전화번호
<input type="url"> 웹 URL 주소
<input type="email"> 이메일 주소
<input type="date"> 달력 표시 및 날짜 선택
<input type="month"> 월 <input type="week"> 주
<input type="time"> 타임스탬프
<input type="datetime"> date+time stamps
<input type="datetime-local"> 지역 날짜와 시간