By Aspirinirony2007. 2. 26. 23:10
사용자 삽입 이미지


그날이 였어..

빛이 물러간 어둠의 하늘을 비추는 땅의 호수에서 난 달리고 있었어.. 내 두다리로 말이야.

내 두다리는 알고 있어었어.

분명하고 또렸하게 말이야.

터져버릴 듯한 심장의 권능이 내 두눈동자에 명하여 모든 것을 사라지게 오직 너만을 그 눈동자에 빛을 받드는 두 달리고 있는 내 다리가 달려야 하는 분명하고 절박한 이유가 있는데 다리는 점점 서 버렸을때..

사용자 삽입 이미지

사용자 삽입 이미지

Posted by aspirinirony
web2.0[Cityzon]2007. 2. 26. 23:02

PC용 설정 프로그램--Tweak UI 1.33


윈도 쉘 설정 프로그램으로 유명한 Tweak UI 1.33 버전 영문판입니다.

압축을 풀고 tweakui.inf 파일을 마우스 오른쪽 버튼으로 클릭해, 팝업 메뉴에서 설치(I)를 선택하면 프로그램이 설치됩니다.

설치 도중 뜨는 도움말 대화상자를 꺼야만 설치가 계속 진행됩니다.

Tweak UI는 제어판에 등록되므로 이를 이용해 윈도 설정을 바꾸려면 제어판에서 실행시켜야 합니다.

마우스 속도 조정, 작업 표시줄의 반짝임, 비프음, 아이콘 화살표 표시, 바탕화면에 표시될 항목 설정 등 간단한 설정은 물론, 파일 연결 복구, 프로그램 추가/제거, 레지스트리 복구, 시스템 파일 복구, 폰트 폴더 복구 등의 복구 기능도 탁월합니다.

또한, 오류시 로그 파일 작성, 히스토리 삭제 등 사용자가 수동으로 실행하기 어려운 작업을 자동으로 수행해 줍니다.

윈도에서 기본으로 설정되어 있는 내 문서, 즐겨찾기, 프로그램 파일 폴더 등의 경로를 사용자가 원하는 드라이브와 폴더로 지정할 수 있어 C: 드라이브 외에 다른 드라이브로 이런 기본 폴더를 지정하면 윈도를 새로 설치할 때 이전에 저장했던 즐겨찾기 등을 백업할 필요가 없어 편리합니다.

이외에도 제어판 항목 감춤, 내 컴퓨터의 드라이브, 혹은 네트웍 드라이브 감춤 기능이 있으며, 윈도 시동시 자동 로그온 하는 기능, 새로 만들기에서 만들어지는 파일을 구성하는 기능도 포함되어 있습니다.


[출처]http://www.homepagejejak.com/Board/Board_List.php?DB=jaryo&Mode=View&Num=13&start=30&S=S&val=0&Word=

'web2.0[Cityzon]' 카테고리의 다른 글

기타튜닝프로그램 모음..Guiter Tuning and metro  (0) 2007.02.26
TURBO C 2.1  (0) 2007.02.26
[Windows Media Player]문제 해결  (0) 2007.02.26
Youtube upload Tip  (0) 2007.02.26
Apple Quicktime 다운로드 링크  (0) 2007.02.26
Posted by aspirinirony
AllAcc?ess2007. 2. 26. 22:50

참고: http://www.alistapart.com/articles/slidingdoors


Web Standard에 기반한 CSS를 사용한 Tab 구현시

Tab 모서리를 라운드 처리하는 방법


겹치는 2개의 background image를 사용한다.

이 때 2개의 background 를 사용하기 위해

element 2개가 필요한데

tab을 표현하는 경우 <li> 와 <a> 를 활용한다.

(적절히 활용할 것이 무엇인지 경우에 따라 다를 수 있다.)


선행하는 <li>에 아래로 깔리는 이미지를

뒤따르는 <a>에 위에 덮히는 이미지를

background 로 잡아준다.


아래로 깔리는 이미지는 크기를 넉넉히 잡고

위로 덮히는 이미지는 크기를 최소화 한다.


자세한 구현 방법은 위 출처 참고


예) www.mozilla.org

사용자 삽입 이미지


Posted by aspirinirony
RhizomE_Bridge2007. 2. 26. 22:49

일단 성경은 구약과 신약으로 나뉘어있습니다.


구약은 예수님이 이땅에 오시기 전까지의 이야기이며, 신약은 예수님이 태어난 이후의 이야기입니다.

예수님의 일생에대해 적힌 성경은(역사서형식) 마태,마가,누가,요한복음과 사도행전 앞부분에 약간입니다.

위에 마태복음는 마태가, 마가복음은 마가가, 누가복음은 누가가, 요한복음은 요한이썼습니다.

위에 어떤분이 말한것처럼 이름대로라면 뒤에 사도행전은 사도가 쓰고, 로마서는 로마가 썼나요?

사도행전은 누가가 쓴것으로 알려져있습니다.

그이후에 나오는 서신서의 대부분을 바울(혹은 바오로라고함)이라는 사람이 쓴것입니다.


몇 몇사람의 서신과 뒤에 요한계시록은 바울이 저자가 아닙니다.

여기서 한가지 상식적으로 생각할 문제는 성경을 가장 많이 쓴인물은 누구인가?

위에말한 바울입니다. 무려 13권(실제는 13개의 편지지만...)을 썼습니다.

구약에서 가장 성경을 많이 쓴인물은 모세지요.

성경의 맨처음 시작부분의 창세기부터 5권을 모세가 썼다고 전해집니다.

시편은 여러사람의 찬양시를 모아서 편찬한 이를테면 시집이며,

전도서나 잠언은 솔로몬이 쓴책들입니다.

그외에 상당수 저자와 성경의 이름이 같은경우도 있지만,

반드시 그렇지많은 않다는것을 기억하셔야합니다.

성경 66권을 다 설명하자면 좀... 그래서 이렇게 간단하게 써봅니다.

P.S: 성경은 모두 하나님이 주신 영감으로 쓰였으니 성경을 쓰신분은 궁극적으로

하나님이라고 할수 있겠죠 ^^

구약성경을 쓴 사람은 모세, 여호수아, 사무엘, 에스라, 느헤미야, 모르드개, 다윗, 솔로몬, 이사야, 예레미야, 에스겔, 다니엘, 호세아, 요엘, 아모스, 오바댜, 요나, 미가, 나훔, 하박국, 스바냐, 학개, 스가랴, 말라기, 신약성경을 쓴 사람은 마태, 마가, 누가, 요한, 바울, 야고보, 베드로, 유다랍니다. 이 사람들은 농부도 있고, 목자, 어부, 의사, 선지자, 제사장 등 다양한 직업을 가지고 있었답니다. 성경을 쓴 사람은 여러 명이지만 성경은 모두 성령의 감동으로 쓰여진 하나님의 말씀입니다.



즐거운 하루되세요^^

Posted by aspirinirony
AllAcc?ess2007. 2. 26. 22:47
W3C 8 박스(box) 모델 Trio 홈페이지 

CSS 박스 모델은 문서계통(tree)에서 엘레멘트에 생성된 사각형 박스를 기술하고, 보이는 양식화 모델에 따라서 배치한다. 페이지 박스는 박스의 특수한 종류로, 페이지화된 메디아(paged media) 항목에 기술되어 있다.

8.1 박스(box) 규격

각 박스는 내용 지역(content area 예: 텍스트, 이미지, 등)과 선택적 주위의 패딩, 테두리마진 지역들을 갖는다; 각 지역 속성은 아래에 그 정의가 기술되었다. 다음 도표는 이 지역들이 어떻게 연관되고, 마진(margin), 테두리(border)와 패딩(padding)의 용어가 사용되는가를 설명한다:

내용(content), 패딩(padding), 테두리(border)과 마진(margin)들의 관계를 설명하는 이미지(image)   [D]

마진, 테두리와 패딩은 왼쪽, 오른쪽, 맨위과 바닥 부분들로 나뉘어 질 수 있다(예: 도표에서, 왼쪽 마진(margin)은 "LM", 오른쪽 패딩(padding)은 "RP", 맨위 테두리(border)는 "TB", 등으로).

각 네 지역들(내용, 패딩, 테두리와 마진)의 주변으로 구분되는 부분을 모서리("edge")라 부르고, 각 박스는 네개의 모서리(edge)들을 갖는다:

내용 모서리(content edge) 또는 내부 모서리(inner edge)
그 엘레멘트의 내용의 표현의 주위를 둘러 싼다.
패딩 모서리(padding edge)
박스 패딩 주위를 둘러 싼다. 만일 패딩이 0의 너비를 가지면, 그 패딩 모서리는 내용 모서리와 같다. 박스의 패딩 모서리는, 박스에 의하여 형성된, 용기블럭(containing block)의 모서리를 정의한다.
테두리 모서리(border edge)
박스 테두리의 주위를 둘러 싼다. 만일 테두리가 0의 너비를 가지면, 테두리 모서리는 그 패딩 모서리와 같다.
마진 모서리(margin edge) 또는 바깥쪽 모서리(outer edge)
박스 마진의 주위를 둘러 싼다. 만일 마진이 0의 너비를 가지면, 마진 모서리는 그 테두리 모서리와 같다.

각 모서리는 왼쪽, 오른쪽, 맨위, 바닥 모서리로 나눌 수 있다.

박스의 내용 지역에 대한 크기인 내용 너비내용 높이는 여러가지 요인에 따라 다르다: 엘레멘트가 생성하는 박스의 'width' 또는 'height' 속성을 설정하는가, 그 박스가 텍스트 또는 다른 박스를 포함하는가, 그 박스가 테이블(table)인가, 등 박스 너비와 높이들은 보이는 양식화 모델 세부사항에서 다뤘다.

박스 너비는 왼쪽과 오른쪽 마진, 테두리, 패딩과 내용 너비들의 합계로 주어진다. 박스 높이는 왼쪽과 오른쪽 마진, 테두리, 패딩과 내용 높이들의 합계로 주어진다.

박스에서 여러 지역의 배경 스타일은 다음과 같이 결정된다:

  • 내용 지역: 엘레멘트의 'background' 속성으로 생성.
  • 패딩 지역: 엘레멘트의 'background' 속성으로 생성.
  • 테두리 지역: 엘레멘트의 테두리 속성으로 생성.
  • 마진 지역: 마진들은 항상 투명하다.

8.2 마진, 패딩, 테두리들의 예제

이 예제는 마진(margin), 패딩(padding)과 테두리(border)들이 어떻게 작용하는가를 설명한다. 예제 HTML 문서에서:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<HTML>
   <HEAD>
      <TITLE>마진, 패딩, 테두리들의 예제</TITLE>
      <STYLE type="text/css">
         UL {
            background: green;
            margin: 12px 12px 12px 12px;
            padding: 3x 3px 3px 3px;
            /* 테두리들이 설정되지 않음 */
         }
         LI {
           color: black;  /* 텍스트 색상은 검정 */
           background: gray;  /* 내용, 패딩(padding)은 회색 */
           margin: 12px 12px 12px 12px;
           padding: 12px 0px 12px 12px; /* 오른쪽은 패딩 0px 임 */
           list-style: none   /* 목록 항목 앞에 그림문자들이 없슴 */
           /* 테두리들이 설정되지 않음 */
        }
        LI.withborder {
           border-style: dashed;
           border-width: medium;  /* 모든 면들에  테두리 너비를 설정 함 */
           border-color: black;
        }
     </STYLE>
  </HEAD>

  <BODY>
  <UL>
    <LI>First element of list
    <LI class="withborder">Second element of list is longer
      to illustrate wrapping.
    </UL>
  </BODY>
</HTML>

문서계통에서의 결과는(다른 관계들 중에서) 한 UL 엘레멘트에 두개의 LI 자식(child)들을 갖는다.

다음 도표의 첫번째는 이 예제에서 무엇이 생성되는가를 설명한다. 두번째는, UL 엘레멘트의 마진, 패딩과 테두리들사이의 관계와, 그 자식인 LI 엘레멘트와의 관계를 설명한다.

모체와 자식(child)의 마진(margin), 테두리(border)와 패딩(padding)들의 관계를 설명하는 이미지(image).   [D]

다음의 사항에 유의하라:

  • 각 LI 박스의 내용 너비는 위에서 아래로(top-down) 계산된다; 각 LI 박스의 용기블럭(containing block)은 그 UL 엘레멘트에 의하여 형성된다.
  • 각 LI 박스의 높이는 그 내용 높이, 더하기 맨위와 바닥 패딩, 테두리와 마진들로 주어진다. 수직 마진들은 LI 박스들사이에서 통합(collapse)됨에 유의하라.
  • LI 박스들의 오른쪽 패딩은 0의 너비로 설정되었다('padding' 속성). 두번째 설명에서 그 효과가 명백하다.
  • LI 박스의 마진들은 항상 투명하다. 따라서, UL 패딩의 배경색(녹색)과 내용 지역이 부각된다.
  • 두번째 LI 엘레멘트는 점선으로 된 테두리('border-style' 속성)를 지정한다.

8.3 마진(margin) 속성:

마진 속성은 박스의 마진 지역(margin area) 너비를 지정한다. 다른 마진 속성은 그들의 해당 면 만을 결정하는 데 반해, 'margin' 약식속성은 네면의 모든 마진들을 설정한다.

다음 값들 중 하나가 될 수 있는 속성 <margin-width> 값 타입(value type)의 정의를 참조하라:

<길이>
고정된 너비를 지정한다.
<백분율>
백분율은 생성된 박스의 용기블럭(containing block)너비에 대하여 계산된다. 이는 'margin-top''margin-bottom'에서 일치하며, 페이지 박스 높이를 참조하는 백분율 페이지 문맥 안에서는 예외이다.
auto
기능은 너비와 마진의 계산 항목을 참조하라.

마진 속성의 음수값은 허용되나, 특정 적용의 한계들이 있을 수 있다.

'margin-top', 'margin-right', 'margin-bottom', 'margin-left'
값:  <margin-width> | inherit
최초값:  0
적용:  모든 엘레멘트들
전달:  안됨
백분율:  포함한 블럭(block)의 너비를 참조
메디아:  visible(보이는)

이 속성들은 박스의 맨위, 오른쪽, 바닥, 왼쪽 마진을 시계방향으로 설정한다.

예제:

H1 { margin-top: 2em }
'margin'
값:  <margin-width>{1,4} | inherit
최초값:  약식속성들에 정의되지 않음
적용:  모든 엘레멘트들
전달:  안됨
백분율:  포함한 블럭(block)의 너비를 참조
메디아:  visible(보이는)

'margin' 속성은 스타일쉬트 안에서 한 번에 'margin-top', 'margin-right', 'margin-bottom', 'margin-left'들을 설정하는 약식속성이다.

값이 하나 만 있으면, 모든 면들에 적용된다.
값이 두개 있으면, 맨위와 바닥 마진은 첫 값으로, 오른쪽과 왼쪽 마진은 두째 값으로 설정된다.
값이 세개 있으면, 맨위는 첫 값으로, 왼쪽과 오른쪽은 두째 값으로, 바닥은 세째 값으로 설정된다.
값이 네개 있으면, 각각은 맨위, 오른쪽, 바닥, 왼쪽의 순서(시계방향)로 설정된다.

예제:

BODY { margin: 2em }  /* 모든 마진들을 2em으로 설정 */
BODY { margin: 1em 2em }  /* 맨위 & 바닥 = 1em, 오른쪽 & 왼쪽 = 2em */
BODY { margin: 1em 2em 3em } /* top=1em, right=2em, bottom=3em, left=2em */

위 예제의 마지막 명령은 아래 예제와 같다:

BODY {
   margin-top: 1em;
   margin-right: 2em;
   margin-bottom: 3em;
   margin-left: 2em; /* 반대쪽(right)에서 복사 */
}

8.3.1 마진들의 통합

이 규격에서, 마진(margin)들의 통합(collapsing)의 표현은, 두개이상의 박스(서로 옆에 있거나 네스트된)들의 인접 마진(이들을 분리하는 패딩이나 테두리 지역이 아닌)들이 통합되어, 단일한 마진을 형성한다.

CSS2에서 수평 마진들은 절대로 통합되지 않는다.

수직 마진들은 박스들사이에서 통합될 수 있다:

  • 정상 흐름(normal flow)에서 블럭(block) 박스들의 두개이상의 인접 수직 마진들은 통합된다 그 결과 마진 너비는 인접 마진 너비들의 최대로 된다. 음수 마진의 경우, 음수 인접 마진의 절대값 최대를 양수 인접 마진들의 최대로 부터 뺀다. 만일 양수 마진이 없으면, 음수 인접 마진의 절대 값 최대를 0(zero)로 부터 뺀다.
  • 유동된(floated) 박스와 다른 박스의 수직 마진들사이에서는 통합이 이루어 지지 않는다.
  • 절대적으로와 상대적으로 위치된 박스의 마진들은 통합(collapse)되지 않는다.

통합된 마진의 설명은 마진, 패딩, 테두리의 예제를 참조하라.

8.4 패딩(padding) 속성:

패딩 속성들은 박스의 패딩 지역 너비를 지정한다. 제작자가 패딩 속성으로 그 해당 면 만을 설정하는데 반해, 약식속성 'padding'은 한 번의 설정으로 모든 네면들의 패딩을 설정한다.

여기서 정의된 속성은 값 타입 <padding-width>를 참조하며, 다음 중 한 값을 가질 수 있다:

<길이>
고정된 너비를 지정한다.
<백분율>
백분율은 생성된 박스의 용기블럭너비에 대하여, 또한 'padding-top''padding-bottom'에 대해서도 계산된다.

마진 속성과는 달리, 패딩 값은 음수값이 될 수는 없다. 마진 속성과 같이, 패딩의 백분율 값은 생성된 박스의 용기블럭(containing block) 너비의 속성들을 참조한다.

'padding-top', 'padding-right', 'padding-bottom', 'padding-left'
값:  <padding-width> | inherit
최초값:  0
적용:  모든 엘레멘트들
전달:  안됨
백분율:  포함한 블럭의 너비를 참조
메디아:  visible(보이는)

이 속성은 박스의 맨위, 오른쪽, 바닥과 왼쪽 패딩을 시계방향으로 설정한다.

예제:

BLOCKQUOTE { padding-top: 0.3em }
'padding'
값:  <padding-width>{1,4} | inherit
최초값:  약식속성들에 정의되지 않음
적용:  모든 엘레멘트들
전달:  안됨
백분율:  포함한 블럭의 너비를 참조
메디아:  visible(보이는)

'padding' 속성은 스타일쉬트에서 한번에 'padding-top', 'padding-right', 'padding-bottom', 'padding-left'을 설정하는 약식속성이다.

값이 하나 만 있으면, 모든 면들에 적용된다.
값이 두개이면, 맨위와 바닥 패딩은 첫 값으로, 오른쪽과 왼쪽 패딩은 두째 값으로 설정된다.
값이 세개이면, 맨위는 첫 값으로, 왼쪽과 오른쪽은 두째 값으로, 바닥은 세째 값으로 설정된다.
값이 네개이면, 각각은 맨위, 오른쪽, 바닥, 왼쪽의 순서(시계방향)로 설정된다.

패딩 지역의 표면 색상 또는 이미지는 'background' 속성를 통하여 지정한다:

예제:

H1 {
   background: white;
   padding: 1em 2em;
}

위 예제는 수직 패딩('padding-top''padding-bottom')을 '1em'으로, 수평 패딩('padding-right''padding-left')를 '2em'으로 설정한다. 단위 'em'은 그 엘레멘트의 글꼴 크기(font size)에 상대적이고, '1em'은 그 사용 글꼴의 크기와 같다.

8.5 테두리(border) 속성

테두리 속성들은 박스의 테두리 지역 너비, 색상 스타일을 지정한다. 이 속성은 모든 엘레멘트에 적용된다.

주석. 특히 HTML에서, 사용도구들은, 일반적인("ordinary") 엘레멘트들에서와는 다르게, 일부 엘레멘트(예: button, menu, 등)에서는, 테두리들을 읽어 표현할 수 있다.

8.5.1 테두리 너비:

테두리 너비 속성은 테두리 지역의 너비를 지정한다, 이 항목에서 정의된 속성은 값 타입 <border-width>를 참조하며, 다음 중 하나의 값을 갖는다:

thin
얇은(thin) 테두리.
medium
보통(medium) 테두리.
thick
두꺼운(thick) 테두리.
<길이>
테두리의 두께는 명시적인 값이다. 명시적 테두리 너비는 음수가 될 수 없다.

앞의 세가지 값들의 해석은 사용도구에 따라 다르나, 다음 관계를 준수하여야 한다:

'thin' <='medium' <= 'thick'.

나아가, 이 너비들은 한 문서를 통하여 균일하여야 한다.

'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width'
값:  <border-width> | inherit
최초값:  medium
적용:  모든 엘레멘트들
전달:  안됨
백분율:  사용 못함
메디아:  visible(보이는)

이 속성들은 박스의 맨위, 오른쪽, 바닥, 왼쪽 테두리 너비를 시계방향으로 설정한다.

'border-width'
값:  <border-width>{1,4} | inherit
최초값:  각 속성들을 보라
적용:  모든 엘레멘트들
전달:  안됨
백분율:  사용 못함
메디아:  visible(보이는)

이 속성은 스타일쉬트에서 'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width'를 한번에 설정하는 약식속성이다.

값이 하나 만 있으면, 모든 면들에 적용된다.
값이 두개이면, 맨위와 바닥 테두리는 첫 값으로, 오른쪽과 왼쪽 테두리는 두째 값으로 설정된다.
값이 세개이면, 맨위는 첫 값으로, 왼쪽과 오른쪽은 두째 값으로, 바닥은 세째 값으로 설정된다.
값이 네개이면, 각각은 맨위, 오른쪽, 바닥, 왼쪽의 순서(시계방향)로 설정된다.

예제:

아래 예제에서, 주석(comment)들은 결과적인 맨위, 오른쪽, 바닥, 왼쪽 테두리의 너비를 순서대로 나타낸다:

H1 { border-width: thin }  /* thin thin thin thin */
H1 { border-width: thin thick }  /* thin thick thin thick */
H1 { border-width: thin thick medium } /* thin thick medium thick */

8.5.2 테두리(border) 색상:

테두리 색상 속성은 박스의 테두리 색상을 지정한다.

'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color'
값:  <색상> | inherit
최초값:  그 'color' 속성값
적용:  모든 엘레멘트들
전달:  안됨
백분율:  사용 못함
메디아:  visible(보이는)
'border-color'
값:  <색상>{1,4} | transparent | inherit
최초값:  각 속성들을 보라
적용:  모든 엘레멘트들
전달:  안됨
백분율:  사용 못함
메디아:  visible(보이는)

'border-color'는 네 테두리들의 색상 속성을 지정하며, 값들은 다음의 의미를 갖는다:

<색상>
색상값을 지정한다.
transparent
이 테두리는 너비를 가질 수 있지 만 투명(transparent)하다.

'border-color' 속성은 네가지 값의 종류들 중 한가지를 가질 수 있고, 그 값들은, 'border-width'에서와 같은 방식으로, 다른 면들의 색상들을 설정한다.

엘레멘트의 테두리 색상이 테두리 속성에서 지정되지 않았으면, 사용도구들은, 테두리 색상의 계산된 값과 같이, 그 엘레멘트의 'color' 속성값을 사용하여야 한다.

예제:

이 예제에서, 테두리는 두꺼운 검정 실선이 된다.

P {
   color: black;
   background: white;
   border: solid;
}

8.5.3 테두리(border) 스타일:

이 테두리 스타일 속성들은 박스 테두리 줄의 스타일(solid, double, dashed, 등)을 지정한다. 이 항목에서 정의된 속성은 <border-style> 값 타입을 참조하며, 다음 중 하나가 될 수 있다:

none
테두리가 없슴. 이 값은 'border-width'의 계산된 값를 강제로 '0'으로 만든다.
hidden
'none'과 같으나, 테이블(table) 엘레멘트테두리의 해상도 마찰(conflict resolution)에서는 예외이다.
dotted
테두리가 점선이다.
dashed
테두리가 짧은 선 조각들의 연속이다.
solid
테두리는 단일한 줄이다.
double
테두리가 두개의 실선(solid) 줄로 된다. 두 줄들의 합계와 그 사이의 공간은 'border-width'의 값과 같다.
groove
테두리가 창(canvas)에서 조각(파진)된 것처럼 보인다.
ridge
'grove'의 반대: 테두리가 창에서 튀어나온 것처럼 보인다.
inset
테두리가 창에서 전체 박스가 깔려있는(embed) 것처럼 보인다.
outset
'inset'의 반대: 테두리가 창에서 전체 박스가 튀어나온 것처럼 보인다.

모든 테두리들은 박스 배경의 맨위 그려진다. 'groove', 'ridge', 'inset', 'outset' 값들에 따라 그려진 테두리의 색상은 그 엘레멘트의 'color' 속성에 따라 다르다.

규격에 부합하는 HTML 사용도구은 'dotted', 'dashed', 'double', 'groove', 'ridge', 'inset', 'outset'들을 'solid'로 해석해도 된다.

'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style'
값:  <border-style> | inherit
최초값:  none
적용:  모든 엘레멘트들
전달:  안됨
백분율:  사용 못함
메디아:  visible(보이는)
'border-style'
값:  <border-style>{1,4} | inherit
최초값:  각 속성들을 보라
적용:  모든 엘레멘트들
전달:  안됨
백분율:  사용 못함
메디아:  visible(보이는)

'border-style' 속성은 네 테두리의 스타일을 설정한다. 이는 네가지 값 중의 하나가 될 수 있으며, 그 값들은, 위에 기술된 'border-width'에서와 같이 다른 면들을 설정한다.

예제:

#xy34 { border-style: solid dotted }

위 예제에서, 수평 테두리들은 'solid'가 되고, 수직 테두리들은 'dotted'가 된다.

테두리 스타일의 최초값이 'none' 이므로, 테두리 스타일이 설정되지 않는 한, 테두리는 보이지 않는다.

8.5.4 테두리(border) 약식속성:

'border-top', 'border-right', 'border-bottom', 'border-left'
값:  [ <'border-top-width'> || <'border-style'> || <색상> ] | inherit
최초값:  각 속성들을 보라
적용:  모든 엘레멘트들
전달:  안됨
백분율:  사용 못함
메디아:  visible(보이는)

이는 박스 맨위, 오른쪽, 바닥, 왼쪽 테두리의 너비, 스타일, 색상을 설정하는 약식속성이다.

예제:

H1 { border-bottom: thick solid red }

위 명령은 H1 엘레멘트의 아래쪽 테두리의 너비, 스타일, 색상를 설정한다. 생략된 값은 그들의 최초값들로 설정된다. 다음 명령은 테두리 색상을 지정하지 않았으므로, 이 테두리는 'color' 속성에 의하여 지정된 색상을 갖는다:

H1 { border-bottom: thick solid }
'border'
값:  [ <'border-width'> || <'border-style'> || <색상> ] | inherit
최초값:  각 속성들을 보라
적용:  모든 엘레멘트들
전달:  안됨
백분율:  사용 못함
메디아:  visible(보이는)

'border' 속성은 박스의 모든 네 테두리들에 같은 너비, 색상, 스타일을 설정하는 약식속성이다. 'margin', 'padding' 속성의 약식 명령들과는 달리, 이 'border' 속성은 네 테두리들에 다른 값들을 설정할 수 없다. 그렇게 하기 위하여서는, 하나이상의 다른 테두리 속성들을 사용하여야 한다.

예제:

예를 들어, 아래 첫번째 명령은 그 다음에 있는 네개의 명령들에 의하여 설정된 것과 같다:

P { border: solid red }

P {
   border-top: solid red;
   border-right: solid red;
   border-bottom: solid red;
   border-left: solid red
}

이 속성들은, 어느 정도 기능성이 중첩되어 있어 어떤 명령들을 어떤 순서로 지정하는가는 중요하다.

예제:

이 예제를 보자:

BLOCKQUOTE {
   border-color: red;
   border-left: double;
   color: black
}

위 예제에서, 왼쪽 테두리의 색상은 검정이며, 다른 테두리들은 적색이다. 이는 'border-left'가 너비, 스타일, 색상을 설정하였기 때문이다. 'border-left' 속성에 의하여 색상값이 주어지지 않았으므로, 그 'color' 속성으로 부터 가져 온다. 'color' 속성이 'border-left' 속성 다음에 설정되지 않았기 때문이다.


페이지 맨위로맨위Trio 홈페이지 문서( http://trio.co.kr/webrefer/css2/box.html#box-dimensions)는 자유로이 연결 사용이 가능함.
(수정일 12/16/2006 19:28:44)

Posted by aspirinirony
web2.0[Cityzon]2007. 2. 26. 22:45

출처 : Windows Media Player 오픈백과

[목차]

1. [본론에 들어가기 전에].
2. [준비 사항].


웹 상에서 실시간 동영상 재생시 문제해결 편.
1.  계속 준비 상태에서 더이상 실행이 안될때
2.  화면의 색상이 정상적으로 나오지 않을때.(오색,무지게 색,자외선 사진현상).
3.  라이센스 취득 중 이란 메세지가 나올때.

4. 지정한 프로토콜을 찾을수없습니다 .

5.  화면이 하얗게 나오고 아무런 반응이 없을때.
6.  동영상이 안 보이고 화면에 X표시만 나올때.

7. 웹 상에서 동영상 재생시 화면이 [녹색]으로 나와요.

8. 전체화면 으로 하면 원래 크기로 돌아 올때의 조치.

9, [현재 보안상태로는 ActiveX 컨트롤을 실행할 수 없습니다] 의조치.

10. 화면은 나오지않고 소리만 납니다.

11. 동영상이 자주 끊기는 경우의 조치.

12. 동영상만열면 Windows Media Player 및 Explorer 가 다운될때의 조치.

13. 파일을 재생할수 없습니다 네트워크..... 의조치.
14. 동영상 재생시 (#0xb0008105) 에러 코드가 뜹니다.

Windows Media Player 제거하고 재설치 방법 편.
1. Windows Media Player 9.0 버전이 설치된 상태에서 문제를 일으켰을 때.
2, Windows Media Player 10 버전으로 업 그래이드 한후 문제를 일으켰을 때.


1. [본론에 들어가기 전에].

   이 수정 방법은 Windows XP 기준 방법 입니다.

  먼저 [ Windows Media Player 9, 10] 이 문제가 발생 했을시 가장 안전한 해결 방법은 시스템 복원 기능을 이용하여 해결하는 방법입니다 .즉, 시스템 복원으로 문제가 발생한   날의 이전으로 되돌리는 방법 입니다. 그리고 웹 상에서의 실시간 동영상이 사소한 문제 임에도 불구하고 함부로[ Windows  Media Player ]를 제거하신 후 설치가 되지않아 고생을하시는 분이 계신바, 먼저 아래 [웹 상에서 실시간 동영상 재생시 문제해결] 을 참고하여 해결해 보실것을 권하며 이 방법에도 해결이 안된다면 아래 수동제거 방법으로 해결 하시길 바립니다.

                      Win-XP 시스템 복원 바로가기

                    Win-98 시스템 복원 바로가기


2. [준비 사항]

   여기    <ㅡ를 눌러 해당 URL 블로그로 이동하여 좌측 메뉴 중 [웹 하드]폴더를 열어

   안내에 라 [웹 하드 ]파일중 아래 3개의 파일을 [바탕 화면]에 저장합니다.

  [ MP10Setup.exe ]
   [ mp9setupXP_kor.exe ]
   [ WMP등록 ]

그림 1


*** 웹 상에서 실시간 동영상 재생시 문제해결편***


1.  계속 준비 상태에서 더이상 실행이 안될때
2.  화면의 색상이 정상적으로 나오지 않을때.(오색,무지게 색,자외선 사진현상).
3.  라이센스 취득 중 이란 메세지가 나올때.

4. 지정한 프로토콜을 찾을수없습니다 .

5.  화면이 하얗게 나오고 아무런 반응이 없을때.
6.  동영상이 안 보이고 화면에 X표시만 나올때.

  (웹 상에서 동영상 감상시 위의 6 가지 문제점은 다음 방법으로 해결 하실수 있으며   

   [WMP] 옵션의 기본적인 셋팅 방법 이기도 합니다.)


(먼저 아래 모든 설정 및 수정후 대화상자에서 [적용],[확인]버턴 설명은 생략 되었을수

있습니다. )

1). DRM 폴더정리

   이 DRM 폴더는 숨김 속성으로 폴더 옵션에서 숨김 파일 표시를 하셔야 보입니다.

   다음 방법으로 속성을 해제 합니다.

   바탕 화면의 내 컴퓨터를 열어 아래그림 2  [도구]ㅡ>[폴더 옵션] 을 고릅니다.

그림 2


  [폴더 옵션]의[보기]텝에서 아래 그림 3처럼 체크를 확인한 후 [적용]버턴을 누릅니다 .

그림 3


  경고 메세지 에서 아래그림 4의 [예] 버턴을 누릅니다.

그림 4


  (수정을한후 필히 다시 1번 그림의 [보호된 운영체제 파일숨기기(권장) ] 에 체크를

  해줍니다.)


    이제 아래 경로로 갑니다.

    내 컴퓨터 ㅡ>C:ㅡ>Documents and Settings ㅡ>All Usersㅡ>DRM

   DRM 폴더를 열어 안에있는 파일을 모두 제거합니다.

그림 5


Windows98 의 DRM 폴더안의 파일 삭제방법.

  바탕 화면의 내 컴퓨터를 열어 상단 메뉴 [보기]텝의 [폴더 옵션]을 열어 [보기] 텝에 [숨

  김 파일 표시] 에 체크를 하고 [C/Windows/ALL Users/DRM] 폴더를찾으셔서 DRM 폴더 

  안에있는 파일을 모두 삭제합니다. 그리고 다시 [폴더 옵션]의 숨김 파일을 숨겨 줍니다.


2). [Touchplayer.reg] 정보 추가

   아래 파일 다운로드를 눌러  [현재 위치에서 이 파일 열기]를 선택한 후 [예] 를 합니다.

                   파일다운로드


3). 위 설정 적용

     사용자께서 사용 하시는 [Windows Media Player] 버전을 확인 하시고

     2. [준비 사항]  에서 다운 받으신 파일중 [ MP10Setup.exe ] 또는

     [ mp9setupXP_kor.exe ]해당 버전으로 설치를 합니다.   

     [주의 , 위 수정 방법을 진행한 후 필히 Windows Media Player 를 재설치 해줘야 합니

     다   Windows Media Player가 정상적인 상태 에서도 업그래이드를 해 주시길바랍 니다.]

     (버전확인 ㅡ>Windows Media Player 실행 ㅡ>상단 메뉴의 도움말 ㅡ> 

       [Windows Media  Player 정보] 를 누르면 확인할수 있습니다. )

그림 6


3). [Windows Media Player] 옵션 셋팅

   [Windows Media Player ]열어 메뉴에서 아래 그림7의 [도구]텝의 [옵션] 을 고릅니다.

그림 7


a). 성능텝

    [성능] 텝에서 아래그림 8의 표시 부분처럼 설정한후 [고급] 버턴을 누릅니다.

그림 8


  아래 그림11에서 표시 부분처럼 막대기를 이동한후 [비디오 가속]항목에

  [비디오 믹싱 렌더러 사용] 에 체크를 없애 줍니다

그림 9


b). 네트워크 텝

     [네트워크] 텝에서 1번 항목의 체크를 없앤후 2번 항목을 선택 3 번 [구성]을 누릅니다.

그림 10


아래 그림 11처럼 체크를 한후 [적용][확인]버턴을 눌러줍니다.

그림 11


c). 플레이어 텝

    [플레이어] 텝에서 아래 그림 12처럼 체크를 확인합니다.

그림 12


d). 개인정보 텝

   [개인정보] 텝 에서 아래 그림 13처럼 체크를 확인 합니다

그림 13


e). 파일형식 텝

    [파일형식] 텝에서 [모두선택] 버턴을 눌러 줍니다

그림 14


7. 웹 상에서 동영상 재생시 화면이 [녹색]으로 나와요.

    이 문제는 해당 동영상이 wmv 형식의 코덱으로 압축되어 디코딩 될때 하드웨어

   적으로 가속하는 기능을 이용 하는데, 주로 ATi 칩셋그래픽을 사용하는 시스템에

   증상이 발생합니다. 사용 하시는 그래픽 칩셋 종류에 따라 다음을 확인합니다.

1). [ATi] 칩셋 사용자.
   시작 ㅡ>설정 ㅡ>제어판 ㅡ>디스플레이를 열어
   [설정] 텝의 [고급] 버턴을 눌러 [옵션] 텝의 [WMV 가속] 항목의 체크를 없애 줍니다.
2). [nVidia] 칩셋 사용자.  
   시작 ㅡ>설정 ㅡ>제어판 ㅡ>디스플레이를 열어
   [설정] 텝의 [고급] 버턴을 눌러 [문제 해결] 텝의
   [하드웨어 가속(H)] 의 바 를 [없음] 쪽으로 한 단계씩 이동하여 증상을 확인 해봅니다.

3). 참고사항:

    이 하드웨어 가속을 없애 주거나 내려 주시면 간혹 게임을하실때 화면이 깨어지는

   현상이 올수있습니다.이때는 다시 사용을 해주시길 바랍니다.

4). 추가사항

     동여상 재생시 화면이 정상적으로 나오지 않는 문제 해결의 추가 정보는

     여기    <ㅡ 를 눌러 해당 페이지로 가셔서 참고 합니다.)


8. 전체화면 으로 하면 원래 크기로 돌아 올때의 조치.

   [Windows Media Player] 를 열어

  도구ㅡ>옵션 을 클릭하여 아래 그림 15의 성능ㅡ>고급을 누릅니다.

그림 15


   아래 그림 16의 표시 부분의 체크를 없애 줍니다.

그림 16


9, [현재 보안상태로는 ActiveX 컨트롤을 실행할 수 없습니다] 의조치.

                 여기    <ㅡ 를 눌러 참고 합니다


10. 화면은 나오지않고 소리만 납니다

   아래 다운로드를 진행하여 통합 코덱을 설치해줍니다.

   파일 다운로드ㅡ>  코덱 통합


11. 동영상이 자주 끊기는 경우의 조치.

     원인

      1). 배너광고나 다른 창에서 플래쉬가 돌아가고 있을시.

      2). 서버와의 데이터간의 전송 속도가 선택한 동영상 압축 규격보다 낮을 경우.

      3). 이용자가 증가할 경우.

      4). 서버의 네트워크 사용량이 많을 경우.

      5). 사용자의 컴퓨터 성능및 네트워크 상태 성능저하시등으로 볼수 있으며

    해결 방법

     1). 접속자수가 적은 시간대를 선택해 보시고

     2). 동영상 재생시는 가급적 다른 프로그램이나 연결된 싸이트는 닫아주시길 바랍니다.

     3). 아래 주소로 가셔서 외부 인터넷 속도 점검을 합니다.

        http://memolog.blog.naver.com/ejalles36r/44


12. 동영상만열면 Windows Media Player 및 Explorer 가 다운될때의 조치

       문제 중요 원인은 다음으로 설명 할수있습니다.

  1). [서비스 팩 2 미 설치 시]

        만약 서비스 팩 2가 설치않된 상태라면 아래 링크로 가셔서 다운로드를 진행한 후

        설치 해줍니다 이 방법은 사용 하시는 운영 체제가 정품일 경우 서비스 팩 2가

        설치될 것이며 만약 정품이 아니 시라면 추가 조언을 구합니다.

      http://pds.hanafos.com/NPViewPds.asp?fileSeq=129889&rUrl=/NPListAll.asp

 2). [프로그램 충돌 요인]

     시작 ㅡ>설정 ㅡ>제어판 ㅡ>프로그램 추가 제거를 열어 등록된 항목중

     아래 제시한 항목을 찾아 제거 합니다.

     휴대폰 및 PDA 관련 Player ,프로그램

     Windows Media Player를 제외한 다른 종류의 Media Player
     toolbar
     msn 파워 플러스
     Internet Explorer Q831167

     윈도우 미디어 플레이어 핫픽스

   그리고 [통합 코덱], [codec], [코넥] 이란 단어가 포함된 항목을 찾아 모두 제거합니다.

   <예시>
     codec  
     Unified Codecs Pack” (통합 코덱)
     dTomoyo"s Unified Codec Pack
     DivX Codedc! "Divx"
     nimo Codec Pack v5.0 Build 8
     K-Lite Codec Pack v2.02 Final Full
     TeM[iOi] Codec Pack
     치킨 코덱
     Codec Pack All
     이지코덱

    (만약 나중에 동영상 재생시 소리만 나고 화면이 안나올땐 다시 아래 코덱을

     설치해  줍니다)

              코덱 통합

   3), 악성 스크립트나 악성 코드에 감염 여부를 검사 합니다.


13. 파일을 재생할수 없습니다 네트워크..... 의 조치.

       아래 제시한 URL 을 참고 하십시오.

        http://memolog.blog.naver.com/ejalles36r/550


14. 동영상 재생시 (#0xb0008105) 라고 뜹니다.

    아래 제시한 URL 을 참고 하십시오.
    http://memolog.blog.naver.com/ejalles36r/774


*** Windows Media Player 제거하고 재설치 방법편 ***


 1. Windows Media Player 9.0 버전이 설치된 상태에서 문제를 일으켰을 때

 

  1).  [방해요소 프로그램 제거]
       시작ㅡ>설정ㅡ>제어판ㅡ>프로그램 추가/제거 에서
[ Windows Media Player ]가

      포함된   항목 모두, 그리고 다른 모든 [Media Player] 는 제거 합니다.


 2).  [Windows 구성요소 제거 및 추가]

      a). [제거]

         시작ㅡ>설정ㅡ>제어판ㅡ>프로그램 추가/제거 에서좌측 메뉴의 [ Windows 구성요소

         추가제거(A) ] 를 클릭 합니다.

그림 17


  아래그림 18의[ Windows Media Player ]항목에 체크를 없앤후 확인 버턴을 누릅니다.

(주의ㅡ>다른 항목은 필히 체크를 없애면 않됩니다.)

그림 18


   b). [추가]
       위 방법에서 반대로 체크를 한후 확인 버턴을 누릅니다.

그림 19


3).  [숨김 파일 보기 폴더옵션 변경]

    바탕 화면의 내 컴퓨터를 열어 상단 메뉴의

   [도구] ㅡ>[폴더 옵션] 의 아래 그림 20 에서 [보기] 텝에 표시 부분과 같이 체크를

   확인합니다.

그림 20


4). [해당파일 압축 풀기]

   위 2 번 항목의 항목의 [준비 사항] 에서 다운받은[ WMP등록 ]파일을 바탕화면에 압축

   을 풉니다.

5). [ Windows Media Player 제거 ]

     a).시작 ㅡ>실행의 [열기] 란에 아래 명령어를 복사해 넣은 후[확인] 버턴을 누릅니다.
   [  RunDll32 advpack.dll,LaunchINFSection %SystemRoot%\INF\wmp.inf,Uninstall   ]

    아래 그림 21 에서 [예] 를 누릅니다.

그림 21


    b). 시스템 재시작을 물으면 [아니오]를 합니다.

 6). [dll 파일 등록]

     시작 ㅡ>실행의 열기 란에 [ %SystemRoot%\System32 ] 입력 ㅡ>확인.

     (타자 치기 어려우면 복사 한후 붙어 넣습니다.)

     [C:ㅡ>WINDOWSㅡ>system32] 폴더가 열립니다.

     바탕 화면에 압축을  풀어 놓은 [ WMP등록 ]  폴더를 열면 두개의 새로운 폴더가 열림

     니다. [System32] 폴더 안의 내용 [ wmp] 로 시작되는 [ dll ] ( 확장명 ) 파일 10개 모두, 

     그리고 [ unregmp2.exe ]파일 1개, 합계 11개를 복사하여 [ C:ㅡ>WINDOWSㅡ>system32 ]

     폴더에 붙어 넣습니다.

     (Windows 파일 보호 창이 뜨면 무시합니다.)

7). [inf 파일 등록 ]

  시작 ㅡ>실행의 열기 란에

   [  %SystemRoot%\Inf  ] 입력ㅡ>확인  [ inf ] 폴더가 열립니다.

   바탕 화면에 압축을 풀어놓은[ WMP 등록 ]  폴더를 열어 [ inf ] 폴더의 내용

   [ drm.inf ] , [ wmp.inf  ]두 파일을 복사하여 [ inf ] 폴더에 붙어 넣습니다.

   (Windows 파일 보호 창이 뜨면 무시합니다.)

8). [ WMPUpdate ]

   시작 ㅡ> 실행의 열기 란에

    [   %SystemRoot%\System32\unregmp2.exe /UpdateWMP  ]입력ㅡ> 확인.

    (여기서는 위 명령이 성공하면 아무른 반응이 없을겁니다.)

   만약 실패 메세지가 뜨면 위 6번 [dll 파일 등록] 수정 방법을 재시도 합니다.)

9). [ 해당 파일 제거 ]

    시작 ㅡ>실행의 열기 란에
    [  %ProgramFiles%\Windows Media Player ] 입력 ㅡ>확인.

    [ Windows Media Player ]폴더가 열리면[ mplayer2.exe ]파일만 남기고

    나머지  모든 파일을 삭제 합니다.

10). 시스템 재시작
    시스템을 종료 하신후 재시작 합니다.

11). [ Windows Media Player 재설치 ]

     위 3항목의 [준비 사항]에 다운받은 [ mp9setupXP_kor.exe ] 를 실행시켜

     [ Windows Media Player 9.0 ] 을 설치 합니다.


2, Windows Media Player 10 버전으로 업 그래이드 한후 문제를 일으켰을 때

 

1). 시작ㅡ>설정ㅡ>제어판ㅡ>프로그램 추가/제거 에서 [ Windows Media Player 9, 10] 항목

     이 보이면 제거 합니다.

      (만약 [ Windows Media Player 10 ] 항목이 보이지 않을땐 아래 그림 22의 표시 부분

       [업데이트 표시] 에 체크를 합니다.)

그림 22


  2), 위의 제거 방법 [ 1) 번에서 부터 10) 번 ] 까지 참고하여 [ Windows Media Player ]를 제

       거합니다 .
  3), 위 [  11) 번 항목 [ Windows Media Player 재설치  ]에서 위의 3항목의 [준비 사항]에서

       다운로드한 [ Windows Media Player ] 의 원하시는 버전으로 설치를 합니다.


  마지막으로 위의 수정중

  아래 그림 23처럼 메세지를 띄우며 설치를 거부할땐 5 번 부터 10 번 까지 한번더 해주신

  후 11번에서 [Windows Media Player 10 ]을 설치 해보시길 바랍니다.

그림 23


이상으로 마치며 부디 성공 하셔서 쾌적한 동영상을 감상 하시길 바랍니다.

감사합니다.

Posted by aspirinirony
web2.0[Cityzon]2007. 2. 26. 22:15
사용자 삽입 이미지

출처 :네트의 바다 어딘가에서..
Posted by aspirinirony
web2.0[Cityzon]2007. 2. 26. 04:47

Apple Quicktime

동영상 포맷으로 유명한 MOV 포맷을 재생해 주는 프로그램
그 외 아무의미 없어.. peace 피쓰~~
Posted by aspirinirony
web2.0[Cityzon]2007. 2. 26. 04:38
Youtube로 인해 UCC의 막강함이 들어났으며 사용자컨텐츠로도 매스미디어로의 변질이 일어날수있다는 편협한 생각이 들어가고 있을쯤

하나의 사이트를 맞이하니 offline에서만 가능했던 비디오및 이미지의 edit에디트를 online상에서도 가능하게 만들수 있게 되었다.. photobucket.com 이젠 web이다.. 구글이 MS가 가지고 있던 기업용 소프트웨어를 online인 상에서 가능하게 만들며 빌게이츠를 궁지에 몰아넣고 있으니..
정보를 막혀있는 공간에만 두는 것은 이젠 더이상 허용할수 없으며 컴퓨터를 online으로 사용하지 않으며 고철덩어리가 되어 버리는 세상이다.. 아무리 우리나라가 IT강국이라 자칭하며 널뛰기를 하지만 실제 모든 실체는 미국과 일본에서 만들어지고 있다..

사용자 삽입 이미지

온라인 상에서 비디오및 이미지의 재생성과 수정을 가능하게 만드는 사이트다..

구글의 힘일까?...

'web2.0[Cityzon]' 카테고리의 다른 글

Youtube upload Tip  (0) 2007.02.26
Apple Quicktime 다운로드 링크  (0) 2007.02.26
Firefox 1.5 Version [애용소프트웨아]  (0) 2007.02.26
미주한인인터넷방송 팡TV  (0) 2007.02.25
OpenID 데터도 적용할것인가..?  (0) 2007.02.25
Posted by aspirinirony
RhizomE_Bridge2007. 2. 26. 04:21

As reported on BoingBoing: This is extraordinary. Watch it. Share it.

Posted by aspirinirony
web2.0[Cityzon]2007. 2. 26. 03:29

Firefox 1.5 영문버젼
자바스크립트 콘솔이 유용하게 쓰임..

그외에는 2.0이 좋은것 같은데..
Posted by aspirinirony
RhizomE_Bridge2007. 2. 26. 00:18

매스미디어가 지배하는 시대
난 나야를 외치며 자신만의 세계를 구축하여 자폐모드로 돌입한 이들이 더이상 따분 했는지.. 어디에선가 들리는 성인가요의 한구절 날 좀봐요 봐요 봐요에 감응하여 PR모드로 돌입했었다.. 이에 매스미디어는 이 종과 형태의 분류와 정의를 위해 PR의 시대란 카피를 들이밀며 이들의 행위가 교과서에 실려야할 필수,권고,필요 사항으로 만든다. 이미 매스미디어를 교과서로 여기는 사회는 이 현상을 받아들이며 장려하고 있었다.. 사회의 장려활동에 감응한 이들은 자신을 PR하기 위해 무슨 짓이든 하려 했다..마치 자신이 아닌 다른 이를 자신인양 꾸밀수 있는 연기수업을 마스터 한듯 했다.. 난 나야를 외치며 자신만의 세계를 구축하던 이들과 스포트라이트를 받아야만 숨쉴수 있을 것같은 이들.. 이 두 분류의 사상은 파괴적일 만큼 상반된다.. 그러다 이 두 분류의 정리를 위해 난 소중하니까라는 중화재적 사상으로 개성이 등장한다. 자신안에 살던 자신이 아닌던 상관없다으니 니 멋대로 해라며 난 소중하니까를 외친다.. 이미 사회는 지난 날이 그래 왔든 정보의 자연선택을 행하고 있다..

[이 정보의 자연선택이란 소멸과 진화의 개체가 혁신이 아닌 정보의 초기 정보에서 시작된 데이터들을 hypertext하듯 만들어 나간다. 예술의 진화는 이미 존재하는 예술을 갈아치워버리는 행위로 공각기동대는 전하고있지만 인간의 문화는 기존의 문화정보를 소멸시키는 것이아니라 모방하여 보완적 탄생하는 진화적 행태의 밈[meme]으로 설명하고 할수 있다.]

web에세 1세대로 여겨지는 홈페이지는 난 나야라는 사상과 흡사하다.. 다른 이와의 피드팩은 이루여 지지 않는 html형태에 자신만이 생산해내는 정보이다.. 정보의 생산을 이루어지나 소비는 난 나야의 사상으로 넌 너야라며 나몰라라 했다.

2세대의 게시판형 커뮤니티는 정보의 생산과 소비의 형태가 확연히 이루어지는 형태이다.. 관리자라는 정보의 공장장은 정보의 생산을 유도할 뿐이다.. 수동적이며 내성적인 정보소비자들이 이시대부터 적극적 PR의 시대에 맞게 정보를 쏟아내며 자신의 정보가 스포트라이트를 받기를 원한다.. 이때부터 정보의 피드백은 활발히 이루어진다.. 서로를 관찰하던이들.. 서로를 처다보는 이들.. 이들의 사상으로써의 행위는 성공했다. 서로의 정보를 소비하고 생산하며 서로를 관찰하며 자신을 PR하기 위한 댓글행위가 빈번히 일어난다.. 일명 낚시또한 엄청난 호황기 였으며 무풀방지와 hit 카운터가 생존행위의 성적표로 나왔다..

3세대 Blog 1세대와 2세대의 시행착오의 보완사항을 크로스오버형태로 진화하여 MIXUP[서로 맞부디쳐 자신의 기량보다 더한 기량을 발휘할수 있는 형태]된 형태..

홈페이지는 단절된 정보의 무덤이며 게시판은 자신을 일어버리는 정보의 산발적 홍수이다.
그리하여 Blog가 탄생되었다.. 정보의 생산과 소비가 자신이며 신속한 피드백이 가능한 고립되어 있으며서도 연결되어 있는 것 web의 의미와 같은 것이다..

초기 Blog의 형태는 게시판형태로 이루어 졌으며 피드백은 댓글로 이루어지다.. 태그와 키워드중심으로 이동하여 트랙백과 댓글 RSS로 정보의 피드백방식이 다양해 졌다..

난 나야에서 날좀 봐요 그리고 이젠 이둘을 합친 난 나다 나의 존재를 확인 하기위해 날좀 봐요로 변화했다..

정보의 생산과 소비는 한 개인에 의해 이루어지지만 그 개인또한 현시대엔 집단이라는 구성원으로 포함되어 모든 개인이 정보의 생산과 소비를 쏟아낸다..  마치 현재의 Blog는 2세대 커뮤니티 게시판의 세부카테고리로 변질되었다..

대체여론까지 될수 있는 Blog의 형태는 소수에 불과 해지고 hypertext의 고질적 단점인 불안정한 신뢰성으로 tip위주의 단편정보만을 쏟아내고 있다.. 그것도 자신을 알리기 위한 수단으로 말이다..  댓글의 수와 hit카운터가 방문자카운터로 변질되어 버린것이다... 사용자 정보생산의 가장 진화형태인 ucc또한 날좀 봐요가 되어 버렸다..

Identity.. 현재 난 Identity에 관해 고민하고 있다. 현실계와 가상계
 
현실계에 존재하는 가상계는 현실을 나타낼수 밖에 없다.. 문학이 그 시대를 암호화 하여 이야기 하듯이 말이다..

Blog 정보생산종목에 변화가 일어나야 할것이다..

자신을 위한 정보생산이냐 모두를 위한 정보생산이냐...

방금 이 위의 text 작성하며 느낀것은 정보의 생산은 결국 소비를 위함이며 자급자족의 고립된 우물안 개구리에겐 진화는 일어날수 없다이다.. 너와 나는 병열되며 우리는 같은 색으로 물들어간다...

이 색을 칠하는 이는 누구인가?... 매스미디어 편 다음으로..

Posted by aspirinirony
web2.0[Cityzon]2007. 2. 25. 18:44

사용자 삽입 이미지




미주한인들을 위한 인터넷방송이 개국했다..
개국이라말이 무색할정도의 인터넷방송이며 winamp라디오 방송채널을 이용한 라디오방송을 사용하고 있다..

한국시간 FM5시부터 FM9시까지 방송한다..
LA한인타운을 초점 방송하는 것이므로 한국과의 피드백보단 미주한국인들과의 피드백을 우선으로 하며 선곡음악또한 팝송위주이다..

사이트주소는 http://www.pangtv.com
방송주소는 http://pangtv.inlive.co.kr/listen.pls

PJ들의 선곡과 멘트 그리고 진행이 쑤레기 채팅해적방송 보다 월등하다..

이곳에선 TV드라마와 스포츠 쇼 등의 미디어를 회원가입없이 볼수 있다..

Posted by aspirinirony
web2.0[Cityzon]2007. 2. 25. 05:53

우선 오픈아이디가 무엇인지부터..

사용자 삽입 이미지
OpenID 란 ?

하나의 ID로, 한번의 로그인으로 여러 서비스를 일일이 가입할 필요없이 사용하게 하는 인증 서비스 표준입니다.

OpenID 에서 ID 는 인터넷 주소 (URL) 로 표현되며, 인증제공서비스를 통해서 사용자가 ID 를가지고 있음을 증명하게 됩니다. URL 이기 때문에 가지는 장점중 하나는 인터넷 전체에서 고유한 주소이기 때문에, 지원하는 어떤 사이트에서도 반복적인 가입절차 없이도 나를 구분할 수 있게 해줍니다. 이러한 식별을 통해서 쉽게 개인화된 서비스를 제공 받을 수 있습니다.

또한, 이미 블로그나 미니홈피를 가지고 있다면, 간단한 설정을 통해서 자신의 블로그나 미니홈피 주소를 ID 로 사용할 수 있어 자신을 표현하면서도 로그인 ID로 사용할 수도 있게됩니다. 블로그에 코멘트를 남길 때 자신의 블로그 주소만 남기면 됩니다. 또한 인증되어야만 그 주소를 사용할 수 있으므로 다른 사람이 나인척 거짓글을 남길 위험이 없습니다.

좋은점 ?

하나의 ID/비밀번호로 여러 사이트를 쓰게 되면, 매 사이트마다 ID/비밀번호를 만들게 될 경우 항상 발생하는 선택의 고민이 해결됩니다. 즉, 보안상 다른 ID 와 비밀번호들을 쓰자니 관리가 불가능하게 되고, 관리를 위해서 동일한 ID 와 비밀번호를 가입시마다 반복적으로 알려주고 다니자니 사이트가 많아질 수록 불안하게 되는 고민을 할 필요가 없습니다.

또 한 가지, 사이트 가입시마다  필요한 개인 정보를 번거롭게 반복적으로 입력하는 과정이 없어집니다. 오픈아이디는 한번 입력된 개인정보를 다른 사이트에서 요청할 때 마다 다시 입력없이 사용자의 허가만으로 사용할 수 있게 합니다. 물론, 전달되는 내용과 전송여부는 전적으로 사용자가 결정합니다.

다른점 ?

오픈아이디는 인증업체가 여러업체가 가능하기 때문에, 하나의 업체에 독점되지 않습니다. 따라서, 사용자는 본인의 요구에 가장 적합한 인증업체를 선택할 수 있으며, 지원사이트는 특정 인증업체에 독점되는 위험이 없이 자유롭고 공정한 시장경쟁의 원리가 적용될 수 있으며, 결국 사용자가 중심이 되고 서비스들은 경쟁을 통해서 더 나은 서비스를 제공하게 될 것입니다.


오픈아이디 플러그인..
OpenID한글판
OpenID WordPress Plugin 

===================================================================================

다음으로 데터가 오픈 아이디를 서비스할지에 대한 생각..이다..

웹을 사용하는 사용자들이 가장 싫어하는 것은 무엇일까?
초창기의 웹과 지금은 웹이 가지고 있는 공통적 골치꺼리는 무엇일까?
지금도 수많은 웹사이트가 생겨나고 앞으로 태어날 사이트들이 고민하고 있는 것은 무엇일까?

(오늘은 왜이리 데터에 불만들을 털어내고 있나.. 그닥 정가는 것도 아닌데..)

사용자 인증.. 관리..

ID..

웹을 사용하는 사용자들은 어떤 사이트든 그 사이트가 제공하는 서비스를 받기 위해선 사용자 인증이라는 단계를 거쳐야한다..

사용자 인증이란 id password 이것은 일명 회원가입이라는 사용자 정보요구시험지의 답안지를 통과한 다음의 이야기다..

그렇다. 사용자들은 짧은 시간이지만 회원가입페이지를 보는것에 이젠 구역질이 날정도인데다 사이트가 신용할수 있을 정도의 보안을 가지고 있는 지도 의심스러운데.. 그런 사이트에 무턱대고 자신의 신상정보를 넘겨준다는 것은 그닥 정가지 않는다..
나의 정보가 다른 곳에 쓰여질수 있다는 불안감이 영 맘상한다..

DB관리자들의 공통적 요구는 주민번호이다..
관리의 편리성에서 가장 우수한 것이 바로 주민번호이기에... 하지만 사용자는 주민번호노출을 그닥의 정도를 넘어 토할정도로 싫어한다..
그리하여 대체 주민번호라는 것이 만들어 졌다... 그..러..나  대체 주민번호가 나온지 벌써 1년이 넘어가는 것 같은데 웹사용자들과 사이트관리자들의 호응은 그닥..

그런데.. 현재 대체 주민번호라는 홍당무모한 컨텐츠의 빰을 때리는 서비스가 시행되고 있다..

하지만 이것은 대체 주민번호라는 보안서비스의 차원이 아닌 웹이라는 공간을 살고 있는 이들의 공통적 두통꺼리인 현실계의 자신과 가상계의 자신의 Identity 를 가지는 것이다..

현실계에서 자신은 유일한 존재로 존재할수있는 Identity를 가지고 있다. 이는 문서와 이성계체(인간과의 유대관계에서 형성되는 집단인식) 모두가 인정하며 인식할수 있다.
문서상의 주민번호 이름 지문과 함께 이성계체들이 인식하는 물리적 형태인 얼굴의 생김새 목소리 버릇 어릴적 생긴 상처 등등의 스타일 그리고 논리적 형태인 상호관의 기억과 이성적 판단으로 현실계에서 자신은 유일한 Identity가 될수 있는 것이다.. 뭐 영화 net과 같은 일이 벌어지지 않는다는 조건과 공각기동대의 시공간 시대가 아니라면 말이다..

그럼 가상계에서 자신은 어떻게 존재할까.. 현실계에서 존재하는 물리적 형태는 웹에서 무용지물이며 이성계체들의 인식과정또한 소용없다.. 얼굴과 목소리 자신이 누구인지 알아볼수있는 버릇또한 소용없다.. 웹에서 자신은 ID로 존재하며 ID를 가져야만 웹이라는 공간에 자신을 남길수 있다. 그리하여 웹에서 존재할려는 현실의 자신은는 ID를 획득하려 한다.. ID를 획득하기 위해 회원인증이라는 과정을 거치며 현실계의 자신을 가상계에 기록하고 가상계의 자신인 ID를 획득한다.. 자신는 유일한 존재이므로 가상계에서도 유일한 ID라는 공통적 통제규약을 정한다.. 인증한 사이트공간에서 사용할수 있는 유일한 존재라는 인증의 ID를 말이다..
하지만 웹유저는 하나의 사이트에 머물지 않으며 hyper하게 사이트들을 넘나든다.. 기존의 사이트에서 새로운 사이트로 이동하며 정보들을 수집하며 정보를 만들어낸다.. 하지만 새로운 사이트로 이동하면서 거쳐야하는 것은 다시 새롭게 태어나야한다는 것이다... 자신이 가진 ID는 Identity하지 않다.. 다른 사이트공간에선 또다른 자신이 활동하고 있다.. 이전 사이트에서 획득한 ID가 다른 사이트공간에서 통용될수 있는 확율은 그리 놓지 않다.. ID중복체크버튼이라는 시험대를 거쳐야한다.. 현실계에서의 자신은 유일하지만 가상계의서의 자신은 무한하다..
하나의 textfile을 만들어 일일이 자신의 존재를 기록해야 할정도이다.. 가상계의 자신의 Identity는 몇이나 될까..?

이를 해결하는 것이 OpenID이다라는 생각을 많은 이들이 하고 있으면.. O'Reilly또한 하고 있는 것 같다.  이 Post는 OpenID에 관한 O'Reilly에 생각이다.

이미 Google,Microsoft ,AOL,Yahoo가 OpenID를 적용한다는 정보를 보여준다..

웹을 장악하고 있는 포털[대문]들이 OpenID를 적용하는 현재 국내 사이트또한 OpenID를 상용하 할것이며 현재 사용하는 사이트가 등장하고 있다.

이런 흐름은 대세라는 시기적 현상이 아닌 필연적이라는 필요기능적용이다..

데터의 선택은 무엇일까...?

Posted By Aspirinirony
Posted by aspirinirony
web2.0[Cityzon]2007. 2. 25. 01:37

데터blog의 글쓰기 컨텐츠서비스중 키워드라는 것이 있어 사용해 봤다.

우선 키워드는 설명문 subtitle tip으로도 사용될수 있다.. 아주 유용하고 포스트를 읽는이에게 생소하거나 대중적이거나 단어 문구 word의 설명을 바로 알수 있게 만들어 준다..

그런데 아쉬움들이...

우선 키워드는 관리자만의 단어정의또한 포함해야 함으로 관리자가 직접 키워드를 작성해야 한다.. 이것은 불편사항이 아니다.. 그런데 이 작성상에서 나오는 불편함이 있다.. 바로 영문과 한글 그리고 소문자 대문자 뛰어쓰기 등으로 같은 의미의 키워드들을 이 모든것을 생각하며 일일이 다 작성해 내야 한다. 하나의 예로 웹을 키워드로 만들려면 웹과 영문 WEB web Web 등으로 단어의 의미과 뜻은 같으나 표현상의 다양함과 활용의 범위가 크다는 점이 존재한다.. 이점들을 보완할수 있는 방법으로 tag에 사용하는 콜론(,)이라든지 세미콜론(;)을 활용하여 분류할수 있게 만들어 졌으면 좋겠다...

내가 만든 Blog베타에선 이것을 사용하고 있지만 데터는 아직 이것을 인식하지 못하는 것같다. 제 3세대의 키워드는 tag만큼의 개인화와 공유화에 병열적 컨텐츠이다..
키워드를 사용자정의로 작성하고 추천 키워드로 병렬적 공유를 사용한다면 hypertext한 web이 될수 있을 것 같은데...


부과적으로 글쓰기과정에서 키워드를 작성할수있는 메뉴 또한 만들어주는것도 괜찮겠네..

Posted by aspirinirony