달력

09

« 2010/09 »

  •  
  •  
  •  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  •  
  •  

'전체'에 해당되는 글 356

  1. 2010/08/25 여름철 별자리 사진
  2. 2010/07/28 jQuery - .hasClass()
  3. 2010/07/27 jQuery-.html()
  4. 2010/07/27 jQuery - .attr()
  5. 2010/07/26 jQuery - 엘리먼트에 클래스 추가/삭제 하기.
  6. 2010/07/19 제 22회 대한민국 소프트웨어 공모전
  7. 2010/07/02 별 일주사진(양평국제수련원)
  8. 2010/07/02 불행이 반복된다면...
  9. 2010/06/28 AJAX + ASP.NET
  10. 2010/06/18 ASP + AJAX(JSON)
  11. 2010/06/17 Boinc 실적
  12. 2010/06/08 금성-화성-토성이 한번에 보이네요
  13. 2010/05/27 천문학 용어
  14. 2010/05/26 세상살기 힘든건 사람 때문이다.
  15. 2010/05/16 아름다운 밤하늘과 양평국제천문대 (3)
  16. 2010/05/07 2010년 대한민국 별축제 안내.
  17. 2010/05/02 내가 생각하는 인터넷 글쓰기 (2)
  18. 2010/05/02 아이폰과 생활의 변화 그리고 기타 생각
  19. 2010/04/19 TV보다 생각난 사람 사이의 관계
  20. 2010/04/09 논쟁을 잘하기 위해... (6)
  21. 2010/04/02 07. Windows Azure Platform Training Kit에 포함된 것들
  22. 2010/04/01 06. 윈도우즈 애저 개발에 필요한 조건. (2)
  23. 2010/03/22 05. Products : Windows Azure platform AppFabric(2)
  24. 2010/03/19 Internet Explorer Platform 개발자 가이드 미리보기 (4)
  25. 2010/03/16 04. Products : Windows Azure platform AppFabric(1)
  26. 2010/03/16 03. Products : Microsoft SQL Azure
  27. 2010/03/16 02. Products : Windows Azure (2)
  28. 2010/03/16 최대 웹 컨퍼런스 mix10이 개막
  29. 2010/03/15 01. Windows Azure Platform 이란? (2)
  30. 2010/03/11 2010년 MVP가 작성한 SBS기술문서 리스트
2010/08/25 22:25

여름철 별자리 사진 Astronomical Observation2010/08/25 22:25

촬영일시: 2010년 08월 22일 오전 12시~02시
촬영장소: 파주 아쿠아랜드 주차장
촬영대상: 목성, 세페우스 자리, 카시오페이아 자리, 페가수스 자리, 거문고 자리, 물고기 자리, 백조자리, 안드로메다 은하










저작자 표시 비영리 변경 금지
Posted by -세티-
2010/07/28 03:00

jQuery - .hasClass() General Web2010/07/28 03:00

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <script type="text/javascript" language="javascript" src="jquery-1.4.2.js"></script>
        <style type="text/css">
            p { margin: 8px; font-size:16px; }   
            .selected { color: red; }
            .highlight { background: yellow; }
        </style>
    </head>
    <body>
        <h4>.hasClass( className ): 엘리먼트에 하나 또는 그 이상의 클래스가 할당될 수 있다. HTML에서 표현은 아래와 같다.</h4>
        &lt;div id="mydiv" class="foo bar"&gt;</div>
        <h4>.hasClass() 메서드는 엘리먼트에 클래스가 할당되어 있으면 true를 반환한다. 다음의 예는 true를 반환한다.</h4>
        $('#mydiv').hasClass('foo')<br />
        $('#mydiv').hasClass('bar')
       
        <h4>매치된 엘리먼트에서 'selected' 클래스 찾기</h4>
        <p>Hello</p>
        <p class="selected">Goodbye</p>
        <div id="result1">First paragraph has selected class: </div>
        <div id="result2">Last paragraph has selected class: </div>
        <div id="result3">Some paragraph has selected class: </div>
       
        <script>
            $("div#result1").append($("p:first").hasClass("selected").toString());
            $("div#result2").append($("p:last").hasClass("selected").toString());
            $("div#result3").append($("p").hasClass("selected").toString());
        </script>
    </body>
</html>
저작자 표시 비영리 변경 금지

'General Web' 카테고리의 다른 글

jQuery - .hasClass()  (0) 2010/07/28
jQuery-.html()  (0) 2010/07/27
jQuery - .attr()  (0) 2010/07/27
jQuery - 엘리먼트에 클래스 추가/삭제 하기.  (0) 2010/07/26
ASP + AJAX(JSON)  (0) 2010/06/18
Javascript를 이용한 개발에서의 MVC 패턴  (0) 2009/02/11
Posted by -세티-
2010/07/27 09:15

jQuery-.html() General Web2010/07/27 09:15

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <script type="text/javascript" language="javascript" src="jquery-1.4.2.js"></script>
        <style type="text/css">
            p { margin:8px; font-size:20px; color:blue; cursor:pointer; }
            b { text-decoration: underline; }
            button { cursor: pointer; }
        </style>
    </head>
    <body>
        <h4>.html(): 이것은 xml 문서에서는 이용할 수 없다. 매치된 엘리먼트 집합의 첫번째 엘리먼트가 포함하는 html을 반환</h4>
        $('div.demo-container').html();<br>
        &lt;div class="demo-container"&gt;<br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div class="demo-box"&gt;Demonstration Box&lt;/div&gt; <= 결과값<br>
        &lt;/div&gt;<br><br>
       
        <p><b>Click</b> to change the <span id="tag">html</span></p>
        <p> to a <span id="text">text</span> node.</p>
        <p> This <button name="nada">button</button> does nothing.</p>

        <script>
            $("p").click( function() {
                var htmlStr =  $(this).html();
                $(this).text(htmlStr);
            });
        </script>

        <h4>.html( htmlString ): 매치된 엘리먼트가 포함하는 HTML을 문자열로 설정한다.</h4>
        $('div.demo-container').html();<br>
        &lt;div class="demo-container"&gt;<br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div class="demo-box"&gt;Demonstration Box&lt;/div&gt; <= 이 부분 교체<br>
        &lt;/div&gt;<br><br>

        <div class="demo-container">
            <div class="demo-box">Demonstration Box</div>
        </div>
        <script>
            $('div').html('<p>All new content. <em>You bet!</em></p>');
        </script>

        <h4>jQuery 1.4에서는 함수를 이용하여 값 바인딩이 가능</h4>
        <div class="demo-container1">
            <div class="demo-box">Demonstration Box</div>
        </div>
        <script>
            $('div.demo-container1').html( function() {
                var emph = '<em>' + $('p').length + ' paragraphs!</em>';
                return '<p>All new content for ' + emph + '</p>';
            });
        </script>

        <h4>각각의 div에 약간의 html을 추가</h4>
        <div></div>
        <div></div>
        <div></div>
        <script>
            $("div").html("<b>Wow!</b> Such excitement...");
            $("div b").append(document.createTextNode("!!!")).css("color", "red");
        </script>
    </body>
</html>
저작자 표시 비영리 변경 금지

'General Web' 카테고리의 다른 글

jQuery - .hasClass()  (0) 2010/07/28
jQuery-.html()  (0) 2010/07/27
jQuery - .attr()  (0) 2010/07/27
jQuery - 엘리먼트에 클래스 추가/삭제 하기.  (0) 2010/07/26
ASP + AJAX(JSON)  (0) 2010/06/18
Javascript를 이용한 개발에서의 MVC 패턴  (0) 2009/02/11
Posted by -세티-
2010/07/27 03:00

jQuery - .attr() General Web2010/07/27 03:00

출처: http://api.jquery.com/attr/

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <script type="text/javascript" language="javascript" src="jquery-1.4.2.js"></script>
        <style type="text/css">
            em { color:blue; font-weight:boid; }
            div { color:red; }
        </style>
    </head>
    <body>
        <h4>.attr(attributeName): 애트리뷰트의 이름 가져오기</h4>
        <p>Once there was a <em title="huge, gigantic">large</em> dinosaur...</p>
        The title of the emphasis is: <div></div>

        <script type="text/javascript" language="javascript">
            var title = $("em").attr("title");
            $("div").text("title");
        </script>

        <h4>.attr(attributeName, value)</h4>
        <img id="greatphoto" src="http://www.dcollect.co.kr/data/rental/goods/small/DM2ST98_500.jpg" alt="brush seller">
        <script>
            /* 하나씩 애트리뷰트에 값 추가하기 */
            $('#greatphoto').attr('alt', 'Beijing Brush Seller');
            $('#greatphoto').attr('title', 'Photo by Kelly Clark');
        </script>

        <h4>.attr(map): 애트리뷰트-값 쌍의 맵</h4>
        <img id="greatphoto" src="http://www.dcollect.co.kr/data/rental/goods/small/DM2ST98_500.jpg" alt="brush seller">
        <script>
            /* 한번에 추가하기 */
            $('#greatphoto').attr({
                alt: 'Beijing Brush Seller',
                title: 'Photo by Kelly Clark'
            });
        </script>

        <h4>greatphoto ID값을 가지는 img 앨리먼트의 alt에 title을 결합하여 출력</h4>
        <img id="greatphotoA" src="http://www.dcollect.co.kr/data/rental/goods/small/DM2ST98_500.jpg" alt="brush seller">
        <script>
            /* 한번에 추가하기 */
            $('#greatphotoA').attr('title', function(){
                return this.alt + '- photo by kelly clark'
            });
        </script>

        <h4>모든 img 테그의 속성값 교체(소스내 주석 삭제)</h4>
        <img />
        <img />
        <img />
        <div><b>Attribute of Ajax</b></div>
        <script>
        /*
            $('img').attr({
                src: "http://www.dcollect.co.kr/data/rental/goods/small/7(1).jpg",
                title: "jQuery",
                alt: "jQuery Logo"
            });

            $("div").text($("img").attr("alt"));
        */
        </script>

        <h4>페이내의 div에 id 설정</h4>
        <div>Zero-th<span></span></div>
        <div>first<span></span></div>
        <div>second<span></span></div>
        <script>
            $('div').attr('id', function(arr){
                return "div-id" + arr;
            })
            .each(function() {
                $("span", this).html("(ID = '<b>" + this.id + "</b>')")
            });
        </script>
    </body>
</html>
저작자 표시 비영리 변경 금지

'General Web' 카테고리의 다른 글

jQuery - .hasClass()  (0) 2010/07/28
jQuery-.html()  (0) 2010/07/27
jQuery - .attr()  (0) 2010/07/27
jQuery - 엘리먼트에 클래스 추가/삭제 하기.  (0) 2010/07/26
ASP + AJAX(JSON)  (0) 2010/06/18
Javascript를 이용한 개발에서의 MVC 패턴  (0) 2009/02/11
TAG jquery
Posted by -세티-
<html>
    <head>
        <title></title>
        <script type="text/javascript" language="javascript" src="jquery-1.4.2.js"></script>
        <style type="text/css">
            p { margin:0; }
            .pStyle { color:red; }
            .pStyleb { color:blue; }
            .highlight { background:yellow; }
            .item-1 { color:green }
            .item-2 { color:maroon }
        </style>
    </head>
    <body>

        <h2>jQuery - .addClass(): 클래스 추가/삭제</h3>
        <h3>단일 엘리먼트의 클래스 추가/삭제</h3>
        <p>1234</p>
        <p>5678</p>
        <p>9012</p>

        <script language="javascript">
            $('p').addClass('pStyle');    //클래스 추가하기
            $('p').removeClass('pStyle').addClass('pStyleb');    //추가한 클래스 제거하고 다른 클래스 추가하기.
            $('p:last').removeClass('pStyleb').addClass('pStyle');    //마지막 p 엘리먼트의 클래스를 제거하고 다른 클래스 추가.
            $("p:last").addClass("highlight");
        </script>
   
        <h3>리스트형 엘리먼트에 클래스 추가/삭제</h3>
        <ul>
            <li>가나다</li>
            <li>라마바</li>
            <li>사아자</li>
        </ul>

        <script type="text/javascript" language="javascript">
        $('ul li').addClass ( function() {
            return 'item-' + $(this).index();
        });
        </script>

        <script type="text/javascript" language="javascript">
        $('ul li:last').removeClass( function(){
            return 'item-' + $(this).index();
        })
        $('ul li:last').addClass ( function() {
            return 'item-' + $(this).index();
        });
        </script>
    </body>
</html>
저작자 표시 비영리 변경 금지

'General Web' 카테고리의 다른 글

jQuery-.html()  (0) 2010/07/27
jQuery - .attr()  (0) 2010/07/27
jQuery - 엘리먼트에 클래스 추가/삭제 하기.  (0) 2010/07/26
ASP + AJAX(JSON)  (0) 2010/06/18
Javascript를 이용한 개발에서의 MVC 패턴  (0) 2009/02/11
26. 레코드 사이 이동하기  (0) 2008/12/22
TAG jquery
Posted by -세티-

저작자 표시 비영리 변경 금지
Posted by -세티-

저작자 표시 비영리 변경 금지
Posted by -세티-
2010/07/02 22:18

불행이 반복된다면... Thinking2010/07/02 22:18

그건 지니고 있는 내 마음속 어떤 것이 현실이 되기 때문이라고 봅니다.

불행한 사람에게 있어 행복이란 어색하고 불편하고 자신을 불안하게 만드는 존재니까요.

어색한 것 보다는 편한 것이 낫기 때문에 불행이 반복됩니다.

결국 행복해지려고 노력할수록 어색함은 강해지게 되고 결국 불행해 집니다.

단순하지만 불행이 반복된다면 어색한 무언가를 편하게 대하려는 노력을 해야 하고 그것을 내것으로 만들어야 합니다.

그래야 행복해 지니까요.

저작자 표시 비영리 변경 금지
Posted by -세티-
2010/06/28 01:19

AJAX + ASP.NET General .NET2010/06/28 01:19

ASP.NET을 이용하여 AJAX 통신을 해보겠습니다.

먼저 아래의 그림과 같이 코딩을 합니다.


이미지를 보면 번호가 붙어 있는데요. 각 번호에 대한 설명은 아래와 같습니다.
1번 - AJAX 통신을 위해 ScriptManager를 이용합니다. ScriptManager는 참조경로로 CostService.svc 를 연결합니다.
2번 - HTML 콘트롤로 버튼을 하나 생성합니다. 클릭시 자바스크립트로 연결됩니다. Button1_onclick()를 호출합니다.
3번 - AJAX 통신으로 취합된 데이터를 출력하는 엘리먼트 입니다.


1번에 보여진 svc 설정을 위해 아래의 그림과 같은 절차를 이행합니다.
먼저 프로젝트에서 마우스 우클릭하고, Add > New Item 을 클릭합니다.
.svc 선택을 위해 AJAX-enabled WCF Service를 선택하고 Name CostService.svc 를 적어 줍니다.

Add 버튼을 클릭하고 svc를 추가합니다.
svc의 내용은 다음과 같습니다.
설명은 코드상에 주석으로 표기해 놓았습니다.

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Configuration;
using System.Web.Configuration;
using System.Collections.Generic;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.ServiceModel.Activation;
using System.ServiceModel.Web;
using System.Text;
using System.Data.SqlClient;
using System.Data;
using System.Runtime.Serialization;
using System.Runtime.Serialization.Json;
using Pesta.Utilities.Helpers;

//네임스페이스는 SandwichServices 입니다.
namespace SandwichServices
{

    [ServiceContract(Namespace = "SandwichServices")]
    [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
    public class CostService : BaseCode
    {
        [OperationContract]
        public string CostOfSandwiches()
        {
            //BaseCode에서 연결 문자열을 가져옵니다.
            //코드 내용은아래에 있습니다.
            BaseCode bc = new BaseCode();
            string strConnection = bc.strConnection;

            //데이터베이스에 연결하고 오픈합니다.
            SqlConnection con = new SqlConnection();
            con.ConnectionString = strConnection;
            con.Open();

            //데이터를 가져오기 위한 쿼리 문자열을 생성합니다.
            //운영할 때 편이성을 위해 이렇게 코드에 쿼리를 넣는 것 보다는 SP로 하는게 더 낫습니다.
            string Query = string.Empty;
            Query = "select * from leeho_test";

            SqlCommand cmd = new SqlCommand(Query, con);
            SqlDataAdapter adp = new SqlDataAdapter(cmd);
            DataSet ds = new DataSet();
            adp.Fill(ds);

            //데이터 셋을 JSONHelper 객체로 보내 JSON 문자열을 생성합니다.
            Pesta.Utilities.Helpers.JSONHelper jh = new Pesta.Utilities.Helpers.JSONHelper();
            string ss = jh.ToJSON(ds);

            return ss;
           
        }
    }
}

//아래는 JSON 헬퍼 입니다.
//헬퍼 클래스는 2개의 메서드를 가지는데 하나는 데이터 셋을 인자로 받고, 다른 하나는 데이터 테이블을 직접 전달할 수
//있게 되어 있습니다.
namespace Pesta.Utilities.Helpers
{

    public class JSONHelper
    {
        #region Made from datatable of dataset to JSON string
        /// <summary>
        /// WriteDate : 2010-06-14
        /// Author : Jonghyun, Park
        /// Content: Made from DataTable of DataSet to JSON
        /// </summary>
        /// <param name="obj">DataSet</param>
        /// <returns>jsonBuilder</returns>
        public string ToJSON(DataTable dt)
        {
            return MakeData(dt);
        }
        #endregion

        #region Made from DataSet of dataset to JSON
        /// <summary>
        /// WriteDate : 2010-06-14
        /// Author : Jonghyun, Park
        /// Content: Made from DataSet of dataset to JSON
        /// </summary>
        /// <param name="obj">DataSet</param>
        /// <returns>jsonBuilder</returns>
        public string ToJSON(DataSet obj)
        {
            DataTable dt = obj.Tables[0];
            return MakeData(dt);
        }
        #endregion

        #region Make Data
        /// <summary>
        /// WriteDate : 2010-06-14
        /// Author : Jonghyun, Park
        /// Content: Make Data
        /// </summary>
        /// <param name="dt">DataTable</param>
        /// <returns></returns>
        private static string MakeData(DataTable dt)
        {
            StringBuilder jsonBuilder = new StringBuilder();
            jsonBuilder.Append("[");
           
            for (int i = 0; i < dt.Rows.Count; i++)
            {
                jsonBuilder.Append("{");
                for (int j = 0; j < dt.Columns.Count; j++)
                {
                    jsonBuilder.Append("\""+ dt.Columns[j].Caption +"\":\"");
                    jsonBuilder.Append(dt.Rows[i][j].ToString());
                    jsonBuilder.Append("\",");
                }
                jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
                jsonBuilder.Append("},");
            }
            jsonBuilder.Remove(jsonBuilder.Length - 1, 1);

            jsonBuilder.Append("]");
            return jsonBuilder.ToString();
        }
        #endregion
    }
}


아래는 BaseCode.cs 입니다.

 using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Configuration;

namespace SandwichServices
{
    public class BaseCode
    {
        public string DBKEY = string.Empty;
        public string GETKey = tring.Empty;
        private string dbkey {
            get {
                return DBKEY;
            }
            set {
                dbkey = DBKEY;
            }
        }
        public string strConnection = ConfigurationManager.ConnectionStrings["ApplicationServices"].ToString();
    }
}

   

다 되었으면 2번 내용을 준비합니다.
Button1_onclick() 함수를 자바스크립트로 만들어야 하는데요. 코드는 아래와 같습니다.

설명을 하자면....
1번 Button1_onclick 함수는 svc에서 노출된 함수를 호출합니다. 호출된 json 문자열을 2번 onSuccess 함수에 값으로 전달하게 되고 onsuccess 함수는 전달된 json 문자열을 div 엘리먼트의 id가 dvPrintData 객체에 그 값을 전달하여 출력하게 합니다.

출력 결과는 아래와 같습니다.


이상으로 AJAX + ASP.NET의 가장 기초적인 작성을 해봤습니다.


저작자 표시 비영리 변경 금지
Posted by -세티-
2010/06/18 17:49

ASP + AJAX(JSON) General Web2010/06/18 17:49


ASP 페에지 코딩 부분

호출 페이지로 전달할 데이터를 생성해 낸다.
호출된 데이터는 JSON 타입으로 사용하기 위해 문자열로 만들어준다.

 <%

    response.charset = "utf-8"
   
    dim cmd, db
   
    set db = server.createobject("adodb.connection")
    db.open "provider=sqloledb; data source = IP Address;uid=DBID;pwd=PASSWORD;database=DBNAME"
   
    set cmd = server.createobject("adodb.command")
    cmd.activeconnection = db
    cmd.commandtext = spNAME
    cmd.commandtype = 1
   
    set rs = cmd.execute
   
    if not rs.eof then
        OpenEventCommentList = rs.getrows()
    end if
    rs.close
  
    set rs = nothing

'   ============================================================
'   배열로 저장된 레코드 셋 출력하기.
'   ============================================================
    dim rowCnt, colCnt
    rowCnt = ubound(OpenEventCommentList, 2)    '행
    colCnt = ubound(OpenEventCommentList, 1)    '열
  
    dim json
    if IsArray(OpenEventCommentList) then
        json = json + "["
        for i=0 to rowCnt
            json = json + "{"
            for j=0 to colCnt
                if j=0 then json = json + """UserID"":""" end if
                if j=1 then json = json + """Content"":""" end if
                if j=2 then json = json + """RegDate"":""" end if
                json = json + OpenEventCommentList(j, i)
                json = json + ""","
            next
            json = Mid(json, 1, len(json) -1)
            json = json + "},"
        next
        json = Mid(json, 1, len(json) -1)
       
        json = json + "]"
    end if
   
    response.write json
%>


HTML 호출 페이지
1. createXMLHttpRequest() 호출 객체를 생성한다.
2. 콜백함수를 호출할 getCommentList() 객체를 생성한다.
3. 콜백함수 getCommentList_Callback()를 생성한다.

 <!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">
<head>
    <title>댓글 기능</title>
    <script language="javascript" type="text/javascript">
        var strTable = "";
        function createXMLHttpRequest() {
            if (window.ActiveXObject) {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            else if (window.XMLHttpRequest) {
                xmlHttp = new XMLHttpRequest();
            }
        }

        function getCommentList() {
            createXMLHttpRequest();
            xmlHttp.onreadystatechange = getCommentList_Callback;
            xmlHttp.open("GET", "GetCmtList.asp", true);
            xmlHttp.send();
        }

        function getCommentList_Callback() {
            if (xmlHttp.readyState == 4) {
                if (xmlHttp.status == 200) {
                    var obj = eval('(' + xmlHttp.responseText + ')');

                    strTable += "<table border='1' cellpadding='0' cellspacing='0'><tr><td>Idx</td><td>keyword</td><td>writeday</td></tr>";
                    for (var i = 0; i < obj.length; i++) {
                        strTable += "<tr>";
                        strTable += "<td>" + obj[i]["UserID"] + "</td>";
                        strTable += "<td>" + obj[i]["Content"] + "</td>";
                        strTable += "<td>" + obj[i]["RegDate"] + "</td>";
                        strTable += "</tr>";
                    }
                    strTable += "</table>";
                    document.getElementById("CommentList").innerHTML = strTable;
                }
            }
        }
    </script>
</head>
<body>
    <div id="CommentList"></div>
    <form id="eventComment">
        <textarea name="content" id="cheerContent" cols="100" rows="3"></textarea>
        <input type="button" value="comment" />
    </form>
    <script type="text/javascript" language="javascript">
        getCommentList();
    </script>
</body>
</html>



저작자 표시 비영리 변경 금지
Posted by -세티-
2010/06/17 10:03

Boinc 실적 Astronomy2010/06/17 10:03

1999년 부터 참여하고 있는 세티 프로젝트의 최근 기록

Detailed statistics for
"Jong-Hyun Park"

BOINC Cross Project IDentifier d76e17d67d4c5a2432cf0b66a4de7585
URL www.setisigns.net
 
Current Credit (based on incremental update) 93,865.40
Comprising 93,865.40 from the daily update
+ 0.00 since then
BOINC World position based on credit (based on incremental update) 226,981 out of 1,977,011
50 since daily update
 
Recent average credit RAC (projects accumulated) 432.71690
Recent average credit RAC (according to BOINCstats) 410.60581
Recent average position change per day 627.85
BOINC World position based on RAC (based on incremental update) 76,131 out of 1,977,011
Overtake stats  Overtake stats 
 
Contribution to BOINC total credit 0.00004%
Contribution to BOINC total RAC 0.00008%
Accumulated more credit than % of all BOINC users 88.519%
Highest World position ever 53829 at 2005-07-14
 
Set your credit target calculate
Target results
No target set
Set your date target calculate
Target results
No target set
 
Link to users host stats  Host list 
 
Member of team Seti@Home Korea
Position in Team 89 out of 1044
Contribution to Team total credit 0.13336%
Contribution to Team total RAC 0.50471%
Accumulated more credit than % of all Team members 91.475%
 
Resident of Korea, South Korea, South
Position in Country stats 446 out of 7732
Contribution to own country total credit 0.01853%
Contribution to own country total RAC 0.02034%
Accumulated more credit than % of all fellow citizens 94.23176%
 
Cup points 35.61
Cup Rank 150,506
 
URL for user signature graphic http://www.boincstats.com/signature/user_176210.gif
URL for user signature graphic (for this project only) http://www.boincstats.com/signature/user_176210_project-1.gif
URL for user WAP stats http://www.boincstats.com/stats/wap_user.php?id=176210

Best five days
Date Credit
2010-06-08 16:48:12 1,676
2010-05-27 16:46:24 1,470
2010-05-26 16:41:44 1,467
2010-05-12 16:42:20 1,460
2010-05-19 16:42:39 1,373

  Current Credit  Current position  % of total  last day  Cup Rank   
SETI@Home 93,865.40  114,860  100.00  838.86  28,083    







































Last 30 days (based on the daily update numbers):
  2010-06-16 2010-06-15 2010-06-14 2010-06-13 2010-06-12 2010-06-11 2010-06-10 2010-06-09 2010-06-08 2010-06-07
Total Credit 93,865 93,027 93,027 93,027 92,802 92,684 92,513 92,255 92,255 90,579
Credit/day 839 0 0 225 117 172 258 0 1,676 1,345
Position 226,931 228,084 227,939 227,821 228,006 228,013 228,139 228,287 228,164 230,800
Position change 1153 145 118 185 7 126 148 123 2636 2056
Position
in team
89 89 89 89 89 89 89 89 89 91
Position change
in team
0 0 0 0 0 0 0 0 2 0

  2010-06-06 2010-06-05 2010-06-04 2010-06-03 2010-06-02 2010-06-01 2010-05-31 2010-05-30 2010-05-29 2010-05-28
Total Credit 89,234 88,736 88,465 88,344 87,876 87,700 86,381 86,257 85,793 85,464
Credit/day 498 270 121 468 176 1,319 123 465 329 516
Position 232,856 233,591 233,885 233,923 234,581 234,735 236,986 237,130 237,723 238,163
Position change 735 294 38 658 154 2251 144 593 440 698
Position
in team
91 91 91 91 91 91 91 91 91 91
Position change
in team
0 0 0 0 0 0 0 0 0 0

  2010-05-27 2010-05-26 2010-05-25 2010-05-24 2010-05-23 2010-05-22 2010-05-21 2010-05-20 2010-05-19 2010-05-18
Total Credit 84,948 83,478 82,010 81,574 81,574 81,173 80,836 80,602 80,479 79,107
Credit/day 1,470 1,467 437 0 400 337 234 123 1,373 0
Position 238,861 241,406 244,029 244,708 244,588 245,233 245,738 246,032 246,071 248,501
Position change 2545 2623 679 120 645 505 294 39 2430 136
Position
in team
91 93 95 95 95 96 96 95 95 95
Position change
in team
2 2 0 0 1 0 1 0 0 0

저작자 표시 비영리 변경 금지

'Astronomy' 카테고리의 다른 글

Boinc 실적  (0) 2010/06/17
금성-화성-토성이 한번에 보이네요  (0) 2010/06/08
천문학 용어  (0) 2010/05/27
아름다운 밤하늘과 양평국제천문대  (3) 2010/05/16
2010년 대한민국 별축제 안내.  (0) 2010/05/07
세티... 밤하늘을 찍다.  (2) 2010/01/24
Posted by -세티-

아까 한 시간전에 하늘을 보니깐 금성, 화성, 토성이 황도상에 직선으로 늘어서 있더라구요.
화성밑에 작은 별이 뭘까 하고 찾아보니깐 사자자리의 레귤러스 더군요.
아래는 다양한 아이폰 애플리케이션으로 본 금성-화성-토성 입니다.

모두 GPS 기반이기에 Star Walk와 동일한 방식으로 동작 합니다.

사본 -Venus_Mars_Saturn.jpg

(Starmap App)

 

 사본 -Venus_Mars_Saturn_2.jpg
(Star Chart App) 

저작자 표시 비영리 변경 금지

'Astronomy' 카테고리의 다른 글

Boinc 실적  (0) 2010/06/17
금성-화성-토성이 한번에 보이네요  (0) 2010/06/08
천문학 용어  (0) 2010/05/27
아름다운 밤하늘과 양평국제천문대  (3) 2010/05/16
2010년 대한민국 별축제 안내.  (0) 2010/05/07
세티... 밤하늘을 찍다.  (2) 2010/01/24
Posted by -세티-
2010/05/27 00:34

천문학 용어 Astronomy2010/05/27 00:34


Julian day number : 율리우스 력수
local civil time : 지방시
sidereal time : 항성시
equatorial coordinate : 적도좌표
horizon coordinate : 지평좌표
asension : 상승
right asension : 적경
hour angle : 시간각
obliquity : 경사진 것
ecliptic : 황동
obliquity of the ecliptic : 황도경사각
nutation : 장동(지축의 미동)
longitude : 황경, 경도
coorection : 교정
ecliptic coordinate : 황도좌표
galactic coordinate : 은하좌표
precession : 세차운동
geocentric : 지심
apparent : 시
atmospheric refraction : 대기굴절
circumstance : 상황
parallax : 시차
osculating elliptical element : 접촉중인 타원요소
cormet : 혜성
parabolic : 포물선
저작자 표시 비영리 변경 금지

'Astronomy' 카테고리의 다른 글

Boinc 실적  (0) 2010/06/17
금성-화성-토성이 한번에 보이네요  (0) 2010/06/08
천문학 용어  (0) 2010/05/27
아름다운 밤하늘과 양평국제천문대  (3) 2010/05/16
2010년 대한민국 별축제 안내.  (0) 2010/05/07
세티... 밤하늘을 찍다.  (2) 2010/01/24
Posted by -세티-
2010/05/26 11:57

세상살기 힘든건 사람 때문이다. Thinking2010/05/26 11:57

일할 때 커뮤니케이션보다는 서로 다른 성장 배경과 환경을 가진 사람들과 할 때 더더욱 어렵다.

일견 당연한 말이지만....

더 어려운 이유가... 적어도 일을 할 때는 공동의 목표가 있기 때문에 서로를 이해시키고 납득시킬려는 최소한의

노력이라도 기울이기 때문이다.

그러나 사적인 영역에서 그러기 위해선 서로가 서로를 이해할려는 노력을 애써서 하려고 하지 않기 때문에

잘못된 표현방법과 주관적 이해들로 포장된 이미지가 서로 달라 등돌리기 쉽상이다.

그래서 사람 때문에 힘들다.

그래도 사람에 대한 믿음과 신뢰 만큼은 놓고 싶지 않다.


저작자 표시 비영리 변경 금지
Posted by -세티-
토요일 오후 양평 천문대 가는길...
하늘이 너무 좋아 마음까지 들떠버린 하루...
밤에 맑은 별을 볼 수 있을까 하는 기대를 하기에 더없이 좋은 하루...
가는 길에 시간이 남아 길가의 한 매점에서 점심을 사발면으로 해결하기 위해 잠시 쉬며 주변을 둘러 봅니다.

주변을 둘러 보는데 하늘이 뿌옇습니다.
혼자 생각하기를 '습기가 많은건가? 먼지가 많은건가?' 라는 생각을 하고 있는데 매점 아주머니께서 말씀하십니다.

"송진 가루가 많이 날리네"

헐~ 이게 그거 였다니... 순간 저의 무식함을 탓해야 했지만 서울 촌놈이 지방가서 배운 지식 중의 지식이었습니다.
도시에서만 살았다고 하긴 핑계고, 아마도 이런 것을 주의깊게 보기 위한 여유가 그 동안은 별로 없었던 듯 합니다.

일단 알았으니깐 됐죠 뭐. 늦었지만 지식 업!
아래 사진을 보면 하늘이 뿌연데 저것이 매점 아주머니가 말씀해 주신 바로 그 가루 입니다.


사발면에 물 하나 샀는데 라면물 값도 받지 않으시고, 테이블에 의자까지 꺼내어 앞마당에 놔주신 아주머니께 좀 미안한 생각이 들었습니다. 매점이 좀 썰렁했었거든요.

동행인이 많았다면 조금 더 팔아드렸을텐데 하는 생각을 해봤습니다.
아무튼 양평 천문대 도착해서 3급 연수를 지원했습니다.
빔 프로젝트를 설치하면서 테스트 중이군요.ㅎㅎ;

설치 후 따스한 봄 볕을 느끼고 싶어 주변을 둘러보기로 결정했습니다. 그리고 나오는 길에 정문을 한번 촬영해 봤습니다.

주변을 둘러보는데 천문노트 어재규 군이 함께 해주었습니다.
우리 재규군 모공이 빛을 받아 뽀얀 피부가 되었네요.^^
실제로 뽀얏기도 하고요.ㅋㅋ

아~ 꽃이 너무 아름답게 피었어요.

제가 좋아하는 글쓰기 주제인 '길'에 어울릴 법한 배경을 뒤로하고 독사진 찍어봤습니다.

그리고 이게 드룹이라고 하는건가요?
전 처음 봤는데 저 쬐끄만 녀석이 아주 비싸고 귀한 몸이라는 군요.
귀하신 몸인 만큼 잘못 만지면 아주 따갑습니다. 가시가 날카롭거든요.
덕분에 피 봤습니다. ^^


자아 ~ 아마천 가족 사진 입니다. 4식구의 단란한 봄 나들이 사진 같죠? 오해하진 마시구요.ㅎㅎ

주인공은 굴절 망원경, 배경은 천문대... 오늘 밤 하늘이 예사롭지 않게 좋을 것이라는 것을 하늘이 알려주고 있습니다.

2기 2급인 이기자 선생님과 함께 쑥을 뜯었습니다. 창고 뒤편 비탈진 곳에 무질서하게 나있던 이름 모를 잡초가 쑥이라는 것을 처음 알았습니다. 잡초라고 생각했던 쑥에게 정말 미안한 생각이 들더군요. 
선생님께서 쑥 뜯는 법을 알려주셔서 함께 해봤습니다.
선생님은 정말 능숙하게 뜯으시던데 전 겨우겨우... 하지만 좋은 경험이었습니다. ^^

보기만 해도 인상 좋은 천문연구원의 설아침씨네요.
봄 햇살 가득한 강의실에서 무언가를 굉장히 열심히 합니다.
역시 카메라 의식하면서 입술에 힘을 주고 계시는 군요. ㅋㅋ 릴렉스~

기다리고 기다리던 밤하늘 일주 사진을 찍었습니다.
모두 두 곳에서 총 650여장의 별사진을 만들었습니다.
그것을 하나의 밤하늘 영상으로 편집했습니다.
점상 촬영이 되지 않아 결과물이 아쉽게 되었지만 별의 움직임을 확인할 수 는 있습니다.


(양평 천문대 산 아래 관측소에서, 280장 합성)


(양평 천문대 돔 근처에서, 373장 합성)

그리고 양평 밤하늘의 은하수 입니다.

또한 왕관자리와 궁수 자리 입니다.

마지막으로 헤라클래스 자리 입니다.

오랜만에 본 별이 넘치는 밤하늘이었고, 그 시간이 짧음에 아쉬움을 느꼈습니다.
또한 보다 좋은 렌즈에 대한 욕심을 가지게 된 시간이었습니다. ^^

(양평천문대를 배경으로 한 세티)
저작자 표시 비영리 변경 금지
Posted by -세티-
2010/05/07 19:11

2010년 대한민국 별축제 안내. Astronomy2010/05/07 19:11

저작자 표시 비영리 변경 금지
Posted by -세티-
2010/05/02 17:39

내가 생각하는 인터넷 글쓰기 Thinking2010/05/02 17:39

인터넷 글쓰기는 형식과 절차를 크게 생각하지 않고 글을 작성할 수 있다는 점에서 나름 장점이 있는 것 같습니다.
논문도 아니고, 보고서도 아니어서 더더욱 부담이 없는 것 같습니다. 물론 그렇다고 해서 무책임한 글쓰기를 하면은 안되겠지요.

오전 일과를 마치고 집에서 책을 읽던 중 기분 전환을 위해 무얼할까 생각했습니다.
끊임없이 움직이지 않고 멍하게 있는 것 보다는 사소한 것 하나를 해도 의미를 부여하지 않으면 제 자신에게 그리 득이 되지 않는 일이라 판단되어 흥미도 쉽게 잃어버리는 타입이어 그런지 주변에서 의미를 찾기 시작했습니다.

'글이나 하나 써볼까?' 로 시작한 생각...
무슨 글을 쓸까? 고민을 하지만 마땅한 내용이 떠오르지 않습니다.
결국 주변에서 소재를 찾기 시작합니다. 파편을 모아 연결하면 하나의 스토리가 되지 않을까 하는 생각에 말이죠.
그래도 진입점은 필요하죠. 베렌다를 열어 밖을 내다보니 하늘이 맑습니다. 와~ 멋진 하늘이더군요.

카메라를 꺼내 무작정 밖으로 나갔습니다. 집 앞 나무들은 어제와 다르게 초록잎을 매달고 있었습니다.
셔터를 누릅니다. 찰칵.

아래 사진은 집 앞으로 올라오는 길인데 한여름이 되면 나뭇잎이 가득하게 되어 양쪽에서 뻗어나온 나무에 의해 터널을 만들게 됩니다. 여름에는 매우 시원하죠. 가끔 아파트 주변 벤치에 앉아 책을 읽기도 합니다.


어느새 꽃도 예쁘게 피었네요. 지난 몇 주를 바쁘게 지내다보니 주변에 아름답게 피어난 변화를 미처 인지하지 못했던 것 같습니다. 무심코 지나치게 되는 이런 작은 변화들은 몸과 마음이 바쁘면 결코 느낄 수 없는 것들이죠.
흔하게 볼 수 있는 작은 꽃잎을 보며 우리의 바쁜 삶에서 여유를 만들고자 한다면 자기 자신을 변화 시킬수 밖에 없는 것 같습니다. 물론 우리의 환경이 여유를 느낄 수 있게 변하면 더욱 좋겠지만 물리적으로 빠른 시간내에 바꿀 수 없다는 건 누구나 잘 알잖아요?


이 나무들이 한 여름에 터널을 만들게 됩니다. 생각만 해도 설레이고, 여름밤이 기다려 집니다.
터널로 이루어진 나무 아래에서 한 권의 책을 여유있게 읽는다고 상상하기만 해도 마음이 부자가 된 것 같습니다.

고개를 들어 하늘을 바라보았습니다.
아직은 가지가 앙상하네요.^^
하지만 곧 하늘을 덮어 보이지 않게 만들겠지요?
저 하늘을 찍으면서 보게된 주변의 작은 변화, 그리고 그것에 대한 인지는 사물을 끊임없이 관심있게 보게 만듭니다.
이제 아침마다 고개를 들어 하늘과 나무를 바라보게 될 것 같네요.
살아 움직이는 생명체의 변화를 느끼며, 아침마다 나무에게 '안녕?' 하면서 인사를 하게 될 것 같습니다. ㅎㅎ

저희 집은 한강 옆이라 고수부지 까지 금장 갑니다. 내려오는 길을 보니 이 곳은 어느새 여름 분위기가 나네요.^^
고수부지 근처 갓길에 주차를 하고 어제 말끔하게 세차한 녀석을 카메라에 담아 보았습니다.
오래된 녀석인 만큼 관심도 많이 가져줘야 고장도 안나고 쌩쌩 잘 달려주겠죠.
이 녀석 치료비와 일년 유지비만 계산해도 새차 한대를 샀을 것 같습니다.
그런데 왜 새로 안사고 굴리냐고요???
물론 새차를 사면 고장나지 않고 신경쓰지 않아서 좋긴 하지만 물건이라는 것도 나름 지구가 우리에게 준 자원 아니겠습니까.
게다가 아직 버릴만큼 주행거리가 긴 것도 아니고요.
오래된 클래식 카를 고치고 닦아주고 애정을 쏟다보면 생명이 없는 물건이긴 해도 정이 들기 마련입니다.
제가 원하는 곳을 데려다 주는데 아무 문제가 없는데 버리기엔 아깝잖아요.

전부터 한 생각이지만 새로운 물건을 끊임없이 구매하고, 낡고 오래되었다는 이유로 버리고 또 구매하다보면 내 자신도 모르게 새 것이 좋은 것이라는 생각에 사로 잡히게 됩니다.
그런 생각은 무의식적으로 고정관념으로 자리잡게 되면서 물건을 아끼지 않게 되고, 나아가 사람에게도 그렇게 할까봐 살짝 걱정도 됩니다. 오래되고 힘없는 사람도 한 때는 힘있고 멋진 사람이었을 테니까요.^^ 

날이 좋아 그런지 차량 행렬이 꼬리에 꼬리를 무네요.
저 같아도 어디론가 훌쩍 떠나버리고 싶을 만큼 좋은 날이라는 걸 느낍니다.

아래 한강변을 보니 운동하는 사람들이 제법 보이네요.
햇볕이 따가워서 그런지 그렇게 많은 사람들이 보이진 않습니다.
아마 저녁 7시쯤 되면 사람들로 넘쳐날 것 같은데 저도 그 시간이 되면 자전거 운동을 하기 위해 다시 내려가볼 생각 입니다.


따가운 햇살을 피해 양산을 쓰고 무얼 하는지는 모르지만 시원한 강물을 보며 앉아있는 사람들이 보입니다.
제 주변 분들은 굉장히 친함에도 불구하고 다들 가정이 있어서 저와 함께 하지 못하네요.
그래서 혼자가 되는 주말이 싫기도 합니다.^^
시간이 흐르면서 혼자사는 삶에 점점 익숙해져 가는 제 모습을 보면 살짝 겁도 납니다.
분명 오래지 않아 누군가를 만나게 될 가능성도 있는데 혼자 지내는 즐거움에 익숙해져 곤란을 겪긴 싫기 때문입니다.
그래서 끊임없이 최면을 걸곤 합니다.ㅎㅎ


오늘 걸어온 길을 뒤돌아 봤습니다.
하늘에 구름 한 점 없네요.^^
오늘 나는 스토리를 만들기 위해 이 길을 걸었습니다.
이 길은 제가 가졌던 이유를 포함하여 수 많은 이유와 사연을 가진 사람들이 걸어가는 그 길이겠죠?
길을 보면서 과거를 곰곰히 생각했습니다.

한 때는 길의 끝을 지나 원하는 목적지에 빨리 도착하기 위해 정말 밤낮없이 달렸던 적이 있습니다.
그 길을 이용하는 모든 사람들은 경쟁자였고, 그들을 앞서기 위해 성공한 사람들의 이야기를 참고하고 또 주변 사람들을 관찰하면서 오로지 내 자신을 위해 살았었죠.

그런데 이상한 것은 목적지는 원하는대로 가까워지는 것을 느끼는데 사는 방식이 즐겁지 않았습니다.
타인의 방식이 제게 맞지 않았던 것이죠. 그리고 오랜시간 스스로에 대해 고민을 하게 됩니다.
나에게 맞는 것은 나만의 방식을 찾는 것.
목표에 빨리 도착할 수 있어도 그것을 이루는 과정이 즐겁지 않다면 몸과 마음이 모두 지쳐 다시 힘을 내기 어렵게 되는 것 같습니다. 

그렇게 깨달은 후 목표에 빨리 도달하겠다는 생각을 전 던져버리게 되었습니다.
그냥 오늘 걷는 이 한걸음에 최선을 다하기로 한거죠.
앞날은 생각하지 않기로 했습니다.
대신 이 한걸음을 즐겁게 걷기 위해 수많은 이유를 만들어 냅니다.
즐겁게 되니깐 주변의 작은 변화들이 보이게 되더라고요.
소소한 변화는 제게 신선한 느낌을 주고 내일 또 한발자국 걸음에 있어 힘을 주기도 합니다.
이렇게 하루하루 보낸지 한 2년 된 것 같은데 스스로가 느끼기에 전혀 힘들지 않다는 점 입니다.
그렇다고 해서 목표를 향하는 내 자신이 느려진 것도 아니고요.
이런 기분 그리고 감정들을 주변에 공유해 주고 싶은데 이것 참 쉽지는 않습니다.^^
개인의 느낌을 전달한다는 것이 늘 쉬운 일은 아니니깐요.

오늘도 어디론가 걷고 있을 모든 사람들이 그 길을 걸음에 있어 고통이 아닌 즐거운 마음으로 걸었으면 하는 바램만 전달하며 글쓰기를 마칩니다. ^^

저작자 표시 비영리 변경 금지
Posted by -세티-

토요일 오후 날씨가 매우 좋더군요.

낮기온 21도에 적당히 덥고, 구름도 적고 해서 자전거 시즌에 접어들었음을 알았습니다.^^

이렇게 좋은날 새차장 가서 차 샤워 시켜주고 지난번 정비한 브레이크에 압력이 약해져서 다시 카센터에 넣어놓고, 걸어서 용산으로 향했습니다. 따뜻한 날씨에 초록이 조금씩 늘어남을 보니 기분이 좋더군요.~

 

용산으로 가면서 iPhone에 필요한 것을 생각했습니다. 오늘은 iPhone과 함께 운동을 할 계획을 세웠거든요.

먼저 배터리가 약하기 때문에 iPhone 보조 배터리를 4만 9천원에, 그리고 자전거 거치대를 1만 7천원에 구매했습니다.

 

(아이폰용 자전거 거치대)

 

전자랜드 1층에서 내려와 시원한 화이트 모카를 쪽쪽 빨면서 다시 유유히 카센터로 걸어가며 iPhone으로 여기저기 카메라를 날려봅니다. 하지만 화질은 영 맘에 안드네요. ^^;; 뭐 장점이 있으면 단점도 있는 법이니깐 그냥 무시...

 

iPhone을 사용하게 되면서 생활이 살짝 변하게 되었습니다.

 

먼저 집에서의 넷북 사용 시간이 최소화 되었습니다.

넷북의 가장 큰 단점 중의 하나가 OS 부팅 입니다. OS 부팅을 빠르게 가져가기 위한 MS의 보이지 않는 노력도 있었고 (실제 윈도우즈 7에서는 많이 빨라졌습니다. XP만큼요. ㅎㅎ) 노트북 제조사들은 RAM Disk 라는 것을 이용해서 부팅 속도를 5초 이내로 가져가는 시도도 했었지만 역시나 모든 것이 비용이 문제였죠.

 

 (제 넷북과 아이폰... 넷북은 36개월 할부인데...ㅜ.ㅜ)

 

두 번째 변화는 차량에 부착된 네비게이션을 사용하지 않게 된 것입니다.

6년전에 사용했던 삼성 PDA는 GPS 모듈이 좋지 않아서 인식하는데 10분 넘게 걸렸습니다.

물론 차량에 부착된 네비게이션은 성능이 좋고, DMB 시청도 가능하면서 영화와 음악 감상 모두 가능하지만 가격은 최소 34만원이네요. 7인치 LCD의 시원한 느낌이 좋지만 말입니다.

 

그런데 iPhone에 네비게이션을 설치하게 되면서 네비가 필요 없어졌습니다.

게다가 애플리케이션 가격도 49.86 달러 밖에 안합니다. 와우~

단말기의 뛰어난 GPS 수신 능력과 다양한 교통정보 제공 그리고 왠만한 네비 애플을 뛰어넘는 우수한 정보 제공 능력 등 팔방미인입니다. 현재 운전하면서 iPhone만 가지고 네비 보면서 음악 들으면서 이메일 확인하면서 전화도 받습니다.

불이 꺼진 대쉬보드의 네비게이션이 불쌍하게 느껴집니다.

이런 멋진 녀석 같으니라고....ㅎㅎ

 

세번째 변화는 운동이 즐거워졌습니다.

방금 자전거를 약 30km 정도 타고 왔습니다.

마포를 출발하여 반포대교를 건너 다시 양화대교로 가서 마포로 다시 돌아오는 코스였습니다.

 

아래는 자전거에 iPhone을 부착한 사진 입니다. 

(집앞 주차장에서.... 파란색의 제 두번째 애마 ^^) 

 

왼쪽은 예전에 달았던 속도계 오른쪽은 iPhone에서 Cycle meter 애플리케이션을 실행한 화면 입니다. 



30km 자전거 여행후... 각종 주행정보가 표시되어 있음을 알수 있습니다.

 

 역시 라이딩 하면서 이메일도 확인할 수 있고요.

 

 동시에 음악 감상도 가능하고요...^^

 

쉬면서 간단한 영상도 확인해 볼 수 있네요. 

 

여의도를 지나가는데 인천지부 김주영씨가 Facebook 일촌 신청을 했더군요.

바로 그 자리에서 댓글 달아주고 TweetDack 접속해서 트위터와 페이스북에 등록된 글을 확인할 수 있었습니다.

 

그리고 위에 언급한 Cyclemeter라는 프로그램을 이용하면 GPS가 자전거 코스와 속도를 체크해서 구간별 통계를 제공합니다.

 

[제공된 통계]

Started: 2010. 5. 1. 오후 8:30:25
Ride Time: 1:40:12
Stopped Time: 1:10:10
Distance: 24.62 km
Average: 14.75 km/hr
Fastest Speed: 32.30 km/hr
Climb: 309 meters
Calories: 0
Official Route: No

 

아래 이미지가 통계인데 속도가 들쭉날쭉 하죠? 오랜만에 탔더니 힘이 부쳐서...ㅎㅎㅎ

 

첫번째 이미지의 세로축은 자전거 속도이고 가로축은 시간입니다.

두번째 이미지는 자전거가 다닌 코스의 고도이고요. 저희 집이 언덕에 있다보니 초반에 고도가 높음을 표시하고 있습니다.

 

 

 

또한 이것은 3G 통신망을 통해 구글 어스와 자동으로 연동이 되기도 합니다.

구간별 주행코스 확인하기 : http://j.mp/bYCiSD

 

 

 

예전에 대학원 다닐 때 유비쿼터스에 대한 강의를 들었던 적이 있죠. (벌써 4년이나 지났군요.)

언제 어디서나 시간과 공간의 제약없이 컴퓨팅을 하는 개념... 유비쿼터스!

 

스마트 폰의 등장으로 인해 초기 유비쿼터스 사회로 진입을 하게 되었다는 생각이 들었습니다.

사실 스마트 폰은 어떻게 보면 초소형 컴퓨터죠.

소형 단말기에 음성통화 기능이 붙어 있는 개념...ㅎㅎ

 

마침 KT와 SKT가 무선 인터넷 망을 현재보다 3배로 늘리고 무료 개방한다는 뉴스도 떳네요.^^

두 거대 통신사의 싸움이 재밌습니다.ㅋ

 

아무튼 이동에 편리하도록 최소화된 단말기는 성능상 제약이 있기 때문에 윈도우즈 처럼 대부분의 애플리케이션을 담고 있을 수 없습니다. 필요한 애플리케이션을 애플의 앱 스토어나 안드로이드 앱스토어 그리고 국내이 삼성 T스토어 같은 곳에서 적은 비용으로 구매하여 설치하고, 자신의 스타일 대로 컴퓨터를 꾸며서 생활하는 시대가 되었네요.

 

소비자는 즐겁지만 전 개인적으로 즐거우면서도 새로운 것을 알아야 한다는 압박감도 동시에 찾아 옵니다.

어쨋든 지금의 상황은 아드레날린을 분출시킬 정도로 현재 상항이 매우 흥미롭습니다. 변화는 정체된 과거를 파괴하고 새로운 세상을 열어 준다는 점에서 긍정적이기도 하니까요.^^

 

10년 주기로 변하는 온라인 세상...

 

1980년대 개인PC를 시작으로 1990년대 인터넷의 발전 그리고 2000년대 WWW 현재 2010년도 스마트 폰 + 앱...

그럼 2020년에는 뭐가 등장할까요? 3D 증감현실?

어뒤로 튈지 모르겠네요.ㅎㅎ;;

 

막연하지만 터치가 되는 모든 스크린이 있는 제품은 전부다 앱으로 연결되어 입맛에 맞는 소프트웨어를 다운받아 사용하게 될 것 같습니다. TV, 냉장고 스크린, 방범 인터폰, 테이블 등 모든 것에 말이죠.

그 이후 점점 소형화 성능 집적화를 거쳐 한번더 세상이 뒤집어 지면서 3D 텔레포테이션으로 가지 않을까 싶습니다.

이 때는 대략 2030년 이후가 되겠네요. 3D 텔레포테이션은 검색해보시면 자세한 정보를 볼수 있습니다.

 

하여간~ 자전거 타면서 참 많은 생각을 했네요.

저 참 행운아 입니다. 이런 역사의 흐름을 모두 지켜볼 수 있으니 말이죠.ㅎㅎ

아무튼 쓸만한(?) 스마트 폰으로 열리게 된 초기 유비쿼터스 사회가 어떤 흐름을 거쳐 결말을 만들어 내게 될지 우리 생활에

어떤 영향을 미치게 될지 궁금해 집니다.^^

 

Jonghyun Park (nashira7@gmail.com) | KAAS Blog:http://www.setisigns.net
twitter:http://www.twitter.com/SetiPark
Facebook:http://www.facebook.org/SetiPark

저작자 표시 비영리 변경 금지
Posted by -세티-
2010/04/19 19:31

TV보다 생각난 사람 사이의 관계 Thinking2010/04/19 19:31


지난 토요일 오후 잠시 시간이 되어 [황금어장 이봉주 편]을 재방송으로 보게 되었습니다.
이봉주의 삶을 재조명하면서 보여준 영상 하나하나는 끈기와 인내로 점철된 그의 삶을 충분히 감동적으로 묘사 했습니다.

"황영조에게 가장 뺏고 싶은 것이 있었다면?"
"폐활량,
그런데 심장을 바꿀순 없고... 타고난 재능이 부러웠다."
- 이봉주-

황영조와 같은 천부적 재능을 가진 마라토너로 태어난 건 아니지만 그는 끈기와 끊임없는 노력으로 자신의 한계를 극복하면서 자신만의 삶을 만들어 나가고 있었습니다. 이러한 이봉주 선수의 인생 스토리는 불굴의 의지로 한계를 극복해가는 다른 성공 스토리와 마찬가지로 감동을 주기에 충분했습니다. 그의 이야기를 들으며 저는 이봉주 선수의 삶에 대한 조명보다 더 큰 감동적인 장면을 보게 됩니다.

2000년 시드니 올림픽 때 이봉주 선수는 앞서 달리던 선수가 넘어지는 바람에 함께 넘어지게 되었고, 그 어느 때보다 자신감이 충만했던 바로 그 대회에서 아쉽게도 24위의 결과를 얻으며 완주에 성공하게 됩니다. 그의 입상을 누구보다 기대했던 사람들은 '1위를 했더라면 좋았을 것'이라는 생각과 더불어 그래도 '완주를 했으니깐...' 이라는 위안을 얻었을 것이라고 생각했습니다. 
(요건 개인적인 생각입니다.^^)

그 때 방송은 이봉주 선수의 어머니를 보여줍니다.
선수들이 하나둘 결승선을 통과하는데도 보이지 않는 이봉주 선수.

 
(ccdaily 출처)
그런 그를 일어서서 내내 걱정하는 이마에 깊게 패인 주름을 가진 어머니의 모습과 혼잣말...
"어쩐일인겨... 다리가 아픈겨... 어떻게 된겨"
하며 어머니는 내내 안절부절하며 걱정을 합니다.

이런 어머니의 마음은 이봉주 선수의 1위 통과 또는 완주를 바라는 의미가 담긴 마음이 아닌 그저 아들이 아무탈 없기를 바라는 순수한 어머니의 마음 이었을 것이라는 생각을 했습니다.(이건 어느 누가 보아도 마찬가지죠.) 어머니와 같은 마음은 사람 사이의 관계 설정에 있어서 조건 대 조건이 아닌 이봉주라는 객체 자체에 대한 어떠한 조건도 이익도 존재하지 않는 관계를 형성해 줍니다. 어머니의 애닳은 마음을 간접적으로 느끼며 사람과 사람 사이의 관계 설정에 대해 잠깐이나마 생각하게 되었습니다.
 



(출처모름)


삶을 살면서 우리는 수많은 사람들과 직간접적인 관계를 맺으며 살고 있습니다. 크게는 필연과 악연, 1인칭, 2인칭, 3인칭의 관계일 수 있고, 작게는 give and take하는 이익의 관계, 연인의 관계, 집단의 관계 일 수 있습니다.

이러한 관계는 그것에 부여된 의미가 무엇이냐에 따라 우리의 관계를 유지하기도, 끝내기도 합니다. 의도적 관계의 끝에서 우린 누군가의 가슴에 창끝을 겨눌수도 있고, 누군가의 창을 맞아 아픈 가슴이 될수도 있습니다. 의도적 관계의 끝이 언제나 이런 아픔을 수반한다면 애초 시작이 잘못된 것은 아니었을까요? (대부분의 의도적 관계의 끝은 깔끔하지 않습니다.)

우리가 애초 관계를 맺을 때 서로의 가슴에 창 끝을 겨눌 여지를 없애는 것은 불가능할까요? 어머니와 같은 마음으로 맺어지는 관계가 될 수 있도록 노력하면 가능할까요? 그리고 이 세상이 조금은 좋아질수 있을까요?
지루한 삶 속에서 시간여행을 하다보면 관계의 끝에서 아파하는 많은 사람들을 보게됩니다.

육체적인 아픔은 쉽게 들어나고 치유가 빠르지만 마음의 아픔은 쉽게 들어나지 않는 법이고, 더 오래 남게 된다고 합니다.
(삶과 관계의 목적지는 어디인가?)

이런 것들을 잘 알면서도 우리는 삶을 살면서 자신도 알게 모르게 누군가의 마음에 상처를 줍니다. 세상에서 유일한 존재인 사람의 소중함을 (어머니의 그 마음으로) 계속해서 생각한다면 그리고 이해하고 받아들일 수 있도록 노력한다면 지금보다는 (아프지않은)조금 더 행복한 세상, 외롭지 않은 세상이 될 수 있지 않을까 하는 생각을 해보게 되었습니다.

저 역시 사람간의 관계를 설정함에 있어 특정한 의도를 가지고 관계를 맺은 적이 많았던 것 같습니다.
그러한 관계 설정은 끝무렵 제게 아픈 외로움만 안겨줄 뿐이었습니다.
이런 관계를 가진 사람들로 주변이 채워지게 되면 결국 조건(이익)없이 관계를 설정하는 방법을 잊어버리게 되는 것 같습니다.

'받지 못했다고 해서 주지 못하는 삶을 살고 있는건 아닌가' 하는 생각을 최근 들어 많이 하게 됩니다. (그래서 황금어장을 보고 번뜩 알아챘는지도...) 생각을 하니깐 인지하게 되고 인지하게 되니깐 조금은 사람과의 관계를 설정함에 있어 예전에 비해 약간은 성숙해지고 있다는 느낌이 들게 되었습니다.
더디지만 조금씩은 나은 인간이 되어 가고 있다는 의미겠죠? ^^

시간이 흐르고 관계설정에 익숙해져 무의식속에서도 조건없는 관계 설정이 가능해지는 사람이 된다면 얼마나 멋질까요? (그렇다해도 테레사 수녀님 처럼 되기는 힘들듯....) 그렇게 될수만 있다면 지금까지와는 또 다른 관계(버전업된 관계를 포함하여)로 맺어진 삶을 살 수 있을 것 같아 약간 흥미롭기도 합니다.ㅎㅎ

암튼 TV를 통해 관계에 대한 깨달음을 얻은 하루가 되었습니다. ^^
저작자 표시 비영리 변경 금지
Posted by -세티-
2010/04/09 14:21

논쟁을 잘하기 위해... Thinking2010/04/09 14:21

사람과 사람 사이에서 어떤 하나의 주제를 가지고 의견을 달리할 때 종종 논쟁을 벌이게 됩니다.

논쟁에서 내 주장을 설득력있게 주장하여 상대를 이해시켜 공감하게 만들기 위해선 타당한 주장이 필요한데 그 주장은 자신만 이해하는 주장일 수도 있고, 너와 나를 포함해 모두가 공감할 수 있는 타당성을 가질수도 있습니다.
그러나 논쟁이라는 것이 나 혼자 하는 것이 아닌 상대를 필요로 하는 것인 만큼 상대방과 논쟁을 벌일 땐 상대도 설득될만한 타당한 주장이 필요합니다.



이러한 타당한 주장을 판단하기 위해서는 '이성'이 필요합니다.
논쟁에 이성이 왜 필요할까요?
 
논쟁의 대부분은 현재 가지고 있는 문제점에 대해 각자 타당한 주장을 해서 상대를 설득하기 위함이고, 그것에 대해
서로가 납득하기 위해선 이성이 필요하며, 이러한 이성은 오늘을 반성하고 다가올 미래를 내가 원하는 오늘로 만들어 주기 때문입니다.

상대를 설득시키지 못하는 논쟁은 그래서 해봐야 시간낭비고, 미래를 위해서도 전혀 생산적이지 않습니다.

상대와 논쟁이 벌어지게 되면 반드시 생각하세요.
나의 주장이 타당하다는 생각에 상대를 이해시키지도 설득시키지도 못한채 평행선을 달리고 있는 건 아닌지 말입니다.
상대가 벽창호라고 느끼지 말고 논쟁에서 모두가 이해하는 타당함을 찾기 위해 노력하세요.
저작자 표시 비영리 변경 금지
Posted by -세티-
12월 업데이트 기준

Hands On Labs
  • 윈도우즈 애저 소개
  • 윈도우즈 저장소 탐험하기
  • 윈도우즈 애저내의 배포와 모니터링 애플리케이션
  • 윈도우즈 애저 : 작업자 역할 커뮤니케이션
  • 윈도우즈 애저 웹 역할 애플리케이션 내에 결합된 인증
  • 윈도우즈 애저에 ASP.NET 웹 폼 애플리케이션 빌드하기
  • SQL 애저 소개
  • SQL 애저로 마이그레이션하기
  • SQL 애저 : 팁과 트릭
  • 달라스 소개
  • 닷넷 서비스 버스에 대한 소개
  • 닷넷 액세스 컨트롤 서비스 소개
  • 서비스 버스와 서비스 리모팅
  • 서비스 버스 이벤트
Presentations and Videos
  • 윈도우즈 애저 플랫폼 개요
  • 윈도우즈 애저란 무엇인가?
  • 윈도우즈 애저 저장소 소개
  • 윈도우즈 애저상에 애플리케이션 배포하기
  • 윈도우즈 애저 평가하기
  • 윈도우즈 애저 소개
  • 윈도우즈 애저와 서비스 빌딩
  • SQL 애저란 무엇인가?
  • SQL 애저 소개하기
  • SQL 애저를 사용한 빌딩 애플리케이션
  • SQL 애저에 관한 스케일 아웃
  • 마이크로소프트 코드네임 "달라스"는 무엇인가?
  • 마이크로소프트 코드네임 "달라스"에 대한 소개
  • 액세스 컨트롤 서비스는 무엇인가?
  • 서비스 버스에 대한 소개
Demos
  • 윈도우즈 애저 서비스들 배포하기
  • 헬로우 윈도우즈 애저
  • 윈도우즈 애저 방명록 데모
  • 윈도우즈 애저 로깅과 설정 데모
  • 윈도우즈 애저에서 물방울 데모
  • 윈도우즈 애저 작업자 역할 데모
  • 윈도우즈 애저에서 큐를 사용하는 데모
  • 윈도우즈 애저에서 테이블을 사용하는 데모
  • SQL 애저 계정 준비
  • SQL 애저 연결
  • SQL 애저 로긴과 보안 관리
  • SQL 애저 객체 생성하기
  • SQL 애저에서 데이터베이스 스키마 마이그레이션
  • SSIS를 사용하는 SQL 애저 외부로 데이터 이동하기
  • 간단한 SQL 애저 App 빌딩하기
  • 데이터베이스가 공유하는 SQL 애저 스케일링 아웃
  • AppFabric 서비스 버스에 직접 연결하기 데모
  • AppFabric 서비스 버스에 webHttpRelay바인딩
  • AppFabric 서비스 버스에 공개하고 기술하기
  • AppFabric 서비스 버스에 서비스 등록하기
  • AppFabric 서비스 버스에 NetOneWay릴레이 바인딩
Samples과 Tools
  • 윈도우즈 애저 MMC
  • 윈도우즈 애저 서비스 관리 CmdLets
  • PhluffyFotos



저작자 표시 비영리 변경 금지
TAG AZURE
Posted by -세티-
2. 로컬 머신에 다음의 설정이 유지 되어야 한다.
  • Windows7, Windows Server 2008, Windows Vista중에 하나의 OS가 지원되어야 함.
  • Windows Vista SP1 (Windows Vista 인스톨시)
  • IIS 7.0 (ASP.NET, WCF HTTP Activation과 optionally CGI가 함께 설치)
  • 마이크로소프트 비주얼 스튜디오 2008 sp1, 마이크로소프트 비주얼 스튜디오 2010 RC 또는 마이크로소프트 비주얼 웹 디벨로퍼 2008 익스프레스 에디션 sp1
  • SQL Server 2005 익스프레션 에디션(또는 상위버전)
  • 핫픽스 : Native Debugging Improvements
  • 핫픽스 : Improve Visual Studio Stability
  • 핫픽스 : Support for FastCGI on the Development Fabric
3. 도구와 SDK를 다운로드 한다. (다운로드)

저작자 표시 비영리 변경 금지
TAG AZURE
Posted by -세티-
원문 : http://www.microsoft.com/windowsazure/appfabric/#appfablabs

번역자 : 박종현
번역일 : 2010-03-22
글 내용 중에 오역이 있을 수 있습니다.

AppFabric 액세스 컨트롤에 대한 소개
액세스 컨트롤은 조직의 경계선을 넘어 확장된 보안 애플리케이션에서 표준으로 요구되는 컴파일된 프로그래밍이 아닌 당신의 애플리케이션과 서비스들이 조합된 인증을 빌드하는 것을 도와줍니다. 규칙과 요구에 대한 간단한 선언 모델을 위한 그것의 지원과 함께 액세스 규칙들은 보안의 요구변화와 다른 독립적인 관리 인프라스트럭처에 대한 쉽고 융통성 있는 수정이 가능합니다.

(이미지 출처 : http://www.microsoft.com/windowsazure/appfabric/)

사용자 액세스 컨트롤은 다음의 사항에 대해 사용될 수 있습니다.
  • 액티브 디렉토리 서비스, 다른 디렉토리 시스템 또는 어떤 표준을 기반으로 하는 인프라 스트럭처를 사용하는 고객의 현존하는 계정 관리 시스템과 결합하여 사용자 계정을 생성하는 경우
  • 각 사용자와 그룹은 애플리케이션 내에서 가지는 액세스 레벨을 넘는 맞춤형 컨트롤, 완벽한 수행.
  • 서비스 버스 연결에 대한 몇 가지 보안 레벨과 컨트롤의 사용시.

액세스 컨트롤의 장점
  • 사용자 계정이 지역적으로 관리된다면 응답하기 위해 규칙 기반 계정은 애플리케이션 활성화를 통한 조합정책과 액세스 컨트롤
  • 복수의 증명과 신뢰할만한 그룹을 지원하는 유연한 표준-기반 서비스
  • 마이크로소프트 닷넷 프레임워크와 윈도우즈 커뮤니케이션 파운데이션을 기본으로 하는 경량의 개발자-친화적 프로그래밍 모델
액세스 컨트롤의 특징

  • APIs를 통한 간단한 웹 인터페이스나 방침과 함께 셋업 이슈를 신뢰할 수 있다.
  • 최소한의 코딩으로 액티브 디렉토리 그리고 다른 동일의 인프라스트럭처 지원.
  • X.509 증명을 포함하는 복수의 증명과 지원.
  • REST를 포함하는 표준 프로토콜에 대한 지원.
  • 내부 실행과 외부 조직 경계가 서비스 상에 의지할 수 있는 애플리케이션
  • 애플리케이션을 유효하게 하고 데이터와 연결 가능서비스들로 부터의 사용자 요청

AppFabric Labs
AppFabric LABS는 AppFabric팀이 커뮤니티로 부터 피드백을 받고 몇 가지 초창기 쇼케이스에 사용하는 하나의 새로운 환경입니다. 이 환경은 무료입니다. AppFabric LABS는 실험용의 AppFabric 기술를 고객이 테스트해보고 실행하기 위해 사용합니다. 가능한한 해당 환경에서 당신의 피드백을 얻기를 원하며, 그것은 매우 중요한 것입니다. 랩 환경에 그 결과를 지원하거나 반영하는 것은 아니지만 우리를 도와줄 때 AppFabric의 미래에 대한 미리보기가 가능해 질 것 입니다. 간편한 커뮤니티 기술 미리보기, 랩 기술을 통해서 상업적으로 이용 가능한 수준으로 나아갈 것입니다.

랩 환경은 2가지 특징을 탑재합니다.

1. 실버라이트 지원 : 서비스 버스와 액세스 컨트롤 서비스 간의 크로스 도메인을 만들기 위해 실버라이트를 추가.
2. 멀티캐스트와 메세지 버퍼들: 멀티캐스트 그룹에 배속시키기 위한 메세지 버퍼를 추가했습니다. 멀티캐스트 그룹에 메세지를 보내는 것은 메세지 버퍼에 붙여 배달하게 됩니다.

시작하기 위해서...
2. 당신의 Live ID를 사용하여 로그인 합니다.
3. 랩 프로젝트를 생성하고 새로운 특징을 배우기 위해 랩 샘플을 다운로드합니다.

production 포탈에 액세스하기를 원한다면 https://appfabric.azure.com 으로 이동합니다.

특색있는 AppFabric 리소스
윈도우즈 애저 AppFabric에 대한 익숙한 리소스와 정보를 찾으세요.

저작자 표시 비영리 변경 금지
Posted by -세티-

오늘 MIX10 에서 IE9 Preview를 공개했네요.
IE9의 성능이나 장단점에 대한 이야기들은 여러 웹 페이지를 통해 공개될 것이고, 알려질 것이라 생각되어 개발자 분들에게 필요한 개발자 가이드를 번역해서 올려 봅니다.
중간중간 오역이 있을 수 있기 때문에 그 점은 양해 부탁드리며, 최적의 번역이 생각나시면 댓글에 달아주세요.
그러면 수정하겠습니다.^^

번   역   자 : 박종현
최초작성일 : 2010-03-19
최종수정일 : 2010-03-21

원문 : http://msdn.microsoft.com/en-us/ie/ff468705.aspx#_HTML5_Selection_APIs

Internet Explorer Platform Preview Guide for Developers
개발자를 위한 인터넷 익스플로러 플랫폼 Preview가이드는 곧 출시될 인터넷 익스플로러의 특징과 개선점을 "살짝 엿보기"로 제공합니다. 이 가이드를 사용하여 웹 개발자들과 디자이너들은 향상된 이점을 알기위해 비교해 볼 수 있습니다. 개발자들은 인터넷 익스플로러 플랫폼 Preview를 내에서 다양한 액션을 또한 경험해 볼 수 있습니다.


목록

서론
  • 모든 영역에서의 브라우저 성능
  • 웹 표준은 거대한 보다 큰 상호운용성을 지원한다.
  • 윈도우즈 PC의 파워를 동력으로 하는 새로운 그래픽 성능
새로운 특징 리스트

표준 지원을 통한 정보처리 상호운용성 개선
  • 캐스케이팅 스타일 쉬트, 레벨3 (CSS3)
    • CSS3 배경색과 보더 모듈
    • CSS3  컬러 모듈
    • CSS 셀렉터
  • 도큐먼트 객체 모델(DOM) 레벨2 와 3
  • HTML5
    • HTML 파싱 개선
    • HTML5 셀렉션 APIs
  • 스케일러블 벡터 그래픽(SVG)
    • 기본 모양
    • 좌표 시스템들, 변형 그리고 단위들
    • 문서구조
    • 경로들
  • 웹 개발자들을 위한 새로운 툴
    • 플랫폼 버저닝
    • 개발툴
      • HTTP Inspection
  • 리버전 히스토리


서론

윈도우즈 인터넷 익스플로러 플랫폼 Preview에 오신 것을 환영합니다. 당신은 개발자로서 당신의 고객이 사용할 브라우저에 무엇이 있는지 알기를 원하십니까? 인터넷 익스플로러 플랫폼 Preview는 인터넷 익스플로러 9이 가지는 특징과 개선점을 다른 것에 앞서서 보여줍니다. 이 문서는 웹 개발자인 당신에게 웹 사이트와 애플리케이션에서 새롭게 향상된 이점이 무엇인지 어떻게 비교를 해서 인터넷 익스플로러를 사용하고 있는 고객들에게 어떤 지침을 줄 것인지에 대해 알려줍니다. 반드시 Test Drive Site를 이용해서 액션내에서 이것들이 가지는 특징을 데모 해야 합니다. 그리고 인터넷 익스플로러에서 가장 최신의 개발 정보를 얻고 싶다면 MSDN의 인터넷 익스플로러 개발자 센터 를 방문하세요.

인터넷 익스플로러 플랫폼 Preview를 통해 플랫폼에서 중요하게 생각하는 다음의 것들을 기준으로 인터넷 익스플로러9 에 대한 프로세스를 개발자가 더 이해하기 좋게 제시하고자 합니다.

  • 모든 영역에서의 브라우저 성능
  • 더 큰 상호운용성을 위한 웹 표준 지원
  • 윈도우즈 PC들의 파워를 동력으로 하는 새로운 그래픽 성능


모든 영역에서의 브라우저 성능


브라우저 성능은 브라우저 내 많은 다른 서브-시스템들과 관련이 있습니다. 다른 사이트들 및 -그리고 비슷한 사이트내의 다른 액티비티들- 브라우저 상에서 서로 다른 장소에 대한 부하나 요구들을 말합니다. 윈도우즈 라이브 메일이나 구글 독스와 같은 웹 애플리케이션은 빙 뉴스나 Digg와 같은 뉴스 집합체 보다 완전히 다른 방법으로 브라우저 서브시스템들에서 실행될 것 입니다.

스크립트 엔진 성능은 브라우저 성능 전체에 걸쳐 단지 하나의 영역 밖에 되지 않습니다. 인터넷 익스플로러 8내에서 스크립트 성능은 인터넷 익스플로러7에 비해 전체적으로 기하 급수적으로 개선되었으므로 인터넷 익스플로러 플랫폼 Preview에서는 그것을 다시 언급하지 않습니다.

물론 인터넷 익스플로러 팀은 실제적인 사이트들에서 그것을 사용함으로써 모든 브라우저의 서브시스템들의 성능 특성을 지켜보고 있습니다. 목표는 단지 벤치마크를 하는 것이 아닌 실세계 사이트들을 넘어 더 나은 성능을 제공하는 것입니다.


더 큰 상호운용성을 위한 웹 표준 지원


웹 개발자들을 위해 인터넷 익스플로러 팀은 더 풍부한 조건의 상호운용능력에 촛점을 맞추고 있습니다. 우리는 당신이 웹 사이트를 제작할 때 상호운영성을 위해 매번 다시 작성하고 테스트하는 것을 원치 않습니다. 결국 브라우저 벤더들이 표준을 채택하는 것이 가장 좋은 방법입니다.

인터넷 익스플로러 8 에 대해 인터넷 익스플로러 팀은 CSS 2.1의 높은 상호 구현성과 W3C와 함께 7200회 넘게 테스트를 했습니다. 이것이 중요한 이유는 벨리데이션 테스트가 없는 표준은 사이트 개발자가 그 표준을 신뢰하여 사이트를 개발한다는 것이 어렵기 때문이고 또 그것을 해결하기 위해 일관된 방법으로 문제 해결에 도전할 수 있어야 하기 때문입니다.

인터넷 익스플로러 플랫폼 Preview는 표준을 지원하고 상호운용성을 위해 의미있는 수단을 만들었습니다. 예를 들어서 CSS3 특징에 대한 몇 가지 지원이라던가 새로운 HTML5 지원, 그리고 -인터넷 익스플로러에선 처음- 몇몇의 SVG 모델을 위한 빌트인 지원은 인터넷 익스플로러 플랫폼 Preview의 일부 입니다. 그리고 거기에서 앞서 이야기한 모든 것들이 들어날 겁니다.


윈도우즈 PC들의 파워를 동력으로 하는 새로운 그래픽 성능


윈도우즈 에코시스템은 하드웨어 혁신에 놀라운 것들을 제공합니다. 인터넷 익스플로러 플랫폼 Preview를 통해 웹 개발자들은 그래픽과 텍스트의 하드웨어 구동 방식의 렌더링이 주는 혁신적인 이점을 알 수 있습니다.

인터넷 익스플로러 플랫폼 Preview는 웹 개발자들에게 몇 가지 진보를 위해 윈도우즈 애플리케이션 프로그래밍 인터페이스(APIs)를 다이렉트 X와 유사하게 사용할 수 있습니다. 시작 시점에 모든 그래픽과 텍스트 렌더링은 CPU에서 다이렉트2D와 다이렉트 라이트를 사용하는 그래픽 카드로 이동합니다. 그래픽 하드웨어 가속기를 사용하는 의미는 그래픽 집약적인 사이트에서 CPU보다 렌더를 더 빠르게 한다는 것입니다. 표준을 사용하는 다른 사이트로 이어질 때 자동적으로 변경하는 이점이 있습니다.


새로운 특징 리스트


인터넷 익스플로러 플랫폼 Preview 내에 새로운 개발자 특성을 포함하여 편의를 제공하는 리스트가 있습니다.

향상된 CSS3 지원
  • 동그란 모서리를 위한 border-radius 속성
  • RGBA 컬러 모델
  • opacity 속성
  • CSS 셀렉터들

새로운 DOM 레벨 2와 DOM 레벨3 지원 그리고 향상된 behaviors
HTML5 지원을 위해 추가된 것들

  • 일반요소들에 대한 향상된 파싱
  • 오버래핑된 태그들에 대한 향상된 파싱
  • 스크립트와 스타일 블럭 파싱의 변화
  • 텍스트 셀렉션 APIs

SVG 특징들

  • 기본 형태 : 사각형, 원, 타원, 라인, 다중선과 다형
  • 좌표 시스템과 변형 그리고 단위들
  • 문서 구조, 메타데이터 그리고 기능의 향상
  • path 엘리먼트를 완벽하게 포함하는 paths와 d 애트리뷰트

수정된 플랫폼에 부가적으로 추가된 능력

  • 새로운 도큐먼트 모드

추가된 개발툴

  • 퍼포먼스 도구
  • HTTP inspection


표준 지원을 통한 향상된 상호운용성



중요 : 인터넷 익스플로러 플랫폼 Preview에서 새로운 표준의 대부분을 지원하는 것은 인터넷 익스플로러9 표준모드(IE9 도큐먼트 모드) 에서 지원합니다. 문서 적합성 모드는 MSDN의 "문서 적합성을 정의하는 것" 에 기술되어 있습니다. 인터넷 익스플로러 Preview의 기본 모드는 IE9 문서 모드 입니다. 웹 페이지가 처음 로드될 때 아래의 그림에서 보는 것 처럼 왼쪽 하단에 현재 문서 모드가 표시됩니다.




인터넷 익스플로러 플랫폼 Preview는 적합한 태그와 페이지의 !DOCTYPE 선언을 존중하는데 이걸 무시라면 Debug 메뉴에서 Force IE9 Document mode를 클릭하면 됩니다.

인터넷 익스플로러 플랫폼 Preview의 문서 모드에 대한 행위와 업데이트에 대한 자세한 가이드는 "Platform Versioning" 을 보세요.


캐스케이딩 스타일 쉬트, 레벨3 (CSS3)



인터넷 익스플로러 플랫폼 Preview는 이전 인터넷 익스플로러보다 더 나은 캐스캐이딩 스타일 쉬트(CSS)를 지원합니다. 인터넷 익스플로러 8(인터넷 익스플로러 8은 CSS2.1 명세를 완벽하게 따릅니다.) 보다 더 많은 추가적인 CSS3 컴포넌트를 지원하고, 계획되어 있습니다.


CSS3 백그라운드와 보더 모듈


인터넷 익스플로러 플랫폼 Preview에서 지원되는 border-radius 속성과 요구되는 css 보더 특징의 대부분이 추가되었습니다. 그것들은 반지름을 명세하거나 4개의 하드 코너를 커브로 바꾸어 놓을 수 있습니다.
그 속성들은 다음과 같습니다.

  • border-radius(The value given will specify the radius for all four corners of a box.)
  • border-bottom-left-radius
  • border-bottom-right-radius
  • border-top-left-radius
  • border-top-right-radius

 예를 다음의 마크업을 참고하면 됩니다.

border-bottom-left-radius : 50px;
border-bottom-right-radius : 200px;

border-left: blue 10px double;
border-right: blue 10px double;
border-top-left-radius : 100px;
border-top-right-radius: 66.66px;

border-top: blue 10px double;
border-bottom: blue 10px double;
padding-bottom: 24px;
padding-left: 24px;
padding-right: 24px;
padding-top: 24px;


텍스트 블럭에 적용되면 다음과 같이 보일 것 입니다.




CSS3 백그라운드와 보더 모듈의 더 많은 지원이 계획되어져 있습니다.


CSS 컬러 모듈


인터넷 익스플로러 플랫폼 Preview는 CSS3 컬러 모듈의 몇몇 일부를 위한 지원이 추가적으로 더 계획될 것입니다. 이것들은 RGBA컬러 모델과 opacity 속성에 대한 지원을 포함합니다.


RGBA color 모델


RGB 컬러 모델에 알파 채널, 또는 투명도가 포함되어 확장 되었습니다. RGBA 값 포맷은 rgba(<red>,<green>,<blue>,<alpha>) 입니다. Red, green, blue 컴포넌트는 RGB 컬러 모델과 똑같고 숫자나 퍼센트로 표시합니다. alpha컴포넌트는 0.0(완전투명)과 1.0(완전 불투명) 사이의 값으로 표시합니다.
예를 들어서 50% 투명도를 가지는  red 배경을 설정하고 싶다면 다음의 예를 css 선언에 추가하면 됩니다.

 backgrund-color : rgba(255, 0, 0, 0.5)
 background-color: rgba(100%, 0, 0. 0.5)

RGB에서 지원하는 16진수 표시는 RGBA에서는 지원되지 않습니다.

Opacity 속성 

인터넷 익스플로러 플랫폼 Preview에 엘리먼트의 투명도를 컨트롤하는 CSS3 컬러 모듈의 opacity 속이 추가되었습니다. RGBA 값의 알파 컴포넌트 처럼 opacity 값은 0.0(완전 투명)에서 1.0(완전 불투명) 사이의 숫자로 표시하고 퍼센트나 실수값으로 표시도 가능합니다. opacity 속성은 모든 엘리먼트에서 사용이 가능합니다.
다음의 예는 navy 컬러에 opacity값을 적용한 것이며 20%씩 0%에서 100%까지 증가시킨 것입니다.

 <div class="opacity_smaple">
    <div style="bakcground: navy; opacity: 0;"></div>
    <div style="background: navy; opacity: 0.2;"></div>
    <div style="background: navy; opacity: 40%;"></div>
    <div style="background: navy; opacity: 0.6;"></div>
    <div style="background: navy; opacity: 80%;"></div>
    <div style="background: navy; opacity: 1;"></div>
</div>

25 x 125 픽셀 사이즈의 div로 만들고 추가한 것이다.



CSS 셀렉터
 

인터넷 익스플로러 플랫폼 Preview는 CSS3 Selectors Proposed Recommendation 내의 css 셀렉터 문법 명세를 추가 지원합니다. 인터넷 익스플로러 플랫폼 Preview를 위한 새로운 셀렉터의 리스트가 여기에 있습니다.(인터넷 익스플로러가 지원하는 셀렉터에 대한 자세한 부분은 MSDN의 "CSS 적합성과 인터넷 익스플로러" 참고.) 인터넷 익스플로러 SDK안에는 새로운 셀렉터가 어떻게 사용되는지에 대한 더 많은 정보가 있습니다.


구조 유사 클래스
 

구조 유사 클래스는 간단한 셀렉터나 콤비네이션들을 사용하여 선택할 수 없는 문서 트리 내의 여분의 정보를 기초로 셀렉션을 활성화 시킵니다.

다음은 문서루트의 E 엘리먼트를 선택하는 것입니다.
E: root

다음은 부모의 자식인 n-th 인 E 엘리먼트를 선택하는 것입니다.
E: nth-child(n)

다음은 마지막 하나로 부터 이어지는 부모의 자식인 n-th의 E 엘리먼트를 선택합니다.
E: nth-last-child(n)

다음은 n-th sibling 타입인 E 엘리먼트를 선택합니다.
E: nth-last-of-type(n)

다음은 부모의 마지막 자식 엘리먼트은 E 엘리먼트를 선택합니다.
E: last-child

다음은 부모의 자식인 E 엘리먼트만 선택합니다.
E: only-child

다음은 오직 sibling 타입인 E 엘리먼트만 선택합니다.
E: only-of-type

다음은 자식이 없는 E 엘리먼트를 선택합니다.(텍스트 노드 포함)
E: empty



목표 유사 클래스
 

목표 유사 클래스는 조각 식별자로서 URI의 타겟인 엘리먼트를 선택합니다. 하나의 조각 식별자는 한 페이지 내의 식별자 위치를 사용하고 또다른 식별자에 의해 번호 표시를 사용하여 성립됩니다. 예를 들어서 http://www.example.com/mypage.htm#section_3 과 같습니다.
다음은 URI가 참조하는 타겟 엘리먼트인 클래스 important의 div 요소를 선택하는 겁니다. 만약에 문서의 URI가 조각 식별자가 아니라면 타겟 엘리먼트가 없습니다.
div.important : target


UI 엘리먼트 상태 유사 클래스
 

UI 엘리먼트 상태 유사 클래스들은 enabled, disabled, checked 처럼 확실한 상태를 선택하는데 사용되는 것입니다.

다음은 enabled된 E 사용자 인터페이스 엘리먼트를 선택합니다.
E: enabled

다음은 disabled된 E 사용자 인터페이스 엘리먼트를 선택합니다.
E: disabled

다음은 라디오 버튼이나 체크된 체크박스와 같은 사용자 인터페이스 엘리먼트 E를 선택합니다.
E: checked


부정 유사 클래스
 

부정 유사 클래스는 argument에 의해 선택되지 않은 선택 엘리먼트를 선택할 수 있다. 다음은 심플 셀렉터 s와 매치되지 않는 E 엘리먼트를 선택합니다.
E: not(s)


문서 객체 모델(DOM) 레벨2와 3
 

인터넷 익스플로러 플랫폼 Preview는 문서객체모델 레벨2(DOM L2)보다 더 많은 것을 위해 추가 되었고 인터넷 익스플로러의 현재 구현 범위를 넘어 지원되도록 개선되었습니다. 이것은 또한 DOM L3의 선택 기능을 위한 지원이 추가되었습니다.

인터넷 익스플로러 플랫폼 Preview는 아래에 링크된 W3C 명세서에 나와있는 내용을 지원 하는 것에 대한 소개를 합니다.


인터넷 익스플로러 플랫폼 Preview는 이미 존재하는 다음의 것을 개선 했습니다.


HTML5
 



HTML5 드래프트 정의서의 몇가지 지원에 대한 특징은 인터넷 익스플로러 8에서 소개되었습니다. 이것들은 DOM Storage, Cross-document Messaging, Ajax Navigations(windows.location.hash에 사용된 것 처럼) 그리고 on-online과 on-offline 이벤트 핸들러들이 포함되어 집니다. 인터넷 익스플로러 플랫폼 Preview는 몇가지 HTML5 APIs와 HTML을 파서하는 방법을 변경해서 추가 했습니다.

Note HTML5 정의서가  여전히 Working Draft 인 것을 기억하는게 중요합니다. 후보 권고안이 될 때까지 큰 범위에서 변경될 것입니다. 자세한 정보는 lastest HTML5 working draft 를 보세요.


HTML 파싱 이용하기



인터넷 익스플로러 플랫폼 Preview에서 HTML 파싱은 HTML5 Draft Specification에 기술된 것에 가깝게 개선하였습니다.


일반 엘리먼트들



이전 인터넷 익스플로러는 HTML5 Draft Specification과 유사하지 않았고, 일반적인 엘리먼트(xmlns 애트리뷰트가 없는 잘 알려지지 않은 html 엘리먼트)로 간주했습니다. 간단하게 말해 무시되고 통합되었습니다. 이 의미는 인터넷 익스플러거에 의존하여 렌더하기 위해 개발자가 종종 커스텀 엘리먼트 - div 엘리먼트가 위치한 장소에 css 클래스 이름을 사용하여 개발자가 엘리먼트를 포함하는 것 -를 얻기 위해 생성된 메서드를 사용했다는 것 입니다. 인터넷 익스플로러 플랫폼 Preview는 개발자가 예비수단으로 잘 알려지지 않은 엘리먼트에 대한 파서를 가지는 것을 부정하고 변경을 가했습니다.

다음은 일반 엘리먼트의 간단한 예입니다. 이 케이스에서 엘리먼트는 mydiv라고 불리어 집니다.
<style type="text/css">
     mydiv {
        color: blue;
        font-weight: bold;
    }
</style>
....
<p>I am using a <mydiv>generic element</mydiv> in this sentence.</p>

인터넷 익스플로러8에 CSS가 조합되어 있지만 mydiv 태그를 무시합니다. 그것의 결과는 아래와 같습니다.


인터넷 익스플로러9 파서는 아래의 결과로 렌더링 합니다.



겹쳐진(중첩) 태그



HTML이 겹쳐진(중첩) 태그를 포함하고 있으면 인터넷 익스플로러8과 이전 버전은 파서 타임에서 그것들을 풀어내지 못합니다. 이러한 것은 HTML5 draft specification에 정의된 무언가하고도 바람직하지 않습니다. 만약에 당신이 스크립팅 목적을 위해 몇가지 태그를 겹쳐지게할 계획이 있다면 이것은 스크립팅 에러를 야기할 수 있습니다. 인터넷 익스플로러 플랫폼 Preview는 HTML5 스펙과 파서 타입에 오버랩된 태그를 풀어 낼 수 있습니다.

다음의 간단한 예제는 ib 테그 사이에 텍스트를 red로 반환합니다.
<script type="text/javascript">
function load()
{
     var elms = document.getElementsByTagName("i");
     for(var i = 0; i < elms.length; i++)
     {
          var elm = elms[i];
           if(elm.parentNode.tagName.toLowerCase() == "b")
                elm.style.color = "red";
     }
}
</script>
...
<body onload="load();">
    You should be aware of how <b>this <i>affects</b> script</i>.
</body>

인터넷 익스플로러와 이전 버전의 것은 계획되지 않은 렌더링 결과를 만들어 냅니다.


인터넷 익스플로러 플랫폼 Preview는 기대할만한 렌더를 마크업 합니다.



script와 style 블럭에서 파싱을 변환



인터넷 익스플로러8 과 이전 버전은 DOM의 텍스트 노드에서 script와 style 블럭 어느 쪽으로든 텍스트를 건네지 못했습니다. 인터넷 익스플로러 플랫폼 Preview는 DOM의 텍스트 노드와 마찬가지로 script와 style 블럭에 텍스트를 유지시킬 수 있습니다. 페이지에 스크립트를 사용하여 소스 코드를 보기위해 활성화 하십시오.


HTML에서 SVG 파싱



인터넷 익스플로러 플랫폼 Preview는 HTML에 직접적으로 SVG가 임베디드 되어 지원됩니다. SVG에 정보를 더 보려면 "Scable Vector Graphics(SVG)"를 보세요.


XHTML 파싱



인터넷 익스플로러 플랫폼 Preview는 application/xhtml+xml mime-type로 문서를 파서할 것입니다.


HTML5 셀렉션 APIs



인터넷 익스플로러 플랫폼 Preview는 3개의 텍스트 selection APIs에 대한 지원이 추가되었습니다. 이 Selection 객체는 Range객체 리스트를 재표현합니다. 인터넷 익스플로러 플랫폼 Preview내의 DOM L2 Range에 대한 새로운 지원으로 이것을 사용할 수 있습니다. 이것에 대한 더 많은 정보를 얻기 원한다면 "Document Object Model(DOM)"을 보세요.


getSelection 메서드



getSelection 메서드는 현재 선택된 텍스트를 다시 표현하기 위해 window에 Selection 객체를 반환한다.


selectionStart 속성



selectionStart 속성은 selection의 현재 선택된 텍스트의 시작점과 선택 시작점을 가져올 수 있습니다.


selectionEnd 속성


selectionEnd 속성은 selection의 현재 선택된 텍스트의 끝점과 선택 끝점을 가져올 수 있습니다.


Scalable Vector Graphics(SVG)
 



Scalable Vector Graphics(SVG)에 대한 지원은 인터넷 익스플로러 도구에 대한 대부분의 요구된 특징 중의 하나로 부터 시작되었는데 낮은 대역폭과 최소한의 마크업으로 웹 사이트를 주목을 끌만하게 만드는 강력한 방법이었습니다. 인터넷 익스플로러 플랫폼 Preview와 함께 마이크로소프트는 향후 플랫폼에 더 많은 지원을 할 것이고 기본적인 SVG 특징 집합을 지원하게 되었다는 것을 소개하게 되어 자랑스럽습니다.


Basic Shapes



인터넷 익스플로러 플랫폼 Preview는 SVG 1.1 draft specification 의 Basic Shapes module 에 정의된 것으로 모든 기본 shapes 엘리먼트의 파싱과 렌더링 에 대한 지원, 그것들의 애트리뷰트, 그리고 조합된 DOM 인터페이스를 소개합니다. 현재 인터넷 익스플로러 플랫폼 Preview에 의해 지원되는 기본 shapes의 집합은 다음의 shapes 엘리먼트를 포함합니다.
  • <rect>
  • <circle>
  • <ellipse>
  • <line>
  • <polyline>
  • <polygon>


인터넷 익스플로러 플랫폼 Preview는 또한 엘리먼트가 DOM 인터페이스에 조합되어 지원됩니다.
앞서 말한 각 shapes의 예제는 다음과 같습니다. 마크업 후 인터넷 익스플로러 플랫폼 Preview에 상응하는 결과의 스크린 샷 입니다.


Rectangles: <rect> element



 <?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
    "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">

<rect fill="orange"
    stroke="black"
    width="150"
    height="75"
    x="50"
    y="25" />


</svg>






 <rect fill="orange"
    stroke="black"
    width="150"
    height="100"
    x="50"
    y="25"
    rx="10"
    ry="50"/>





Circles: <circle> element



 <circle fill="orange"
    stroke="black"
    stroke-width="3"
    cx="40"
    cy="25"
    r="20"/>




Circles: <circle> element



 <ellipse stroke="orange"
    cx="100"
    cy="60"
    rx="75"
    ry="50"/>





Lines: <line> element



 <!-- vertical -->
<line x1="0.7cm"
    y1="1cm"
    x2="0.7cm"
    y2="2.0cm"
    style="stroke:
    blue;"/>

<!-- diagonal -->
<line x1="30"
    y1="30"
    x2="150"
    y2="85"
    stroke="red"
    stroke-width="4"/>

<!-- horizontal -->
<line x1="50pt"
    y1="25pt"
    x2="150pt"
    y2="25pt"
    stroke="yellow"
    stroke-width="3"/>





Polylines: <polyline> element



하나의 "polyline"은 "open" shape 나 폴리곤, 몇 개의 연결된 라인으로 이어진 SVG내에 정의되어 있다.
<polyline points="15, 5, 100 8,3 150"
    fill="orange"
    stroke="black"
    stroke-width="4"/>




Polygons: <polygon> element



<polygon points="15, 5, 100 8,6 150"
    fill="orange"
    stroke="black"
    stroke-width="4"/>



기본적인 SVG shapes에 대한 개발자를 위한 보다 자세한 정보는 인터넷 익스플로러 SDK 로 도움을 받을 수 있습니다.


좌표 시스템, 번형 그리고 단위들



인터넷 익스플로러 플랫폼 Preview는 SVG 1.1 draft specification의 좌표 시스템, 변형, 그리고 단위 모듈 내에서 정의된 좌표 시스템, 변형, 그리고 단위에 대한 SVG 지원을 소개 합니다.

단위와 퍼센테이지
  • 어떤 엘리먼트 상에서든 독단적인 변형과 변형 애트리뷰트
  • viewBox와 preserveAspectRatio 애트리뷰트(overflow 애트리뷰트와의 인터렉션을 포함)
  • 변형과 변형 리스트 타입에 대한 지원

인터넷 익스플로러 플랫폼 Preview는 SVG 좌표 시스템과 변형에 대한 DOM 인터페이스와 조합되어 지원됩니다.


문서 구조



인터넷 익스플로러 플랫폼 Preview는 SVG 1.1 draft specification의 문서구조, 메타데이터 그리고 확장성 모듈에 정의된 기본적인 SVG 문서구조, 메타데이터, 그리고 확장성있는 기능에 대한 지원을 소개합니다.
  • <svg>
  • <desc>
  • <title>
  • <metadata>
  • <g>
  • <use>
  • <defs>
  • <symbol>
  • <image>

인터넷 익스플로러 플랫폼 Preview는 엘리먼트가 조합된 DOM 인터페이스를 지원합니다.


경로들



SVG 경로는 shapes이 아웃라인입니다. 그것들은 clipping 경로로 사용되거나 스트로크, 채우기를 할 수 있습니다.
인터넷 익스플로러 플랫폼 Preview는 SVG 1.1의 draft specification의 Paths module 내에 정의된 SVG 패스를 지원합니다. 인터넷 익스플로러 플랫폼 Preview는 경로 데이타의 파싱을 활성화 하는 d 애트리뷰트와 마찬가지로 <path> 엘리먼트를 지원합니다.
경로 모듈이 DOM 인터페이스와 조합되는것 또한 지원합니다.
<path> 엘리먼트는 많은 다른 개발자 시나리오를 가능하게 합니다. 다음은 간단한 몇 가지 샘플 예제 입니다. 마크업 후 인터넷 익스플로러 플랫폼 Preview에 상응하는 결과의 스크린 샷 입니다.


직선과 채워진 닫힌 모양



<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
    "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink">

<path d="M 20 20 L 60 20 L 40 60 z"
    fill="green"
    stroke="red"
    stroke-width="3" />
</svg>




Bezier 경로(2차원형식)
 



 <path d="M20,30 Q40,50 60,30 T100,30"
    fill="none"
    stroke="red"
    stroke-width="3" />




선과 호



<path d="M30,60 l 50,0
    a25,45 0 0,1 50,0 l 50,0"

    fill="green"
    stroke="blue"
    stroke-width="4" />



개발자를 위한 보다 자세한 정보는 Internet Explorer SDK를 활용하세요.


웹 개발자를 위한 새로운 도구



인터넷 익스플로러 플랫폼 Preview에서 이 섹션이 새로운 버저닝 메카니즘을 첫번째로 기술하고자 하는 것은 인터넷 익스플로러의 최근의 버전을 통합내에서 정확한 지침을 주기 위함입니다. 다음으로 인터넷 익스플로러 8로 부터 처음으로 통합된 개발 도구의 개선에 대해 읽게 될 것입니다.


플랫폼 버전닝



인터넷 익스플로러 8은 마이크로소프트 인터넷 익스플로러 6에서 소개된 적합성 모드의 확장인 문서 적합성 모드를 소해합니다. 문서 모드는 웹 페이지를 사용자가 디스플레이함에 있어 인터넷 익스플로러의 특정한 렌더링 모드를 선택 가능하게 해줍니다. 보다 자세한 내용은 MSDN의 "Defining Document Compatibility"에 기술되어 있습니다.
인터넷 익스플로러 플랫폼 Preview는 최종 표준을 지원하는 도구와 현대적인 웹 애플리케이션의 요구를 충족시키기 위한 스케일과 더 빠른 퍼포먼스를 가능하게 하는 새로운 문서 모드 - 인터넷 익스플로러 9 표준 모드 ("IE9 Document Mode") - 가 추가 되었습니다.

인터넷 익스플로러 플랫폼 Preview는 웹 서버나 페이지에 다른 것을 기술하지 않은 이상 기본적으로 IE9 모드로 실행됩니다.

인터넷 익스플로러 플랫폼 Preview에서 안전하게 웹 페이지를 렌더링 하려면 페이지의 head에 메타 테그를 삽입합니다.

 <meta http-equiv="X-UA-Compatible" content="IE=9" >


개발도구


인터넷 익스플로러 플랫폼 Preview에 개발 도구로 액세스 하기 위해서 F12를 누르거나 Debug 메뉴에서 Developer Tools를 클릭합니다.


HTTP 검사 

인터넷 익스플로러 플랫폼 Preview는 개발도구로 네트워크 감시하는 것을 소개합니다. 도구에 액세스 하기 위해선 Network 탭을 클릭합니다.  그리고 아래의 것을 본 도구로 검사할 수 있습니다.
  • HTTP와 HTTPS 네트워크 트래픽 캡처
  • 요청과 응답을 캡처한 컨텐츠를 보여줌.
  • 쿠키, 사이즈, 시간, 캐쉬 정보와 같은 데이터를 캡처해서 여분의 데이터를 자세하게 보여줍니다.


개정내역
 


2010년 3월 16일 : Created for Internet Explorer Platform Preview
저작자 표시 비영리 변경 금지
Posted by -세티-
원문 : http://www.microsoft.com/windowsazure/appfabric/#appfablabs

번역자 : 박종현
번역일 : 2010-03-16
글 내용 중에 오역이 있을 수 있습니다.


윈도우즈 애저 플랫폼 AppFabric는 클라우드 또는 온-프리머스에서 애플리케이션과 서비스를 연결하는 개발자를 도와줍니다. 이것은 윈도우즈 애저, 윈도우즈 서버 그리고 자바, 루비, PHP 그리고 또 다른 것들을 포함하는 플랫폼에서 실행되는 애플리케이션을 포함합니다. 그것은 하나의 네트워크와 조직의 경계 그리고 서비로서의 통합인증을 위한 액세스 컨트롤과의 연결 용이성을 위한 서비스 버스를 제공합니다.

윈도우즈 애저 플랫폼 AppFabric과 윈도우즈 서버 AppFabric은 빌드를 위한 사용자를 활성화 하고 클라우드 내에서 더 쉽게 양쪽 온-프리머스에서 애플리케이션을 관리한다. 온-프리머스에서 실행되는 애플리케이션을 위한 윈도우즈 서버 AppFabric 관해 배우기 위해서 다음의 링크를 클릭하세요. ( 여기클릭 ) 윈도우즈 서버 AppFabric은 캐싱 능력, 워크 플로우로 잘 알려진 코드네임 "벨로시티" 와 서비스 호스팅 능력, 코드네임 "더블린"을 제공합니다.

What are the Access Control and Service Bus?
http://www.microsoft.com/windowsazure/videoPlayerPopup.aspx?w=720&h=480&vid=NetServices_720x480_FINAL_101609.wmv

AppFabric Service Bus Overview
서비스 버스는 느슨한 결합 서비스들과 애플리케이션, 방화벽 또는 네트워크 경계선 통과를 위해 그것들이 활성화되는 사이에서 커뮤니케이션 패턴들의 다양성을 사용하기 위해 제공됩니다. 서비스 버스에 등록된 서비스들은 어떤 네트워크 토폴로지에 접근할 수 있고 쉽게 발견할 수 있습니다.

서비스 버스는 언제 사용?
윈도우즈 애저 애플리케이션과 SQL 애저 데이터베이스가 이미 존재하는 애플리케이션과 데이터베이스에 연결할 때
온-오프 프리머스 애플리케이션 브릿지
컴포지트 애플리케이션 생성시.

서비스 버스의 이익
방화벽, NAT 게이트웨이 그리고 다른  복잡한 네트워크 경계선을 통해 애플리케이션과 서비스들을 내보낼 때.
다중연결 옵션 지원과 발행 그리고 멀티캐스팅을 위한 서명, 엔드포인트를 용이하게 노출함으로써 컴포지트 애플리케이션을 빌딩하는데 낮은 장벽.
윈도우즈 커뮤니케이션 파운데이션 프로그래머를 위한 표준과 유사하거나 표준 프로토콜을 지원하는 초급자 개발자에게도 친숙한 프로그래밍 모델

서비스 버스 특징들
MSDN에서 윈도우즈 애저 플랫폼 AppFabric윈도우즈 서버 AppFabric에 관해 배워보자.
서비스들은 위치에 관계없이 안정적인 인터넷 접근이 가능한 URL로 얻어낼 수 있다.
단방향 메시징은 sender와 listener 사이에서 유니캐스트와 멀티캐스트 데이터그램 분배를 지원한다.
sender와 listener 사이의 완벽한 이중 연결 지향 세션은 bi-directional communication을 지원한다.
네트워크 경계 운행법과 함께 완벽한 이중 연결 지향 ptop 세션은 NAT를 통해서 직접 end-to-end 연결을 생성한다.
다수의 발행자와 다수의 구독자는 서비스 토픽 관리와 이벤트 분배 시스템을 동시에 사용할 수 있다.
비 닷넷 플랫폼에 REST와 HTTP를 지원.
DNS-와 transport-에 독립적인 글로벌 계층 네임스페이스
서비스에 익명으로 접근한 것에 대한 퍼밋 가능
저작자 표시 비영리 변경 금지
TAG AZURE
Posted by -세티-
2010/03/16 14:35

03. Products : Microsoft SQL Azure Cloud Computing2010/03/16 14:35

번역자 : 박종현
번역일 : 2010-03-16
글 내용 중에 오역이 있을 수 있습니다.


마이크로소프트 SQL 애저 데이터베이스는 SQL 서버 기술을 이용하여 빌트한 클라우드 기반의 관계형 데이터베이스 서비스 입니다. 이것은 클라우드내에서 마이크로소프트에 의해 호스트 되어지며 높은 이용률과 스케일러블, 멀티-임대 데이터베이스 서비스를 제공합니다. SQL 애저 데이터베이스는 복수의 데이터베이스에 쉽게 공급할 수 있고 배포할 수 있도록 돕습니다. 개발자들은 어떤 소프트웨어든지 인스톨, 셋업, 패치, 또는 관리할 필요가 없습니다. 높은 이용률과 결점이 없는 빌트인이 가능하고 물리적인 관리가 필요 없습니다. SQL 애저 데이터베이스는 T-SQL을 지원합니다. 고객은 기존 T-SQL 지식을 이용하여 온-프리머스 데이터베이스에 대칭하는 유사한 관계형 데이터 모델을 사용할 수 있습니다. SQL 애저 데이터베이스는 온-프리머스와 클라우드 데이터베이스에 대칭적으로 제공되는 개발툴 셋으로 통합에 필요한 비용에 도움을 얻을 수 있습니다.

What is SQL Azure Database?
http://www.microsoft.com/windowsazure/videoPlayerPopup.aspx?w=720&h=480&vid=SQLAzure_720x480_FINAL_101609.wmv

SQL 애저 데이터베이스는 누가 사용하는가?
소규모 비즈니스, 취미, 이제 막 무언가를 시작한 사람들에게 필요한 커스텀 웹 애플리케이션, 스케일러블한 빌트
SaaS ISVs와 커스텀 개발자 전통적인 매력을 가지는 비즈니스 애플리케이션의 한 줄기를 패키지한 빌트
회사의 독립적인 애플리케이션을 빌트
클라우드 내에서 멀티플 데이터 소스들과 복수의 위치, 데스크탑(또는 디바이스)로 부터 보안 액세스 활성을 통합

SQL 애저를 사용할 때의 이점
인스톨 하거나 소프트웨어를 패치하거나 다른 물리적인 관리가 필요없다.
자동화된 높은 이용률과 낮은 실패율.
간단한 준비와 멀티플 데이터베이스의 배치
비즈니스 요구에 따라 크기조정이 가능
다양한 곳에 위치할 수 있다.
비주얼 스튜디오에 포함된 도구가 SQL 서버와 함께 통합
유사 관계형 데이터베이스 모델 기반의 T-SQL 지원


저작자 표시 비영리 변경 금지
TAG AZURE
Posted by -세티-
2010/03/16 11:55

02. Products : Windows Azure Cloud Computing2010/03/16 11:55

원문 : http://www.microsoft.com/windowsazure/windowsazure/

번역자 : 박종현
번역일 : 2010-03-16
글 내용 중에 오역이 있을 수 있습니다.


Windows Azure 
윈도우즈 애저는 윈도우즈 애저 플랫폼을 위한 개발, 서비스 호스팅 그리고 서비스 관리 환경에 도움이 되는 하나의 클라우드 서비스 운영체재 입니다. 윈도우즈 애저는 마이크로소프트 데이터센터를 통해 인터넷 상에서 호스트에서 계산하고 저장하고 크기를 조정하고 웹 애플리케이션 관리를 온-디맨드로 개발자에게 제공합니다.

윈도우즈 애저는 이미 존재하는 이전 환경에 대해 다양한 언어와 통합을 지원하는 유연한 플랫폼입니다. 윈도우즈 애저에서 애플리케이션을 빌드하고 서비스 하기 위해 개발자들은 마이크로소프트 비쥬얼 스튜디오를 사용할 수 있습니다. 추가적으로 윈도우즈 애저는 인기있는 표준들과 SOAP, REST, XML을 포함하는 프로토콜 그리고 PHP를 지원합니다.

Windows Azure 동영상
http://www.microsoft.com/windowsazure/windowsazure/video/

What is Windows Azure?
http://www.microsoft.com/windowsazure/windowsazure/video/what_is_windowsazure.aspx

윈도우즈 애저를 사용하여
클라우드 내에서 제품 프로세스들이 실행
최소한의 이전 리소스로 빌드, 수정, 스케일러블한 애플리케이션의 배치
큰 부피의 저장소, 배치 프로세싱, 강력하거나 큰 부피의 계산
생성, 테스트, 디버그 그리고 웹 서비스를 빠르게 배포하고 저비용

윈도우즈 애저의 이점
당신의 아이디어를 시장에 빠르게 적용하고 비용을 가져올 수 있다.
이전 리소스들을 빌딩하고 확장하는 비용을 낮출 수 있다.
IT관리자의 노력과 비용을 낮출 수 있다.
당신의 비즈니스를 빠르게 변경할 수 있고, 고객 요구에 응답할 수 있다.
요구에 가장 잘 어울리는 온-프리머스 또는 오프-프리머스 배포 모델을 선택할 수 있다.
당신의 요구에 기반하여 IT리소스를 늘리거나 줄일 수 있다.
요구 증가시 단지 컴퓨팅 리소스를 소비하면 된다.
하드웨어 관리를 할 필요가 없다.
클라우드 애플리케이션 빌드를 위해 기존 개발 기술을 사용할 수 있다.
온-프리머스와 클라우드간의 개발과 관리 경험을 교차 고려할 수 있다.




저작자 표시 비영리 변경 금지
TAG AZURE
Posted by -세티-
2010/03/16 09:42

최대 웹 컨퍼런스 mix10이 개막 General Tech.2010/03/16 09:42

3월 15일 ~ 17일 까지 라스베가스에서 mix10이 열립니다.

이번 컨퍼런스의 최대 화두는 스마트 폰과 HTML 5.0 입니다.

http://live.visitmix.com/
저작자 표시 비영리 변경 금지
TAG MIX10
Posted by -세티-
2010/03/15 22:39

01. Windows Azure Platform 이란? Cloud Computing2010/03/15 22:39


원문 : http://www.microsoft.com/windowsazure/

번역자 : 박종현
번역일 : 2010-03-16
글 내용 중에 오역이 있을 수 있습니다.



윈도우즈 애저 플랫폼은 클라우드 애플리케이션과 서비스 위해 개발자에게 유연하고 친숙한 환경을 제공합니다. 윈도우즈 애저로 서비스 성장을 위한 요구를 마켓과 조화를 이루며 짧은 시간에 할 수 있습니다.

윈도우즈 애저는 현재의 환경과 함께 쉽게 구동되는 플랫폼을 제공합니다.

윈도우즈 애저 : 온라인 서비스로서의 OS
마이크로소프트 SQL 애저 : 완전한 관계형 클라우드 데이터베이스 솔루션
윈도우즈 애저 플랫폼 AppFabric : 애플리케이션을 전제로한 클라우드 서비스와의 연결
마이크로소프트 코드네임 "달라스" : 데이터와 웹 서비스들을 위한 마켓플레이스 정보

주의 : 윈도우즈 애저 플랫폼 AppFabric는 2010년 4월 9일 상업적으로 이용가능하게 하기 위해 변경될 수 있고, 완벽하게 SLA(Supported Living Arrangement)가 지원된 유료 서비스가 시작됩니다.
저작자 표시 비영리 변경 금지
TAG AZURE
Posted by -세티-

Number

ID linked

Title in local language

1

974096

Step by Step: 절전 모드 상태로부터 돌아올 때 암호를 입력해 로그온 하는 방법

2

974101

Step by Step: Windows Vista에서 Office 2007 설치하기

3

974872

Step by Step: Windows Vista에서 사용자 계정 이름을 변경하는 방법

4

974906

Step by Step: Windows Vista에서 사용자 계정을 제거하는 방법

5

975056

Step by Step: Windows Vista에서 사용자 계정을 추가하는 방법

6

975060

Step by Step: Word 2007, Excel 2007, PowerPoint 2007 문서에 암호를 설정하는 방법

7

975064

Step by Step: Outlook 2007의 편집기 옵션을 통한 단락 기호 제거 방법

8

975065

Step by Step: 바탕 화면에 Excel 2003, 2007 바로 가기 아이콘 만드는 방법

9

976078

Step by Step: 하드디스크 파티션 축소하는 방법 

10

976079

Step by Step: 하드디스크 파티션 확장하는 방법

11

976083

Step by Step: 시작 메뉴의 인터넷이나 전자 메일 프로그램 목록을 변경하는 방법

12

976087

Step by Step: Virtual PC 설치 방법

13

976086

Step by Step: Internet Explorer 8의 커서 브라우징(Caret Browsing) 

14

976081

Step by Step: Excel 2007에서 기본 글꼴 변경하는 방법

15

976084

Step by Step: Outlook 2007에서 받은 메일 색깔 지정하는 방법 

16

976085

Step by Step: Excel 문서 내에서 하이퍼링크 한꺼번에 삭제하기 

17

975514

Step by Step: IE8의 새로운 기능 - 달라진 페이지 내 검색

18

977046

Step by Step: Windows 7에서 자동 로그인 설정하기

19

977047

Step by Step: Word 2007에서 페이지 번호 삽입 방법

20

977048

Step by Step: PowerPoint 2007에서 문자줄 간격 조정하는 방법

21

977049

Step by Step: Outlook 2007에서 일정 공유 방법

22

977050

Step by Step: CSV 연락처 파일을 Outlook으로 가져오는 방법

23

977052

Step by Step: Outlook 2007에서 규칙 적용을 통한 특정 폴더로 메일 이동하는 방법

24

977053

Step by Step: Outlook 2007에서 연락처 검색 시 결과가 제대로 표시되지 않는다

25

977054

Step by Step: 파워포인트 여백 없이 인쇄하는 방법

26

977055

Step by Step: PowerPoint 2007 자동 그림 압축 해제하기

27

977356

Step by Step: Windows 7에서 무선 네트워크 연결 방법

28

977869

Step by Step: Windows 7 설치 전 내 컴퓨터 호환성 검사

29

977871

Step by Step: Windows 7에서 Windows Anytime Upgrade 사용하기

30

977951

Step by Step: Windows 7에서 사용자 계정 만들기

31

977954

Step by Step: Windows7에서 Aero 기능 활성화

32

977959

Step by Step: Windows 7 시스템 이미지 만들기

33

978064

Step by Step: Windows 7에서 가젯 추가 방법 및 원하는 위치로 옮기기

34

978066

Step by Step: Windows 7 전체 설치하기

35

978069

Step by Step: Windows 7 디스크 이미지 버너(Disc Image Burner) 사용 방법

36

977958

Step by Step: Windows 7에서 관리 센터 사용 방법

37

979113

Step by Step: Windows Vista에서 Windows 7으로 업그레이드하기

38

979114

Step by Step: Windows 7에서 프로그램 제거/변경 방법

39

979115

Step by Step: Windows 7 작업 표시줄에서 프로그램을 시작 및 응용하는 방법

40

978068

Step by Step: Windows 7에서 듀얼 모니터 사용 방법

41

979838

Step by Step: Windows 7에서 Windows 탐색기 폴더 창 자동 확장하기

42

979839

Step by Step: Windows 탐색기에서 폴더 및 파일 다중 선택하기

43

979840

Step by Step: 설정한 일정 시간이 지나면 자동으로 컴퓨터 잠그기

44

979841

Step by Step: Internet Explorer 글씨가 흐릿하게 보이거나 크게 보인다

45

979842

Step by Step: 윈도우 라이브 무비 메이커 사용하기

46

979843

Step by Step: Office Live Workspace에 저장

47

979844

Step by Step: Office Live Workspace를 통해 액세스 및 공유

48

979845

Step by Step: 텍스트 문서를 Excel로 가져오는 방법

49

979956

Step by Step: Windows 7에서 시작프로그램 제어

50

979957

Step by Step: Windows 7에서 자주 쓰는 폴더 관리하기

51

980326

Step by Step: PowerPoint 문서에 삽입된 그림 한꺼번에 가져오기

52

980445

Step by Step: 정해진 크기의 표안에 사진 삽입하기

53

980857

Step by Step: Windows 7에서 숨김 폴더파일파일 확장명 표시하기

54

980973

Step by Step: 작업 표시줄에 검색 아이콘 추가하기

55

980974

Step by Step: 한글 입력 시 일부가 영문으로 변경되는 문제 해결 방법

56

980975

Step by Step: 개인 주소록을 연락처



저작자 표시 비영리 변경 금지
TAG mvp, sbs
Posted by -세티-