NULI

UIO Factory 플러그인 배포

2010-09-10T10:32:47+09:00

NUF(Nuli UIO Factory) 바로가기 링크 플러그인을 제작하였습니다.

1. 드림위버 익스텐션 - Dropdown List Menu

2. 에디트플러스 사용자도구 - Java Shortcut URL Opener

해당 도구를 이용하시면 에디터 내에서 드롭다운 메뉴 혹은 바로가기 단축키 등을 통하여,

NUF 메뉴에 바로 접근하실 수 있습니다.

아래 에디터별 설치 및 사용방법을 참고하세요.

드림위버 익스텐션

1) 설치 및 사용방법

UIOFactory_DW.zip 파일을 다운받고, 압축을 해제한 다음 UIOFactory.mxp 파일을 실행합니다.

※ 익스텐션 매니저가 설치되지 않으면 .xmp 파일이 실행되지 않습니다.

다음 링크를 참조하여 익스텐션 매니저를 설치하도록 합니다.

http://www.adobe.com/exchange/em_download/

(익스텐션은 버전에 맞게 설치하세요.)

아래 화면에서 Accept를 선택하여 설치를 진행합니다.

새롭게 추가된 익스텐션을 활성화 하려면 드림위버를 재시작해야 한다는 메시지가 출력됩니다.

확인을 누르고 익스텐션을 종료합니다.

드림위버를 다시 실행하면 상단에 UIO Factory 메뉴가 새로 생성된 것을 확인할 수 있습니다.

메뉴는 상단부터 구분선을 기준으로 UI Generator, UI Pattern, Common 입니다.

접근을 원하는 항목을 선택하면 컴퓨터에서 설정한 기본 브라우저로 해당 페이지가 열리게됩니다.

에디트 플러스 사용자 도구

1) 설치 및 사용방법

에디트플러스에서는 플러그인 매니저를 이용한 메뉴 추가가 되지 않기때문에,

사용자도구를 활용하였습니다.

UIOFactory_EP.zip 파일을 다운받고, 파일의 압축을 해제하면 UIOFactory.exe 파일을 확인할 수 있습니다.

해당 파일을 적당한 위치에 위치시킵니다.

ex) C:\Program Files\EditPlus 3

에디트 플러스를 실행한 후 도구 - 사용자 도구 구성(C)을 선택합니다.

메뉴 제목 입력필드에 적절한 이름을 입력합니다.

명령(O) 입력필드에는 버튼을 클릭하여 UIOFactory.exe파일의 위치를 지정합니다.

확인을 선택하여 사용자 도구 설정을 완료합니다.

다시 도구 메뉴를 활성화하면 아래와 같이 등록된 사용자 도구와 단축키를 확인할 수 있습니다.

해당되는 단축키를 이용하거나 도구 메뉴에서 UIOFactory 도구를 선택하면 컴퓨터에서 설정한 기본 브라우저로 NUF 페이지가 열리게됩니다.

플러그인 관련 문의는 덧글이나 메일을 활용해 주세요.

test

2010-09-10T10:19:17+09:00

test

UIO Factory 플러그인 배포

2010-09-09T18:47:19+09:00

NUF(Nuli UIO Factory) 바로가기 링크 플러그인을 제작하였습니다.

1. 드림위버 익스텐션 - Dropdown List Menu

2. 에디트플러스 사용자도구 - Java Shortcut URL Opener

해당 도구를 이용하시면 에디터 내에서 드롭다운 메뉴 혹은 바로가기 단축키 등을 통하여,

NUF 메뉴에 바로 접근하실 수 있습니다.

아래 에디터별 설치 및 사용방법을 참고하세요.

드림위버 익스텐션

1) 설치 및 사용방법

아래 경로에서 UIOFactory_DW.zip 파일을 다운받고, 압축을 해제한 다음 UIOFactory.mxp 파일을 실행합니다.

/ui_library/extension/outside/UIOFactory_DW.zip

※ 익스텐션 매니저가 설치되지 않으면 .xmp 파일이 실행되지 않습니다.

다음 링크를 참조하여 익스텐션 매니저를 설치하도록 합니다.

http://www.adobe.com/exchange/em_download/

(익스텐션은 버전에 맞게 설치하세요.)

아래 화면에서 Accept를 선택하여 설치를 진행합니다.

새롭게 추가된 익스텐션을 활성화 하려면 드림위버를 재시작해야 한다는 메시지가 출력됩니다.

확인을 누르고 익스텐션을 종료합니다.

드림위버를 다시 실행하면 상단에 UIO Factory 메뉴가 새로 생성된 것을 확인할 수 있습니다.

메뉴는 상단부터 구분선을 기준으로 UI Generator, UI Pattern, Common 입니다.

접근을 원하는 항목을 선택하면 컴퓨터에서 설정한 기본 브라우저로 해당 페이지가 열리게됩니다.

에디트 플러스 사용자 도구

1) 설치 및 사용방법

에디트플러스에서는 플러그인 매니저를 이용한 메뉴 추가가 되지 않기때문에,

사용자도구를 활용하였습니다.

아래 경로에서 UIOFactory_EP.zip 파일을 다운받고, 파일의 압축을 해제하면 UIOFactory.exe 파일을 확인할 수 있습니다.

/ui_library/extension/outside/UIOFactory_EP.zip

해당 파일을 적당한 위치에 위치시킵니다.

ex) C:\Program Files\EditPlus 3

에디트 플러스를 실행한 후 도구 - 사용자 도구 구성(C)을 선택합니다.

메뉴 제목 입력필드에 적절한 이름을 입력합니다.

명령(O) 입력필드에는 버튼을 클릭하여 UIOFactory.exe파일의 위치를 지정합니다.

확인을 선택하여 사용자 도구 설정을 완료합니다.

다시 도구 메뉴를 활성화하면 아래와 같이 등록된 사용자 도구와 단축키를 확인할 수 있습니다.

해당되는 단축키를 이용하거나 도구 메뉴에서 UIOFactory 도구를 선택하면 컴퓨터에서 설정한 기본 브라우저로 NUF 페이지가 열리게됩니다.

플러그인 관련 문의는 덧글이나 메일을 활용해 주세요.

텍스타일의 세계로 오신것을 환영합니다!

2010-09-07T17:53:49+09:00

더 좋은 글쓰기를 위해 어떤 도움이 필요할까요? 더 쉬운 글쓰기를 위해서는요? 텍스타일은 "더 좋은 글을 더 쉽게 쓰고싶다"는 욕구로 부터 시작되었습니다. 만약 지금 여러분 곁에 좋은 글쓰기 선생님을 둘 수 없다면 텍스타일을 선택한 것은 무척 고무적인 일입니다. 텍스타일의 글쓰기 도구는 조금 특별 하거든요. ^^ 함께 만나 보시죠!

글감 수집기를 설치해 보세요!

좋은 글에는 항상 참조와 인용이 따릅니다. 글감 수집기는 좋은 글이 보다 많은 사람들의 글과 객관적인 사실을 참조하고 있다는 사실에 주목하였고 글을 쓰는 과정에서 이러한 작업을 보다 편리하게 할 수 있도록 도울 것입니다. "글감 수집기"를 여러분의 브라우징 도구에 북마크 하시면 웹 서핑 도중 참조하거나 인용하고 싶은 글을 여러분의 텍스타일에 담아둘 수 있습니다. 하지만 기억하세요. 다른 사람의 글을 수집한 다음 다시 배포할 때 저작권자가 이런 행동을 허용하고 있는지 반드시 확인해야 합니다.

글감 수집기는 "글 관리 > 글감보관함" 페이지에서 설치할 수 있습니다.

글감 수집기가 웹 브라우저의 북마크 도구모음에 설치된 화면.

웹 브라우저에 설치된 "글감 수집기"를 이용하여 인용구를 수집하는 장면.

텍스타일 에디터를 사용해 보세요!

텍스타일 에디터는 텍스타일을 다른 블로깅 도구들과 차별화 하는 가장 두드러진 특징 가운데 하나 입니다. 텍스타일 에디터는 "좋은 글 쓰기"를 위해 개발되었고 텍스타일 에디터를 이용해서 작성된 글은 보다 논리적이고 읽기 편하며 의미있고 검색엔진과 친해질 확률이 더 높습니다. 하지만 이 도구에 익숙하지 않은 분들을 위하여 기존에 사용하시던 익숙한 에디터를 사용할 수 있도록 고려되어 있습니다.

텍스타일 에디터를 이용하여 하나의 단락을 작성하는 화면.

텍스타일 에디터를 조금 더 편리하게.

텍스타일 에디터 열기 : 1부터 9까지 사용.
편집 모드로 전환 : 'Enter' 또는 '더블 클릭' 또는 '편집'을 클릭.
단락 선택 : 선택하려는 단락을 '클릭' 또는 '방향키'를 위아래로 이동하여 선택.
선택된 단락을 이동 : 'Ctrl+방향키' 또는 '드래그&드롭'.

익숙한 에디터 사용하기.

새로운것은 언제나 불편하다는 사실을 잘 알고 있습니다. 텍스타일 에디터는 기존에 사용하던 도구들과 다른 환경을 제공하고 있기 때문에 처음에는 낮설고 불편할런지도 모릅니다. 실제로 텍스타일 에디터는 좋은 글쓰기를 위해 기존의 글쓰기 환경이 제공하던 많은 것들을 포기하고 있습니다. 풍부한 표현보다 구조적인 글쓰기에 집중할 수 있도록 유도하는 과정에서 할 수 없는 일들이 생겨나게 되었습니다. 하지만 여러분이 이 불편한 도구에 익숙해지기위해 작은 노력과 주의를 기울인다면 여러분의 글은 틀림없이 예전보다 더 좋아질 것입니다.

여전히 텍스타일 에디터가 익숙하지 않는 분들께서는 관리자 환경의 "설정 > 쓰기환경 설정 > 편집방식 설정" 메뉴에서 "기타 편집기"를 선택 하세요. 'XpressEditor, FCKeditor, Xquared' 와 같이 기존에 여러분들이 사용하시던 익숙한 오픈소스 에디터를 그대로 사용하실 수 있습니다.

스킨 편집하기.

만약 여러분이 선택한 스킨이 컬럼 구조를 유지하고 있다면 화면의 좌우 배치를 쉽게 바꿀 수 있습니다. 모든 스킨이 이렇게 컬럼 형태를 유지하고 있는것은 아니기 때문에 손쉬운 스킨 조작 화면이 존재하는 것은 아니지만 간단하게 HTML 코드를 변경하는 것으로 가능하게 됩니다

"디자인 > HTML·CSS 편집 > HTML 편집" 화면에서 두 번째 라인 <div id="container" class="ce"> 부분을 <div id="container" class="ec"> 으로 변경하시면 화면의 좌우 배치가 바뀝니다. 이러한 설정은 '초기화' 하거나 다른 스킨을 선택했을 때 사라집니다.

텍스타일의 세계로 오신것을 환영합니다!

2010-09-06T17:56:48+09:00

글감 수집기를 설치해 보세요!

글감 수집기는 "글 관리 > 글감보관함" 페이지에서 설치할 수 있습니다.

글감 수집기가 웹 브라우저의 북마크 도구모음에 설치된 화면.

웹 브라우저에 설치된 "글감 수집기"를 이용하여 인용구를 수집하는 장면.

텍스타일 에디터를 사용해 보세요!

텍스타일 에디터를 이용하여 하나의 단락을 작성하는 화면.

텍스타일 에디터를 조금 더 편리하게.

텍스타일 에디터 열기 : 1부터 9까지 사용.
편집 모드로 전환 : 'Enter' 또는 '더블 클릭' 또는 '편집'을 클릭.
단락 선택 : 선택하려는 단락을 '클릭' 또는 '방향키'를 위아래로 이동하여 선택.
선택된 단락을 이동 : 'Ctrl+방향키' 또는 '드래그&드롭'.

익숙한 에디터 사용하기.

스킨 편집하기.

텍스타일의 세계로 오신것을 환영합니다!

2010-09-06T14:53:44+09:00

글감 수집기를 설치해 보세요!

글감 수집기는 "글 관리 > 글감보관함" 페이지에서 설치할 수 있습니다.

글감 수집기가 웹 브라우저의 북마크 도구모음에 설치된 화면.

웹 브라우저에 설치된 "글감 수집기"를 이용하여 인용구를 수집하는 장면.

텍스타일 에디터를 사용해 보세요!

텍스타일 에디터를 이용하여 하나의 단락을 작성하는 화면.

텍스타일 에디터를 조금 더 편리하게.

텍스타일 에디터 열기 : 1부터 9까지 사용.
편집 모드로 전환 : 'Enter' 또는 '더블 클릭' 또는 '편집'을 클릭.
단락 선택 : 선택하려는 단락을 '클릭' 또는 '방향키'를 위아래로 이동하여 선택.
선택된 단락을 이동 : 'Ctrl+방향키' 또는 '드래그&드롭'.

익숙한 에디터 사용하기.

스킨 편집하기.

텍스타일의 세계로 오신것을 환영합니다!

2010-09-06T10:29:21+09:00

글감 수집기를 설치해 보세요!

글감 수집기는 "글 관리 > 글감보관함" 페이지에서 설치할 수 있습니다.

글감 수집기가 웹 브라우저의 북마크 도구모음에 설치된 화면.

웹 브라우저에 설치된 "글감 수집기"를 이용하여 인용구를 수집하는 장면.

텍스타일 에디터를 사용해 보세요!

텍스타일 에디터를 이용하여 하나의 단락을 작성하는 화면.

텍스타일 에디터를 조금 더 편리하게.

텍스타일 에디터 열기 : 1부터 9까지 사용.
편집 모드로 전환 : 'Enter' 또는 '더블 클릭' 또는 '편집'을 클릭.
단락 선택 : 선택하려는 단락을 '클릭' 또는 '방향키'를 위아래로 이동하여 선택.
선택된 단락을 이동 : 'Ctrl+방향키' 또는 '드래그&드롭'.

익숙한 에디터 사용하기.

스킨 편집하기.

블로그 시작

2010-09-03T16:47:35+09:00

잘 해?

임시 저장하였습니다....

2010-09-02T18:24:06+09:00

임시 저장하였습니다.
임시저장움훼훼훼훼

중요 표시 버튼을 접근성 있게 만들기

2010-09-01T22:12:21+09:00

아래와 같이 생긴 중요 표시 버튼, 많이들 보셨나요?
중요한 메일이나, 파일들을 표시하기 위해 사용하는 기본적인 UI 요소로 클릭을 하면 색깔이 진해지면서 중요한 아이템이라는 의미를 나타내고, 다시 클릭을 하면 해제가 됩니다.

오늘은 이 중요 표시 버튼을 접근성 있게 만드는 방법을 공유해보고자합니다.

먼저-
'접근성이 있다' 라고 말할 수 있는 것은 아래 두 가지 항목을 만족시키기 때문입니다.

시각 장애환경에서 스크린리더로 의미 파악이 가능합니다.
키보드로 접근과 조작이 가능합니다.

체크박스를 이용하자!

중요 표시 버튼은 어떤 엘리먼트를 이용해서 마크업 할 수 있을까요?
<a>로 처리할 수도 있고, <button>을 이용할 수도 있지만 저는 체크박스(<input type="checkbox">)를 이용해보려고 합니다.
그 이유는 중요 버튼을 사용하는 데 있어서 어떤 항목이 중요한지,안한지에 대한 '상태'정보가 무엇보다 중요하다고 생각했으며
그 '상태'정보를 가장 직관적으로 나타내 줄 수 있는 것은 체크박스라고 생각했기 때문입니다. ^^

체크박스를 이용한다면 기본적인 마크업은 아래와 같을 것입니다.
반드시 <input>의 id값과 <label> for 값을 동일해주어야 둘 사이의 관계가 성립되니 꼭 유의해주세요~!

<input type="checkbox" id="isimp"><label for="isimp">중요 표시</label>

위의 이미지를 보면 체크박스는 안보이는데 어떻게 체크박스를 사용할 수 있을까요??
그 비밀은 바로 아래 그림에 있습니다~

<input> 엘리먼트는 밑에, <label> 엘리먼트는 그 위에 얹혀진 형태로, 우리 눈에 보이는 별모양의 이미지는 <label>이 되는 것입니다.

대체 텍스트는 필수!

바로 위에서 눈에 보이는 별 모양의 이미지가 <label>이 된다고 설명하였습니다.
하지만 이미로만 표시하면 시각 장애환경에서 해당 콘텐츠를 인식할 수 없겠쬬?
따라서 텍스트가 반드시 제공되어야 합니다. 이때 텍스트는 살짝 숨겨서 눈에는 보이지 않지만 스크린 리더로는 인식이 가능하도록 처리해줍니다.

아래 코드의 blind 클래스가 바로 숨김처리를 해주는 녀석입니다.

<label><span class="blind">중요 표시</span></label>

숨김처리를 해 줄때 display:none으로 해주면 안된다는 점을 명심해주세요~!
display:none으로 하면 눈에만 안보일 뿐 아니라 스크린리더도 인식하지 못한답니다~

.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}

CSS야 부탁해!

그 다음으로 할 일은 CSS를 이용해서 체크박스를 숨기고 <label>에 별 모양의 이미지를 적용하는 것입니다.
우선 코드를 보실까요?

input{position:absolute;top:0;left:0;margin:0;width:17px;height:17px}
label{display:block;position:absolute;top:1px;left:1px;width:15px;height:15px;background:url(btn_imp.gif)undefinedundefinedundefinedundefined;cursor:pointer}
label.on{background-position:0 -20px}

input은 absolute 속성을 이용해 포지션을 고정하고 여백을 제거한 후 크기를 지정해주었습니다.
label 역시 absolute 속성을 이용해 input 위에 겹쳐질 수 있도록 설정하고 별 모양의 이미지를 background로 지정하였습니다.
그리고 label이 활성화 되었을 때는 ".on"이라는 클래스를 추가하여 별 모양의 색깔이 변경되게 하였습니다.

여기서 중요한 것은 label의 배경이 투명하지 않아야 한다는 것입니다. 투명하면 아래 이미지처럼 체크박스게 뒤에 숨어있는 것을 들통나게 될테니까요;;

그리고, 별 모양의 이미지가 클릭커블하다는 것을 알려주기 위해서 마우스 커서 모양을 변경(cursor:pointer)하는 것도 중요합니다.

키보드 접근성 보장하기!

아마 위의 CSS 코드를 보시고 아래와 같은 궁금증이 있을 수 있습니다.

"왜 input의 크기가 17x17이어야 하지?"
"label의 포지션 값은 왜 input의 포지션 값보다 1px 씩 밀려났을까?"
"label의 크기는 왜 input 보다 2px 작은 15x15지?"

그 이유는 바로 키보드 접근성 때문입니다.
위와 같은 내용이 고려되어 있지 않다면, 키보드 포커스 표시가 나타나지 않아 키보드가 접근을 했는지 안했는지 알 수 없을테니까요-
아래와 같은 속성들로 인해서 키보드로 접근했을 때, 포커스 표시가 나타납니다.

input{position:absolute;top:0;left:0;width:17px;height:17px}
label{position:absolute;top:1px;left:1px;width:15px;height:15px}

키보드 포커스 표시가 된 중요 표시 버튼

키보드로 접근이 되고 나면 기존의 체크박스를 조작할 때와 마찬가지로 스페이스바를 누르면 상태를 변화시킬 수 있습니다.

테스트해보기!

이제 설명은 다 끝났습니다.
아래 경로의 파일을 통해 스크린리더와 키보드를 이용한 접근성을 확인하실 수 있습니다.^^
(만약 부족한 부분이 있다면 친절한 댓글 부탁드립니다.)

접근성이 보장된 중요버튼
http://pearlnim.com/example/access_imp/btn_imp.html

NULI 포스팅 및 기...

2010-09-01T11:26:56+09:00

NULI 포스팅 및 기술문서 작성 가이드
NULI 포스팅 및 기술문서 작성 가이드
NULI 포스팅 및 기술문서 작성 가이드
NULI 포스팅 및 기술문서 작성 가이드
NULI 포스팅 및 기술문서 작성 가이드
NULI 포스팅 및 기술문서 작성 가이드
NULI 포스팅 및 기술문서 작성 가이드
NULI 포스팅 및 기술문서 작성 가이드
NULI 포스팅 및 기술문서 작성 가이드
NULI 포스팅 및 기술문서 작성 가이드
NULI 포스팅 및 기술문서 작성 가이드
NULI 포스팅 및 기술문서 작성 가이드
NULI 포스팅 및 기술문서 작성 가이드

임시 저장 테스트

2010-09-01T10:48:31+09:00

가나다라마바

웹 표준 마크업 개발 프로세스

2010-08-30T19:02:28+09:00

세미나명 : 웹표준 워크샵 2010
프로그램 : 웹표준 마크업 개발 프로세스
일시 : 2010.7.7(수) 10시 ~ 18시
장소 : 한국과학기술회관 B1F 대회의장
발표자 : 박태준팀장

버튼의 활성화 여부에 따른 커서 모양 적용하기

2010-08-24T18:14:01+09:00

사용하기는 꽤나 번거롭지만 여기저기 많이 쓰이고 있는 아이가 바로 이미지 버튼입니다.
먼저, 오래 전에 폭폭이님이 이미지 버튼을 문제 없이 사용하는 방법에 대해 작성하신 글을 참고해주세요.^^

NULI - button의 브라우저별 랜더링 비교, 사용방법, 문제점, 해결방법
http://html.nhndesign.com/blog/2038

제가 오늘 이야기 하고 싶은 부분은 바로 버튼의 활성화 여부에 따른 커서 모양에 대한 부분입니다.
너무 간단해서 이미 잘 아시는 내용일까봐 살짝 걱정이 되기도 하네요. ^^;

경우에 따라서는 이미지 버튼을 사용할 때, 활성화 버튼, 비활성 화 버튼이 있기 마련입니다.
아래 이미지 처럼요-
(왼쪽이 활성화 버튼, 오른쪽이 비활성화 버튼입니다.)

이 때,
활성화 버튼은 클릭이 가능하다는 것을 알려주기 위해 커서 모양을 손모양으로 할 필요가 있고-
비활성화 버튼은 클릭이 불가능하기 때문에 커서 모양을 기본으로 해 주는 것이 바람직하겠죠.

(물론 이미지가 아닌 기본 버튼은 충분히 클리커블하기 때문에 커서 모양을 따로 변경해 줄 필요는 없습니다.)

먼저 이미지 버튼의 커서 모양을 손 모양으로 변경합니다.

button{cursor:pointer}

위 스타일을 적용하면 이미지 버튼은 마우스 오버시에 손 모양이 나타나게 됩니다.

그리고 비활성화 버튼에는 button에 disabled="disabled" 속성을 추가합니다.

물론 이미지 버튼이기 때문에 disabled="disabled" 속성을 추가하더라도 표면적으로 달라지는 부분은 없습니다.
비활성화에 따른 버튼의 모양을 변경하려면 별도의 클래스를 생성하여 이미지를 변경해주어야 합니다.

disabled="disabled" 속성은 CSS나 이미지가 로드되지 않았을때에도 이 버튼이 비활성화 되었다는 것을 바르게 나타내주기 위해서 꼭 필요한 속성이죠.
그리고 지금 얘기하려고 하는 커서 모양을 적용할 때도 꼭 필요한 아이입니다!

이제 disabled="disabled" 속성이 적용된 비활성화 버튼에 마우스를 오버해보세요. 마우스 커서가 어떻게 보이나요?
제가 간단히 각 브라우저별 커서 모양을 정리해보았습니다.^^

IE6~8의 경우는 CSS로 커서 스타일을 변경했지만 비활성화된 상태에서 커서의 모양이 자동으로 변경되는 것을 알 수 있습니다.
(이게 바람직한건지는 잘 모르겠어요.^^;)

그렇다면 다른 브라우저에서도 커서 모양을 변경하려면 어떻게 하는 것이 좋을까요?!
아마 눈치 채신 분들도 있겠찌만- 속성 선택자(Attribute Selector)를 사용하는 것입니다.
이 선택자는 매우 유용하지만 IE6,7에서는 지원되고 있지 않아 실제로 사용하는 경우는 극히 드뭅니다.

그런데 지금의 경우는 IE6,7에서 자동으로 커서 모양을 바꿔주고 있으니 신경쓸 필요가 없겠쬬!
따라서 아래와 같이 속성 선택자를 마음껏 활용해줍니다.

button[disabled='disabled']{cursor:default}

위 내용이 모두 적용된 테스트 페이지가 아래 있습니다.
참고하세요.^^

버튼의 활성화 여부에 따른 커서 모양 - 테스트 페이지
http://pearlnim.com/example/button_cursor/button.html

모바일 환경에서의 마크업 개발 이슈

2010-08-24T10:53:21+09:00

세미나명 : 웹표준 워크샵 2010
프로그램 : 모바일 환경에서의 마크업 개발 이슈
일시 : 2010.7.7(수) 10시 ~ 18시
장소 : 한국과학기술회관 B1F 대회의장
발표자 : 문지애선임UI개발자