중앙HTA

Total 42 / 3 page

[송규남의 IT다이어리] 제이쿼리(jQuery) 네번째 이야기

[송규남의 IT다이어리] 제이쿼리(jQuery) 시작해보기 4 안녕하세요. 중앙HTA의 송규남 강사입니다.지난 시간에 이어 jQuery 네번재 강좌를 시작해 보겠습니다. 이번 시간에는 jQuery에서 Attribute(속성)을 얻어오거나 설정하는 방법 등을 설명 드리려고 합니다.입력된 ID라든지 비밀번호 등을 자바스크립트에서 사용하려면 Attribute를 사용하는 방법을 이해하셔야 하는데요!! jQuery 사이트의 API에 가보시면 Attributes라는 메뉴를 살펴보시면 사용방법 등이 자세하게 나와 있습니다. 자 그럼 간단한 예제를 만들어 볼까요? <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/javascript" src="js/jquery-1.10.1.min.js"></script><script type="text/javascript"> $(document).ready(function(){//input 요소중 type속성이 button인 요소를 click할때 function실행 $("input[type='button']").click(function(){ var id=$("#id").val();//value속성값 얻어오기 var pwd=$("#pwd").val();//value속성값 얻어오기 alert("아이디:" + id +",비밀번호:" + pwd); }); });</script></head><body>id <input type="text" id="id"> <br/>pwd <input type="password" id="pwd"><br/><input type="button" value="click" > </body></html>실행을 시켜보면 click버튼을 눌렀을 때 val() 함수를 통하여 입력된 값을 메시지 창으로 출력합니다.html() 함수는 html 콘텐츠를 넣거나 html 콘텐츠를 얻어올 수 있습니다. <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/javascript" src="js/jquery-1.10.1.min.js"></script><script type="text/javascript"> $(document).ready(function(){ $("input[value=click]").click(function(){ $("#list").html("<p>" + $("#msg").val() + "</p>"); }); });</script></head><body><input type="text" id="msg"> <br/><input type="button" value="click" ><div id="list"></div></body></html> 아래코드는 id속성이 list인 요소에 입력된 텍스트를 넣습니다. html()함수의 괄호에 문자열이 있으면 문자열을 html형태로 넣고 괄호에 아무런 값이 없으면 html 콘텐츠를 얻어옵니다.예를 들면$("#list").html(“html로 추가되요~”); è list에 문자열이 추가되요var str=$(“#list”).html(); è list의 html값이 str에 저장됩니다.Attribute관련 함수들이 대부분 괄호안에 값이 비어있으면 속성값을 리턴하는 형태이고 괄호안에 값이 있으면 속성값으로 설정되는 형태입니다.$(“#msg”).val(“hello”); //id속성이 msg인 요소의 value속성이 ‘hello’가 됩니다.var txt=$(“#msg”).val();//id속성이 msg인 요소의 value속성이 리턴되어 txt에 저장됩니다. 이러한 원리로 다른 Attribute 관련 함수들도 사용할 수 있겠죠?오늘 제이쿼리 강좌는 여기서 마무리 하겠습니다^^다음 강좌에서는 더 유익한 정보로 찾아오도록 하겠습니다!! <저작권자(c)중앙에이치티에이(주). 무단전재-재배포금지>

2014-08-18

[송규남의 IT다이어리] 제이쿼리(jQuery) 세번째 이야기

[송규남의 IT다이어리] 제이쿼리(jQuery) 시작해보기 3안녕하세요. 중앙HTA의 송규남 강사입니다.지난 제이쿼리 강좌에서는 셀렉터 사용방법에 대해 알아보았고 이번 제이쿼리 강좌에서는 미리 말씀드렸듯이제이쿼리에서 CSS 제어하는 방법에 대해서 알아보도록 하겠습니다^^자, 그럼 제이쿼리(jQuery) 세번째 강좌!! "제이쿼리에서 CSS 제어하는 방법" 시작하겠습니다~자바스크립트에서 CSS의 속성값을 변경함으로써 많은 동적인 효과를 만들 수 있고 애니메이션 효과도 줄 수 있습니다.제이쿼리(jQuery) 사이트의 API Documentation에서 CSS를 선택하면 CSS 사용방법이 자세히 설명되어 있습니다. 그럼 jQuery에서는 CSS를 어떻게 바쑬 수 있는지 간단한 예제로 알아보겠습니다. <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><style> div{ width:300px; height:100px; background-color:red; margin:5px; } .mybox{ background:url('images/Lighthouse1.jpg') no-repeat; }</style><script type="text/javascript" src="js/jquery-1.10.1.min.js"></script><script type="text/javascript"> $(document).ready(function(){ $("#box1").click(function(){ $(this).css('background-color','yellow'); }); $("#box2").click(function(){ $(this).css({ backgroundColor:'green', border:'2px solid black' }); }); $("#box3").click(function(){ $(this).addClass("mybox"); }); });</script></head><body><div id="box1"></div><div id="box2"></div><div id="box3"></div></body></html> CSS 속성값을 변경하려면 아래와 같은 형식을 사용합니다.$(“셀렉터”).css(“css속성명”,”설정값”);아래 문장은 이벤트가 발생된객체(this)의 배경색상을 노랑색으로 변경합니다.$(this).css('background-color','yellow'); 아래처럼 여러개의css속성을 한번에 설정할 수 있습니다.$(this).css({ backgroundColor:'green', border:'2px solid black'}); 아래코드는 css에 정의된 클래스를 적용합니다.<style>.mybox{ background: url('images/Lighthouse1.jpg') no-repeat;}</style> $("#box3").click(function(){ $(this).addClass("mybox"); });위의 전제 코드를 작성 후 실행시켜 보세요. 각 div를 클릭하면 CSS 속성값들이 변경됩니다.그럼 CSS 속성값을 얻어 올때는 어떻게 해야 할까요?jQuery API문서에서 CSS 메뉴를 선택하면 아래와 같은 화면이 나옵니다.위의 설명대로 CSS 속성값을 얻어와 보겠습니다.<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><style> #img1{position: absolute;left:10px;top:50px}</style><script type="text/javascript" src="js/jquery-1.10.1.min.js"></script><script type="text/javascript"> $(document).ready(function(){ $("#btn1").click(function(){ varleft=$("#img1").css("left"); //css의left속성을 얻어옵니다. alert("현재left:" + left ); varmoveLeft = (parseInt(left)+50) +"px"; $("#img1").css("left", moveLeft);//현재위치에서left 50만큼 더 이동하기 }); });</script></head><body><input type="button" value="이미지이동" id="btn1"><img src="images/001.jpg"id="img1"></body></html> 위의 코드를 작성 후 실행시켜 보면 버튼을 클릭시 이미지의 현재 left위치 값을 출력하고 현재위치에서오른쪽으로 50px씩 이동됩니다. 오늘의 IT다이어리는 여기서 마무리 하겠습니다~생각보다 어렵지 않기 때문에 여러분들도 쉽게 따라하실 수 있습니다^^ 그럼 다음에 새로운 제이쿼리 이야기로 찾아 뵙도록 하겠습니다.감사합니다 ^^ <저작권자(c)중앙에이치티에이(주). 무단전재-재배포금지>

2014-07-09

[송규남의 IT다이어리] 제이쿼리(jQuery) 두번째 이야기

[송규남의 IT다이어리] 제이쿼리(jQuery) 시작해보기 2 안녕하세요. 중앙HTA 송규남 강사입니다.지난 시간에 이어 jQuery 두번째 강좌를 시작해 보겠습니다이번 시간에는 jQuery의 셀렉터 사용 방법에 대해 알아보겠습니다. HTML요소에 어떤 동적인 작업을 추가하려면 대상 요소를 선택해서 해당 요소에 동적인 처리를해야 하겠죠?HTML요소를 선택할 때 셀렉터를 사용하는데요, jQuery의 셀렉터는 사용방법이 CSS의 셀렉터와 거의 유사합니다. jQuery의 가장 기본적인 셀렉터는 아래와 같은데요.$(“#id속성) : id속성으로 요소를 선택할 때 사용됩니다.$(“.class속성) : class속성으로 요소를 선택할 때 사용됩니다.$(“태그명”) : 태그속성으로 요소를 선택할 때 사용됩니다.자 그럼 간단한 예제를 하나 만들어 볼까요?아래의 예제를 실행하려면 jQuery라이브러리가 같은 경로에 js라는 이름의 폴더를 만든후 그 안에 들어가 있어야 합니다.지난강좌에 설명드렸던 대로 jQuery사이트에서 라이브러리를 다운받은 후 js폴더안에 파일을 넣어주세요.이클립스에서 작성한 디렉토리 구조는 아래와 같습니다. jquery파일의 이름은 버전에 따라 저와 다를수 있어요~^^예제코드를 아래처럼 작성합니다.<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=EUC-KR"><title>Insert title here</title><script type="text/javascript" src="js/jquery-1.10.1.min.js"></script><script type="text/javascript"> $(document).ready(function(){ $("#btn1").click(function(){ alert("버튼을 눌렀군요!"); }); $(".box1").click(function(){ alert("문단을 눌렀군요!"); }); });</script></head><body><input type="button" id="btn1" value="저를 눌러보세요"/><p class="box1" style="width:200px;height:200px;background-color: pink"> 나는 문단입니다.</p></body></html>Button과 p태그를 마우스로 클릭시 메시지창이 뜨는 예제입니다. $("#btn1").click(function(){ alert("버튼을 눌렀군요!");});위 문장은 id속성이 btn1인 요소를 click했을 때 function이 수행됩니다.$(".box1").click(function(){ alert("문단을 눌렀군요!");});위 문장은 class속성이 box1인 요소를 click했을 때 function이 수행됩니다.자 그럼 태그명으로 선택하는 방법도 어렵지 않게 하실 수 있겠죠?jQuery에서 제공하는 셀럭터에는 복잡한 셀럭터들도 많은 데요.. 그럼 jQuery에서 제공하는 셀럭터들에 어떤 것이 있는지 알아보려면어떻게 해야 할까요? 바로 jQuery사이트에서 API로 제공하고 있습니다.웹브라우져를 이용해 http://jquery.com/ 사이트로 이동합니다. 위의 그림에서 Selectors를 선택하면 다양한 Selector에 대한 사용방법이 나옵니다.Selectors → Basic을 선택해 보세요..제가 말씀드렸던 셀렉터들이 나오고 해당 부분을 클릭하면 설명과 샘플코드가 보여집니다. 샘플코드들을 분석해 나가면서 공부해 나가시면 jquery 관련 책보다도 더 많은 방법들을 사용하실 수 있게 되실거예요~자, 그럼 이번강좌는 여기에서 마무리하겠습니다~ <저작권자(c)중앙에이치티에이(주). 무단전재-재배포금지>

2014-06-12

[송규남의 IT다이어리] 제이쿼리(jQuery) 첫번째 이야기

[송규남의 IT다이어리] 제이쿼리(jQuery) 시작해보기 안녕하세요. 중앙HTA의 송규남 강사입니다.오늘부터 시작하는 송규남의 IT다이어리는 한달에 한번씩은 IT에 관련된 정보를 드리려고 합니다.프로그래밍 개발자로서 실무에 사용하실 때 유용한 Tip들을 모아모아보려 하는데..이 글을 보시는 모든 분들께 유익한 정보가 되었으면 좋겠네요. ^^먼저 첫 시작인 오늘은 제이쿼리(jQuery)를 주제로 이야기를 만들어보았습니다.제이쿼리(jQuery)를 사전적인 의미로 말씀드리면 브라우저 호환성이 있는 HTML 속 자바스크립트 라이브러리이며클라이언트 사이드 스크립트 언어를 단순화 할 수 있도록 설계되었고 오늘날 가장 인기있는 자바스크립트 라이브러리 중 하나라고 합니다.즉 브라우저 호환성이 좋고, 자바스크립트를 단순화시킬 수 있는 능력이 뛰어난 라이브러리라고 생각하면 될 것 같습니다. 요즘 웹사이트의 대부분이 jQuery를 사용하고 있습니다. jQuery가 이렇게 많이 사용되고 있는 이유는 위에 말씀드린 내용처럼 많은 장점들이 있지만 그 중에서도 크로스브라우징이 완벽히 지원되기 때문이죠.. 자바스크립트는 웹브라우저마다 지원되는 객체라든지 이벤트 처리방식이 약간 다를 수 있는데요.. 크로스 브라우징이 지원되도록 하려면 이에 따른 모든 처리를 해줘야 합니다. 여간 힘들고 불편한 일이 아닐수 없습니다. 하지만 jQuery를 사용하면 크로스브라우징이 완벽히 처리되므로 개발자가 많이 수월해 졌다고 할 수 있습니다. 뿐만 아니라 jQuery는 빠르고 사용하기가 쉽고 애니메이션 효과와 같은 이펙트 처리가 수월합니다. 이러한 여러 장점으로 인해 jQuery가 많이 사용되고 있는데요.. 이번 컬럼에서는 jQuery에 대한 기본적인 사용방법등을 알려드리려고 합니다. 자, 그럼 먼저 jQuery라이브러리를 다운 받아야 하는데요..웹브라우져를 실행후 아래의 사이트로 이동합니다. < http://jQuery.com 에서 다운로드 제이쿼리를 눌러 라이브러리를 다운 받습니다. ^.^> 링크된 곳으로 이동하면 jQuery라이브러리가 1.x 와 2.x 두 종류가 있습니다.2.x 대 버전은 1.x대 버전과 똑같은 API를 사용하고 있고, 호환성이 그대로 유지됩니다. 1.x대 버전과 2.x대 버전의 가장 큰 차이점은 더 이상 ie 6,7,8 버전을 지원하지 않는다는 것입니다. 대신 용량은 2.x버전이 더 작습니다. 하지만 아직 ie 6,7,8 버전의 사용자들이 많으므로 1.x 대로 사용하시는 것을 추천합니다. 아래 그림을 보면 compressed 된것과 uncompressed된것 두 종류가 있습니다. 압축된 형태와 압축되지 않은 상태인데요 압축된 형태는 코드를 보기가 힘들고 압축이 안된 것은 코드가 보기 쉽도록 되어 있습니다. 웹개발자로 jQuery코드를 분석하고 살펴봐야 한다면 압축안된 형태를 다운로드 받으시면 됩니다. 용량은 압축된 형태가 작겠죠^^ 빨간 체크박스가 있는 곳을 눌러 다운로드를 받습니다. jQuery라이브러리는 위에처럼 직접 다운로드 받아서 사용하는 방법과 CDN방식이 있습니다. CDN방식으로 이용하려면 HTML파일에 아래와 같은 코드를 삽입하면 됩니다. 파란색 코드를 복사해서 HTML에 넣습니다. 자 그럼 간단한 코드를 jQuery를 이용해 작성해 보겠습니다. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR"> <title>Insert title here</title> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#box").slideDown(1000); });</script></head><body><div id="box" style="display: none"> <img src="jhta.jpg"></div></body></html> "jhta.jpg" 라는 이름의 이미지를 html파일과 같은 경로에 넣고 위와 같이 작성후 실행시켜 보세요. 이미지가 위에서부터 아래로 펼쳐지면서 보일것 입니다. 단 몇줄의 코드로 멋진 애니메이션과 같은 효과가 나타나네요!^^ 이것으로 오늘의 IT다이어리는 마무리 하겠고요~여러분들도 간단하니까 한번 따라해보시기 바랍니다.그럼 다음에 또 새로운 제이쿼리 이야기를 들고 오도록 하겠습니다!감사합니다. ^^<저작권자(c)중앙에이치티에이(주). 무단전재-재배포금지>

2014-05-16

[A-컬럼]WIDI 기능을 활용한 무선디스플레이 연결방법

WIDI 기능을 활용한 무선디스플레이 연결방법 혹시 알고 계셨나요?최근에 출시되고 있는 인텔기반의 노트북 또는 태블릿PC에서는 기본적으로인텔 WIDI라는 무슨디스플레이 기능을 제공하고 있습니다.WIDI로 영상송출이 가능한(노트북, 태블릿 등) 디바이스가 있다면 화면을 받아줄 수신 디바이스도 필요하겠죠?최근에 출시되는 스마트TV와 스마트프로젝터에서 WIDI 지원을 하는 제품들이 있으며,WIDI 수신기를 별도로 구매한다면 기존 TV와 프로젝터 등에서 활용이 가능 합니다.WIDI?WIDI(Wireless Display)는 무선으로 화면을 공유하는 어쩌구 저쩌구... 간단히 얘기하면 WIDI가 지원되는 디바이스는 서로 무선으로 화면을 공유할수 있다는 얘기 입니다..먼저 WIDI를 사용하기 위해서는,1. 당연히 WIDI를 지원하는 기기가 필요하며2, 무선인터넷 환경이 구축되어야 하며3. 인텔에서 제공하는 WIDI프로그램이 노트북 또는 WIDI지원 기기에 설치가 되어 있어야 합니다.<WIDI가 지원되는 프로세서 종류>m ComponentRequirementProcessorONE of the following mobile processors:3rd generation Intel® Core™ Processor: all mobile processors3rd Generation Intel® Core™ i7 Processor: 640M; 660LM; 640LM; 620LM; 620M; 610E; 690UM; 680UM; 660UM; 640UM; 620UM; 660UE; 3610QM; 3770T; 3820QM; 3840QM; 2710QE; 2820QM; 2720QM; 2635QM; 2630QM; 2657M; 2649M; 2629M; 2620M; 2617M; 2540M; 2520M; 2510E; 2640LM; 2620LM; 2630UM; 2610UM; 2530UM; 2920XM3rd Generation Intel® Core™ i5 Processors: 580M; 560M; 540M; 520M; 480M; 460M; 450M; 430M; 580UM; 560UM; 540UM; 520UM; 470UM; 430UM; 2540M; 2520M; 2410M; 2537M; 2430M; 2435M, 2450M; 2467M3rd Generation Intel® Core™ i3 Processors: 390M; 380M; 370M; 350M; 330M; 330E; 3110M; 3120M; 3240; 3240T; 3217U; 3225; 3229Y; 3220; 3220T; 2310E; 2310M; 2312M; 2328M; 2330E; 2330M; 2340UE; 2348M; 2350M; 2357M; 2365M; 2367M; 2370M; 2377MGraphicsIntel® HD GraphicsWirelessONE of the following: Intel® Centrino® Wireless-N 1000, 1030, 2200, or 2230Intel® Centrino® Wireless-N 2200 for DesktopIntel® Centrino® Advanced-N 6200, 6205, 6230, or 6235Intel® Centrino® Advanced-N 6205 for DesktopIntel® Centrino® Wireless-N + WiMAX 6150Intel® Centrino® Advanced-N + WiMAX 6250Intel® Centrino® Ultimate-N 6300SoftwareIntel® My WiFi Technology (Intel® MWT)2 and Intel® Wireless Display1 must be pre-installed and enabled.OSWindows 7 (64-bit)*, Home Premium, Ultimate or ProfessionalWindows 7 (32-bit)*, Home Premium, Ultimate, Professional or BasicWindows 8* 32-bit and 64-bit editions TV AdapterIntel WiDi-ready Devices요약 하자면, 본인의 노트북 CPU가 위 표의 Processor 부분에 포함되고 내장그래픽 카드를 사용 하고 Windows7 이상의 운영체제를 사용 한다면 WIDI 기능이 구현이 가능합니다.와이다이 연결하기그러면 실제로 WIDI기능을 사용 해 보겠습니다.시연에 사용된 디바이스는 삼성 스마트PC 아티브 프로와 LG 스마트TV 입니다.LG 스마트TV 42LM6400 모델입니다.. 삼성이던 소니던 외부입력 목록은 대부분 유사하니 설정에 큰 어려움은 없습니다.먼저 WIDI기능이 작동 하고 있는지 설정 메뉴를 확인 합니다.(LG기준)WIDI가 네트워크 기반 기술이다 보니 네트워크 항목에 설정메뉴가 있습니다.(LG 기준)LG 스마트TV에서는 Wi-FI Screen Share 라는 이름으로 항목이 구성되어 있습니다. 기능을 켜짐 으로 변경합니다.이제 삼성 스마트PC 아티브 프로를 셋팅할 차례 입니다.앱 항목에 보면 Inter(R) WiDi 가 있습니다. 실행합니다.만약에 WiDi 프로그램이 목록에 없다면, WiDi를 검색 해보면 프로그램이 나옵니다.그래도 없다면 SW업데이트 앱을 실행 합니다. 삼성 스마트PC 아티브 프로는 삼성에서 제공하는 SW업데이트 프로그램으로 손쉽게 WiDi프로그램 설치가 가능 합니다.와이다이 프로그램 로딩화면 입니다.와이다이 프로그램이 실행되면 자동으로 WiDi지원 어댑터를 검색합니다.조금 기다리면 LG 스마트TV가 검색 됩니다.연결을 누르면 TV화면에 변화가 생깁니다. 두근두근.잠시 기다리면 컴퓨터에서 연결 요청을 수락하십시오... 라는 멘트를 보실 수 있습니다.삼성 스마트PC 아티브 화면을 보면 DLNA 디지털 미디어 플레이어에서 공유하도록 허용하시겠습니까? 라는 답이 정해진 질문을 합니다. "예"를 누릅니다."예" 를 누르는 순간, 스마트TV에 무선으로 화면이 공유되는 역사적인 장면을 볼 수 있습니다. 이때 WIDI프로그램을 종료하면 안됩니다.(WIDI기능도 꺼집니다, 작업표시줄에 내려두시면 됩니다)당연한거겠지만 인터넷 화면이던,동영상 화면이던,삼성 스마트PC 아티브의 화면을 그대로 보여줍니다.다만 무선방식의 특성상 1~2초의 딜레이는 발생 합니다. 사용에 큰 지장을 줄 정도는 아닙니다.영상뿐만 아니라, 대용량의 사진들도 스마트TV에 비해 빠른 속도로 감상이 가능합니다.혹시나 스타크래프트2 군단의 심장을 실행 해봤지만.. 역시 스마트TV로는 화면이 전달 되지 않습니다.그래서 LOL을 한번 실행해 봤습니다.역시 에러를 뿜으면서 실행되지 않습니다. 아무래도 무선전송으로는 빠른화면을 처리해야 되는 게임구동은 힘든것 같습니다.간단하게 삼성 스마트PC 아티브 프로와 WiDi를 통한 화면 공유 방법을 확인 해 봤습니다.물론 아티브 뿐만 아니라, 위에서 언급한 와이다이 기능이 지원되는 노트북이나 관련 디바이스를 가지고 있다면,무선으로 화면연결이 가능합니다.특히 요즘 나오는 울트라북 들은 경량화를 위해 마이크로 Hdmi 단자를 사용하거나, 아얘 외부출력 단자가 없는 경우가 있던데,최근 나오는 울트라북들의 CPU는 인텔 와이다이 기술을 대부분 지원하고 있으니 WIDI환경으로 디스플레이를 공유하는 방법도 고려해볼만합니다.만약에 TV나 모니터, 프로젝터에서 WiDi를 지원하지 않는다면 별도로 WiDi 수신기를 구매해서 이용이 가능합니다.특히 삼성 스마트PC 아티브나 유사한 태블릿PC를 사용하고, 프로젝터에 화면을 쏘면서 회의를 하거나 강의를 하는 직종에 있다면,WiDi수신기를 하나 장만 하는것도 좋을것 같습니다.회의장이나 교실을 이동하면서 회의를 진행하고 수업을 진행할 때의 편리함은 해보지 않으면 모르죠 ^^;WiDi수신기는 약 10만원 내외의 제품들을 구매해도 무난하게 사용이 가능하며 D-Link나 넷기어 제품을 많이 이용하는듯 합니다.아직은 1~2초의 딜레이와 간혹 발생하는 연결끊김, 게임과 같은 작업환경에서는 아직 불안정 하지만,이런 부분들이 해결 된다면 상당히 편리한 시대가 올 것 같습니다.벌써 부터 스마트폰에 WiDi기술을 탑재하기 위해 협의 중이라니, 조만간 스마트폰의 화면도 손쉽게 TV와 프로젝터로 볼 수 있는 날이 오지 않을까요?[참조]Intel WiDi 홈페이지http://www.intel.com/content/www/us/en/architecture-and-technology/intel-wireless-display.htmlIntel WiDi 프로그램을 받을 수 있느 페이지(본인에게 해당되는 윈도운 버젼의 WiDi 프로그램을 다운로드 하면 된다.)http://www.intel.com/content/www/us/en/search.html?toplevelcategory=Support%2FSPT+Downloads+%26+Drivers&storeKeyword=widi+download&lstLanguages=en_us&contenttype=&advanced=false&editAdvanced=false&allwords=widi+download&exactwords=&nonewords=&topicarea=

2014-01-15

[A-컬럼]웹접근성이란?

오늘은 웹접근성에 대해서 알아보도록 하겠습니다. 웹접근성이란?장애인 차별금지법’이 2008년 제정된 이후 2013년 이후에는 민간기업에 적용되게 되었습니다.장차법의 확대시행으로 이제 온라인 쇼핑몰,포털등 국내 민간 법인은 모두 웹접근성 준수를 의무화해야 합니다. 이에 따라 과거와 다르게 웹접근성에 대한 관심이 매우 커졌습니다. 특히 병원 등 의료기관이라면 장애인차별금지법에 따라 의무적으로 웹접근성을 준수해야 하며, 이를 어길시 최대 약 3000만원의 과태료를 지불해야 합니다. 웹접근성의 정의는 웹접근성을 적용하는 기관에 따라 차이가 있는데 한국정보화진흥원에서는 아래와 같이 정의하고 있습니다. “어떠한 사용자(장애인,노인등),어떠한 기술환경에서도 사용자가 전문적인 능력없이 웹사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것” 쉽게 말해 더불어 살아가는 세상에 장애를 가진뿐만 아니라 모든 사람들이 정보통신 기기나 서비스를 손쉽게 활용 할 수 있도록만드는 것을 말합니다. -한국정보화진흥원의 웹접근성 연구소- 웹접근성에 고려되어야 할 사항 시각실명, 색각 이상, 다양한 형태의 저시력을 포함한 시각 장애 이동성파킨슨병, 근육병, 뇌성마비, 뇌졸중과 같은 조건으로 인한 근육 속도 저하, 근육 제어 손실로 말미암아 손을 쓰기 어렵거나 쓸 수없는 상태 청각청각 장애 발작깜박이는 효과나 시각적인 스트로보스코프를 통해 일어나는 간질성 발작 인지문제 해결과 논리 능력, 집중력, 기억력에 문제가 있는 정신 지체 및 발달 장애, 학습 장애 (난독증, 난산증 등) 위처럼 기본적으로 장애인 위주로 고려하는 부분이 있으나, 폭 넓게 본다면 일반인에게도 적용 할 수 있고 좀 더 편리하게 이용 할 수 있는부분도 고려 할 수 있게죠? 웹접근성 인증 획득 웹접근성 인증획득에 필요한 자동화 검사기를 이용해 사이트를 심사하고 소프트웨어를 통한 검사에서 98%이상의 준수율이 나오면 준수로 판단합니다. 하지만 공식인증은 1차 전문가 심사와 2차 사용자심사로 나눠지며 전체 획득 절차를 통과하면 인증마크가 부여됩니다. 웹접근성 인증마크는 웹 사이트를 운영하는 기관 및 기업에게 웹접근성 품질에 대한 사용자들의 인식을 제고할 수 있고,사이트 점검을 통해 문제점을 발견해 지속적으로 웹 접근성의 품질을 유지하고 향상시키는 효과를 기대할 수 있습니다 인증의 유효기간은 1년이며 매년마다 갱신이 필요 합니다. 물론 갱신료는 다소 발생 합니다. 장애인 차별금지법으로 인한 웹 접근성은 의무화 되었지만 아직 국내웹사이트의 대응은 미흡한 편입니다. 또한 민간업체인경우 웹접근성에 대한 인식부족과 그에 따른 준비도 부족한 편입니다. 이제부터라도 웹접근성에 대한 이해를 바로 하고 이에 대한 방안을 준비해야 할 것입니다. 웹접근성 교육은 중앙HTA에서 몇차례 진행 하였는데요. 주로 프로그래머 등을 대상으로 웹 접근성 준수 실무기법을 습득 할 수 있는 실무 교육 입니다. 이해를 좀더 돕기 위해 한국정보화 진흥원에서 제작한 홍보영상을 참고 하도록 하겠습니다. 다소 부족한 내용이지만 점점 세상이 편리해지고 그 편리성을 공정하게 누리기 위함은 분명 IT의 올바른 발전 이라고 생각합니다. 웹의 힘은 그것의 보편성에 있다. 장애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다 -팀 버너스 리 경 - 웹 창시자-

2014-01-01

[A-컬럼]스마트워치 전격 분석

스마트워치 전격 분석? 가장 인기있는 스마트워치 제조사 3개 기업에서 출시한 스마트워치에 대해 각각 알아보는 시간을 가져 보겠습니다. SONY | SAMSUNG | COOKOOWATCH 1. SONY ‘더욱 스마트한 모습, 디자인으로 압도한다 소니 스마트워치2’ 소니워치의 장점은 바로 디자인!!고급스러운 블랙 색상으로 언제 어디서나 자연스러운 화합과 정장에도 잘 어울리는 디자인시계 테두리가 알루미늄 재질로 되어 있어 금속의 차가운 느낌까지 스마트워치2는 안드로이드 4.0 운영체제에서 구동되는 제품입니다. 충전형 베터리를 가지고 있으며 최소 3일에서 최대 1주일까지 한번 충전으로 사용가능한 제품이죠 장점은 극강의 디자인!! 그리고 기능적인 부분은 일반 스마트워치에서 사용할 수 있을 거라고 생각되는 평범? 하다고 해야할까요? ^^ 메시지 확인, 수신알림 확인들이 가능합니다. 2. SAMSUNG ‘갤럭시를 럭셔리하게 갤럭시 기어’갤럭시 기어는 안드로이드와만 연동되는 스마트 시계입니다. 갤럭시 기어는 스마트워치라기 보단 스마트폰 축소판? 이라고 해도 좋을 것 같은데요. 스마트폰에서 사용되는 거의 모든 기능들을 사용할 수 있습니다. 특히 190만화소에 이르는 사진촬영, 동영상 기능까지 가지고 있다는 점!! 통화도 가능하다는점!! 메시지도 읽을수 있고!! 날씨도 확인된다는 점!! 보다 많은 기능 !! 갤럭시에게 최적화!! 한국인에게 최적화? 겠죠? ^^ - 새로운 스마트기기를 먼저 갖는다는 즐거움- 만보계 기능으로 하루에 얼마나 걸었는지 확인- 스마트폰과 일정거리 이상 떨어지면 진동 알림- 문자를 휴대폰으로 볼지, 시계로 볼지 고민하게 만드는 그런 시계 3. COOKOO WATCH '아날로그 시계를 채용한 쿠쿠워치‘블루투스 기술을 이용하여 스마트폰이 보이지 않는 상황에서 각종 이벤트나 알림, 메시지등을 알려주는스마트 워치!! 얼핏 보면 아날로그 바늘 시계로 보이는 디자인으로 바탕화면에는 각종 아이콘을 배치하였고, 깔끔한 디자인이 인상적입니다. 아이폰과 안드로이드 폰 모두 연결이 가능하며 전화알림, 메시지 알림, 스케줄알림등은 물론이고 페이스북과 트위터도 연동으로 알림을 설정할 수 있답니다. 단점으로는 국내산 앱인 밴드, 카카오톡등은 사용할 수 없다는 것 ㅠ.ㅠ그리고 충전식 배터리가 아닌 갈아줘야 한다는 점 ㅠ.ㅠ 이 있네요쿠쿠워치는 메시지나 일정등에 대해 알림을 해주는 역할을 할뿐 메시지를 읽거나 수정할 수 없다는 것도꼭!! 알아두셔야 합니다. 비교 비교 소니 스마트워치 2 : 페어링 중, 기능 중, 디자인 상갤럭시 기어 : 페어링 중, 기능 상, 디자인 중쿠쿠워치 : 페어링 상, 기능 하, 디자인 상 결과적으로 소니 스마트워치는 평범한 디자인 좋은 제품갤럭시기어는 기능이 좋은 제품쿠쿠워치는 페어링과 디자인의 제품 하지만 기능이 꽝~ 이라는거 ^^ 이상!! 스마트워치 전격 분석이였습니다.

2013-12-26

[A-컬럼]이미지 편집을 간단하게!!

간단한 이미지 편집툴을 사용하여 사용자 편의에 맞게 이미지를 조정 할 수 있습니다. 이번에 소개할 내용은 "포토스케이프" 무료 툴로서 사용 편의가 높은 편입니다. 많은 분들이 사용하는 기능 몇가지를 소개 해보겠습니다. 오늘 소개할 내용은 1. 사진 크기 동일하게 편집2. 워터마트를 표시3. GIF(움직이는사진) 만들기 준비물1. 포토스케이프(네이버에서 검색하면 나옵니다 ^^)2. 여러장의 사진 자 그럼 시작해 보겠습니다. 1. 사진크기 동일하게 편집 하기 포토스케이프를 시작하고 상단 왼편에 위치한 일괄 편집을 클릭! 합니다. 해당화면으로 넘어가면 사진추가를 눌러 사진을 추가 해줍니다. 여러장을 한번에 선택해야겠지요~? ^^ 사진을 열었다면 크기조절 부분을 통해서 원하는 크기 방향을 설정! 원하시는 크기를 입력해주시면 사진크기 설정이 끝납니다. 2. 워터 마크 넣기 일괄 편집에서 굳이 나갈필요 없이 오른쪽 상단에 개체부분을 체크 합니다. 사진 부분을 클릭하면 원하시는 사진을 해당사진 위에 놓을수 있습니다.(포토샵으로 따지면 레이어 개념이라고 이해하시면 됩니다 ^^) 원하시는 사진을 열기 첨부한 사진 부분에 옆을 보시면 연필 모양이 있는데요이부분에서 사진을 편집 할 수 있습니다. 연필 부분을 누르고투명도 설정~위치 설정을 합니다. 작업을 마치셨으면 저장을 눌러 주시면 모든 사진이 일괄 편집되신 모습을 보실수 있습니다. 자 다음은~ GIF 파일 만들기 입니다. 3. GIF 파일 만들기 포토스케이프를 열고~ 오른쪽 중단에 GIF애니메이션 을 클릭 사진 추가 부분을 누르시고 GIF 파일로 연동할 파일을 열어 줍니다. 표시 시간 변경을 통해서 한페이지별로 보여줄 시간을 설정합니다.포토스케이프의 경우 1/100 초로 설정되오니 100을 입력하시면 1초가 되겠네요 ^^ 전환 효과 변경을 통해서 원하시는 효과를 입력 할 수 있습니다. GIF 특성상 사진크기가 같이야 하므로 해당 체크부분을 통해서 사진 크기를 동일화 시킬수 있습니다. 마지막으로 저장을 하시면 완료 됩니다. 전 전환 효과를 아래로~ 로 설정을 했기 때문에 사진들이 위에서 아래로 움직이는걸 확인 할수 있습니다.시간은 1초로 설정 했습니다 ^^ 여기까지 간단한 이미지 편집이였습니다. 그 동안 GIF파일을 만들기 위해서 포토샵을 열고 로딩을 기다리며파일폴더를 따로 만들고 애니메이션 효과를 주기 위해서 약간은?복잡한 시간을 보내셨다면~ 빠르고 쉽게 이미지 편집을 원하시면다면~포토스케이프를 추천 드립니다 ^^

2013-12-11

[A-컬럼]정보 전달은 인포그래픽으로!!

정보 전달은 인포그래픽으로!! 학창 시절 본인을 가르치시던 선생님, 교수님들이PPT 자료를 그림하나 없이 글로 빼곡한 자료로 강의를 할 때 어떠셨나요?꾸벅 꾸벅 졸기 바뿌셨죠? ^^ 헌데, 여러분이 지금 만들고 사용하시는 PPT는 어떠한가요?그 당시 나를 졸리게 만들었던 그 PPT처럼글로 가득차 있는지는 아니온지요? 그래서 준비했습니다.오늘의 A컬럼은 인포그래픽입니다. 인포그래픽이란 뭘까요?? 인포그래픽이란? 인포그래픽은 인포메이션과 그래픽의 합성어로서 자료, 지식등을시각적으로 정보화화는 것입니다. 다른 말로는 정보디자인 or 데이터시각화 등으로 불리기도 하죠 다들 인포그래픽이라는 단어가 왠지 익숙한 것 같으면서도 생소 하시죠?? 약간 생소할 수 있는 인포그래픽은 우리 생활속에는 아주 깊숙이 박혀 있답니다. 여러분이 매일보고 타는 지하철에 인포그래픽이 쏘~옥~ 박혀 있는데요~ 왠지 많이 본 그림 같지 않으신가요? ^^지하철 노선도는 선(그래픽)과 역이름(자료)을 이용해서 보다 보기 쉽게 시각화하여 표현되어 있죠? 한때 엄청 유행했던 당신의 뇌구조는? (빅뱅의 뇌구조라네요 ^^)이 또한 인포그래픽의 한 장르라고 볼 수 있습니다. 하늘을 배경으로 날씨와 온도 등을 이미지화함으로서 한눈에 정보를 알 수 있죠 지도를 활용하면? 이렇게 지도를 이용하게 되면 정확히 어디 어디 명칭을 하지 않아도단번에 동해, 남해 부근이 청정지역이구나 라는 걸 알 수 있죠. 이렇게 인포그래픽의 특징은 여러 가지의 정보를 한눈에 한번에 볼 수 있다는 점이 장점이죠 그리고 텍스트로 표한할 때 보다 시각화 표현을 할 시 상대의 이해력을 높이는데 도움이 될 수 있습니다. 이렇게 인포그래픽은 어떻게 사용하느냐? 어떤 사고를 가지느냐에 따라서 창작과 표현을 이루어 낼 수 있습니다. 특히 IT 업계는 많은 기획과 설계, 개발이 이루어지는 직종입니다. 인포그래픽을 이용하면 그 동안 어렵게 느껴졌던기획서를 간단하게 나의 생각을 이미지화하여 표현 할수 있습니다. 내가 기획하는 대상에 대하여 색을 넣는 것 만으로도 퍼센트를 표현 할 수 있고 점과 색을 이용해서지역에 대한 분포도를 한눈에 알아 볼 수 있죠 이렇게 인포그래픽은 정보에 대한 시각화를 통하여 일방적인 소통에서 이해와 소통의 장으로 활용 될 수 있는 하나의 장르입니다. 알게 모르게 많이 사용되었지만 최근에 화두가 되며 떠오르고 있는 인포그래픽여러분도 도전!! 해 보세요 ^^ 조금만 고민하고 노력하면 상대에게 좀더 좋은 정보를 표현 할 수 있습니다.

2013-12-02

[A-컬럼]스팸전화 강력하게 대응해 보자!

오늘은 문뜩 스팸전화에 시달리다...무엇가 복수를 해봐야겠다는 심정에 이 글을 씁니다. 아마도 다들 경험이 있으시겠지만... 핸드폰 번호를 위장한 전화번호로 3~4번 벨이 울린 후 전화가 끈기죠. 비지니스 정신이 투철한 저는 부재중 전화번호를 보고 전화를 합니다. 음악이 흘러나오면서 이런 멘트가 나오죠. "야릇한 대화를 원하시면 XXX-XXXX 전화 주세요" 혹은 "느림느림~ 물레~카이티~최신형 핸드폰으로 바꿔 드려요" 아까운 전화통화료와 속았다는 감정의 쓰나미가 몰려 옵니다. ㅠㅠ 스팸전화 한놈 하와이 보내고 싶죠 ㅠㅠ 아무튼 이들을 일벌백계 할 수 있는 방법을 알려 드립니다. 방법은 바로 투철한 신고정신! 한국인터넷진흥원에서 운영중인 스팸대응센터 www.spamcop.or.kr 접속 후 상단에 스팸신고 상담을 클릭 합니다. 방법은 아주 간단 합니다. 전화(휴대폰)스팸 클릭~ (참 상단에 간편신고 프로그램 스팸캅을 설치하면 더욱더 편리 합니다) 하와이 보낼 준비를 합니다. 작성 합니다. 증빙은 부재중 전화화면 캡쳐 화면 정도면 되겠군요... 작성완료 신청 누르시면 끝~ 상단에 신고결과 확인을 누르면 놈을 상태를 알 수 있습니다.신고했던 자신의 정보를 입력해 주시면~ 위와 같이 신고 접수 결과를 확인 할 수 있습니다. 처리절차와 과태료 부과절차는 아래와 같습니다. 과태료 부과절차 처리절차 앞에서 말씀드린 스팸캅을 설치하면 더욱 더 빠른신고와 확인을 할 수 있습니다.<스팸캅 실행장면> 우측 상단의 설정 이미지를 누르면 신고내역을 확인 할 수 있습니다. 물론 이 방법이 얼마나 큰효과가 있을건지는 아래 뉴스에 내용을 참고 하시면 됩니다. 딱히 큰효과를 주지 못할거 같은 기대감이 오긴 하나... 최소한 저 기록은 사라지지 않는다는 겁니다. 언제가는 과태료는 내거나, 법이 좀 더 강화가 되겠지요~ 잠이 오기전에 살짝쿵 스트레스를 여기에 푸는군요... 스팸에 시달리는 모든 이들에게 달콤한 복수가 되기를 기원하며 마무리 합니다. 감사합니다. H

2013-11-26

[A-컬럼]특이한 프리젠테이션 방법

나만의 프리젠테이션 이번에는 안드로이드 기반 스마트폰을 프리젠테이션 리모컨으로 활용하는 방법을 소개하고자 한다. 나만의 특별한 프리젠테이션을 진행하고 싶다면 두가지 방법이 있다.첫번째. PPT자료를 특별하게 만들것.(프레지나 키노트를 많이 활용한다)두번째, 발표를 특이하게 할것.(손짓 발짓이나 특이한 장비를 활용하는것)이번에 설명할 내용은 어쩌면 두번째에 속할수 있겠다.현재 안드로이드 마켓에서 PPT 리모컨으로 검색하면 다양한 앱들이 나온다.아무래도 무료면 좋겠지...앱들마다 약간의 특색이 있는데, 노트북이나 태블릿PC에서 활용할 예정이라면 주의해야 할 점이 있다.바로 "반응속도"대부분의 앱들이 네트워크망을 활용하게 되는데, 발표프로그램을 구동하는 노트북이나 태블릿PC야 그렇다고 쳐도,스마트폰의 경우는 WIFI 또는 3G/4G망을 이용하게 되면 불가피하게 버튼을 클릭하는 순간과 슬라이드가 넘어가는 순간의딜레이가 발생 할 수 밖에 없다. 또한 갑작스런 네트워크 장애가 발생하면 수습하기가 어려워 진다.(프리젠테이션 진행중에 흐름이 끊기는만큼 치명적인 오류가 또 있을까..)그래서 필자는, 가급적이면 블루투스로 연결되는 리모트앱을 선호하는데, 그중에서 블루투스 드라이버의 특성을 크게 받지 않는 앱이 있어 소개하고자 한다.이름부터 프리젠테이션을 겨냥한듯한 "발표앱"이다. 발표앱으로 나만의 프리젠테이션을! 구글 플레이스토어에서 "발표앱"으로 검색하면 나온다.발표앱도 네트워크망을 활용하여 접속할 수 있지만, 블루투스로 연결하는걸 권장한다.발표앱의 장점이자 단점은 바로 "심플함"이다. 2010년경에 만들어진 앱답게 간단간단한 UI가 특징적이다.특히 그간에 업데이트가 거의 없었다. 약 2년전에 만들어진 앱이 특별한 업데이트 없이 아직까지 작동하다니..(필자는 현재 삼성 스마트PC 아티브 프로에 윈도우8, 스마트폰은 삼성 갤럭시S3 사용중이다)발표앱의 특징을 정리하자면 다음과 같다.1. 네트워크 및 블루투스로 연결이 가능하다.(연결이 간편)2. 슬라이드 노트내용을 스마트폰에서 확인이 가능하다.3. 타이머 기능.4. 마우스컨트롤이 가능.설치발법은 제작자의 홈페이지에 상세히 설명되어 있다.제작자 하이큐 홈페이지 : http://hiiq.tistory.com발표앱을 사용하기 위해서는 스마트폰에 앱을 설치해야 하며,프리젠테이션 파일을 구동할 PC에도 서버프로그램이 설치되어야 한다.* 당연한 얘기지만, 연결할 PC와 스마트폰은 블루투스로 한번이라도 페어링이 되어 있어야 한다.먼저 서버프로그램을 실행한다. 서버프로그램도 심플하다. 서버프로그램은 제작자 홈페이지에서 내려받을수있다.원하는 접속방법을 선택하고 서버시작을 누르면 대기상태가 된다.스마트폰에서 앱을 실행한다. 지금은 블루투스로 연결하기 위해 첫번째줄 우측의 블루투스 아이콘을 클릭한다.스마트폰에 블루투스가 꺼져 있다면 켜야 된다는 안내문구다. "예"를 클릭하여 블루투스를 켠다.간단한 사용법 안내. 연결을 클릭한다.연결을 누르면 어느장비에 연결할지 선택창이 나온다. 접속할 PC를 선택한다.(만약 스마트폰과 PC가 페어링 된적이 없다면 리스트에 나오지 않는다. 이럴경우 블루투스 페어링을 먼저 진행후에 다시 연결한다)연결이 완료됐다. 이 상태로 그냥 버튼을 클릭하면 사용할 수 있다. 첫번째줄 좌측부터 첫슬라이드, 노트보기, 타이머, 맨끝슬라이드. 두번째줄 좌측부터 이전,다음 버튼. 두번째탭 마우스를 클릭하면, 노트북의 터치패드처럼 마우스기능을 사용할 수 있다.슬라이드 노트가 나오지 않는다고? 슬라이드 노트를 보기 위해서는 서버프로그램의 PPT선택으로 해당 PPT를 열열어야 정상적으로 표현된다.슬라이드 노트가 정상적으로 보인다.노트 글자 크기는 설정에서 조정 가능하다.설정화면에서는 클릭시 진동설정과 연결할 PC의 아이피주소, 마우스속도 등을 조절할 수 있다. 마치며 간단하게 스마트폰을 이용해서 프리젠테이션을 진행하는 방법을 알아 보았다.아쉬운건 개발자의 후속지원이 전혀 없다.개발자 홈페이지에도 별 피드백이 없으며, 덧글을 달아도 반응이 없다.몇가지 기능만 개선되면 참 편하게 쓸텐데... (노트보기 화면개선, 마우스기능 개선 등)어쩌면 개발자 본인도 잊고 있는건 아닐까...여튼, 이렇게 편한 앱을 개발해준 개발자에게 감사의 마음을 가지며 이번 컬럼을 마치고자 한다.PS. 해당앱으로 발표시 질의응답시간에 프리젠테이션 내용의 질의보다, 저게 뭐냐 어떻게 한거냐는 질문이 더 나온다는 부작용이... write by O <저작권자(c)중앙에이치티에이(주). 무단전재-재배포금지>

2013-10-25

[A-컬럼]미래의 컴퓨터

미래의 컴퓨터는 어떤 모습일까? 비약적인 기술의 발전을 통해 IT분야의 기술은 눈부시게 발전해 왔다. 특히 컴퓨터의 발전은 엄청난 발전과 편의성으로 우리앞에 다가와 있다. 1976년도 애플의 최초 개인용 컴퓨터 -과거 우리나라 최초 컴퓨터 광고지- 40년도 지나지 않아 엄청난 발전이다. 아마도 몇십년 아니, 몇년사이에 영화에서나 나올법한 컴퓨터는 실제로 보게 될 것이다. -영화 오블리비언의 한장면- 특히 2010년부터 터치형 단말기 형태의 스마트폰, 스마트 템플릿 등 다양한 크기의 PC형 단말기가 공급되고 있다. 또한 한단계 나아가 화면출력 방식 및 입력방식의 다양한 기술의 전목 되면서 그 편의성과 기능성을 사람에 좀 더 윤택하게 다가오고 있다. -고릴라AR의 버추얼 버튼 시연장면- 버추얼 버튼으로 특정화면 및 동작을 인식하여 눈에 보이지 않아도 키보드 처럼 입력 출력 할 수 있는 기술중에 하나다. 또한 그 출력방식 또한 발전을 거듭해 UHD를 넘어, 홀로그램(Hologram)의 시대가 곧 대두 될 것이다. 아래 영상을 잠시 감상해 보자. -소녀시대 홀로그램 연출- 그렇다! 어릴적 스타워즈에 봤던 미래가 다가오고 있다. -영화 스타워즈의 한장면- -영화 아바타의 한장면- 특히 소니에게 제시하고 있는 미래형 컴퓨터는 실제로 곧 우리앞에 나타 날 것이다. -소니의 미래 컴퓨터 모습- 손목시계 형태의 접히는 화면!!! 홀로그램 키보드!! 미래의 컴퓨터가 실제 판매되고 있기도 하다. 캐나다 MWELAB 에서 실제로 상용화 하여 만든 Emperor 시리즈 컴퓨터 매니아라면 정말 탐나는 물건이다 인체공학적인 시트와 다양한 멀티미디어 시스템 LED조명에서 좌우 암레스트.. 반원형상의 프레임은 단계별로 위치 선정을 할 수 있다. 컴퓨터 좋아하는 사람이라면 누구나 갇고 싶은 장비을 것이다. 가격은 사향마다 다르긴 하나 5,950 달러에서 49,150 달러면 구입 할 수 있다. 미래의 컴퓨터는 미디어 생태계(Media Ecosystem) 구축기술과 바이오 기술과 융합된 인간에게 없으면 안될 하나의 장치가 될 것임은 분명하다. 미래의 언젠가 스마트폰이 사라질 것이며 미래의 컴퓨터는 휴대성을 고려한 인체형 컴퓨터와 하이테크를 기반으로 고성능 컴퓨터로 발전되지 않을까 싶다... 나름 얼리어탑터로 살았다고 자부하나...요즘들어 자꾸 아날로그에 손이 가는 이유는 무엇일까? 분명 디지털이 줄 수 없는 무엇가가 있기 때문이다. -컬럼이라 보기보다 사진소개 정도의 내용이니 태클은 사절- write by H

2013-10-03

A Column