Kinesis´s Open Document

Three.js 를 이용한 WebGL 살펴보기. 무려 "Getting Started"으로만 3일째 정리 글이다. 회사를 퇴근하고나서 실험해보고 연습하다 정리를 하려니 진도가 많이 나가지는 못한다. 태풍 볼라벤이 수도권에 영향을 직접적으로 끼치고 간 날이기도 한 오늘 "Getting Started" 에 사용된 자바스크립트 함수나 변수를 간단히 살펴보고 마무리 지어보도록 하자. 비쥬얼 스튜디오와 IE9 (Internet Explorer 9) 를 이용해 디버깅을 시도해 보았다가 재대로 지원하지 못해 오류를 띄우는 관계로 다소 생소한 크롬 개발자도구를 이용해 분석 및 살펴보기에 들어갔다. 먼저 『 THREE.WebGLRenderer() 』 함수를 살펴보았다. 최소화 되어 있는 min.js 이다보니 암호화 및 모..

Three.JS 를 이용하여 큐브 모양세를 만들어내는 것까지는 확인 했다. Getting Started 내용을 정리하면 장면을 렌더링하기 위해서는 "첫째, 장면을 준비해야하고, 둘째 카메라를 준비하고, 셋째 개체를 생성하고, 넷째 빛을 준비하여야 한다." 라는 내용으로 정리가 된다. 그럼 실질적으로 어떤 변화가 있을까? 크롬브라우저의 Console 을 이용해 스크립트를 크게 장면초기화, 객체 생성, 렌더링의 3단계로 나누어 확인을 해보기로 했다. 우선 빈 페이지를 준비해서 장면을 초기화 하는 소스를 입력할 준비를 했다. 장면을 초기화 시키는 스크립트를 실행하고 나니 body 안에 canvas 요소가 생성이 된 것을 확인 할 수 있었다. 별도의 하위 엘리먼트 같은거는 존재하지 않는다. 카메라, 객체(오브젝..

웹 영역이 점점 넓어져 이제는 3D 영역 까지 삼켜가고 있다. 아직까지는 소프트웨어와 웹 영역이 구분이 되어 있지만 이것도 조만간 10년 이내에 웹 영역으로 많은 부분 흡수되어 트렌드의 전환이 이루어질 것 같다. 물론 이러한 것은 HTML5 과 함께 모습을 드러내기 시작한 WebGL 및 웹 소켓등과 같은 신기술의 등장이 있었기 때문이다. 그러나 사실상 현재로서는 이 WebGL 과 웹 소켓 및 HTML5 등이 완벽하지는 않다. 웹브라우저의 호환성등의 이유로 인해 발목잡혀 있기 때문이다. 더욱이 브라우저 사용율 90% 가량이 인터넷 익스플로러로 웹 호환성에서 가장 취약한 브라우저를 이용하는 우리나라는 더욱 말할 것도 없다. 인터넷 익스플로러에서 고수하는 고집이 얼마나 갈지는 장담할 수 없다. 우리나라에서 I..

최근 XML 이나 JSON 등을 통해 비동기식 통신 특히 AJAX가 사용되기 시작하면서 Open API 이 등장하고 이를 통한 연계 시스템등의 구축등으로 흐름이 넘어가고 있다. 사실상 문서의 형식만 원하는 형태로 정상적으로 얻을 수 있다면 값을 받아오는 것은 문제가 되지 않는다. 그러나 문뜩 js 라던가 xml 을 확장자로 사용하는 상태에서 쿼리스트링 등을 통해 인자값을 전달하고 그에 따른 값을 받아올 수는 없을까? 하는 생각이 들었다. 물론, 작업하는 환경이 IIS7 및 ASP.NET C# 이다보니 그에 따른 세팅을 해봐야할 필요가 있을 것 같았다. 하지만, 나의 검색능력이 예전같지 않은건지... 단순히 검색만으로는 관련 내용이 "나 여기있소" 하고 바로 툭 튀어나오지는 않았다. 그렇다 하더라도 여기서..

『 윈도우 8 』 의 최종 버젼이 2012년 08월 15일 공개되었습니다. 신기술 동향과 흐름에 대해 민감하다보니 몇몇 중요 프로그램 중 국내 오피스 프로그램이자 『 한컴마스터 』 의 자격을 가지고 있는 저로서는 가장 처음으로『 한컴오피스 2010 』의 호환성을 테스트를 해보게 되었습니다. 새로워진 『 윈도우 8 』 의 인터페이스에서는 CD를 인식하는 경우 우측 상단에 알림 표시가 뜨게 되는 UI(User Interface) 형태로 바뀌게 된 모습을 확인할 수 있었습니다. 『 INSTALL.EXE 실행 』을 누르면 다음과 같은 데스크톱 환경으로 전환됨과 동시에 설치 UI가 등장하게 되는데, 『 .Net Framework 2.0 』 이 없다는 문구와 함께 닷넷 프레임워크 설치 단계가 진행됩니다. 위와 같이..

2012년 5월 23일 판교에 있는 한컴타워 대강당에서 『 이그나이트 한컴 』 행사가 이루어졌습니다. 『 이그나이트 』 라는 행사는 2006년 11월 미국 시애틀에서 처음 시작되어 전 세계적으로 열리고 있는 행사로, 진행은 20장의 슬라이드를 15초마다 자동으로 넘어가도록 하여 5분간 이야기를 진행하는 일련의 소통의 행사 입니다. 행사의 참여를 통해 스스로의 의사를 전달하는 경험 및 훈련으로서도 의미를 갖으며, 여러 사람들과 자신들의 이야기를 나눠볼 수 있다는 점에서 우리나라에서도 많이 열리고 있는 행사 중 하나 입니다. 검색을 통해서도 이그나이트 광주, 이그나이트 분당, 이그나이트 서울 등 많은 사례를 찾아 볼 수 있는데. 이번에는 2012년 5월 23일 『 한글과컴퓨터 』 에서 열렸던 이그나이트 한컴..

"한글과컴퓨터에서 전자 서명한 파일이 아닙니다. 한컴 업데이트를 종료합니다" 『 한컴오피스 2010/2010SE 』 제품군에서 한컴 업데이트 사용시 "한글과컴퓨터에서 전자 서명한 파일이 아닙니다. 한컴 업데이트를 종료합니다" 라고 문구가 발생할 경우가 발생할 수 있습니다. 해당 문제는 『 한글과컴퓨터』 공식 홈페이지(hancom.co.kr)의 공지사항을 통해서 해결 방법이 안내되어 있는데요. 해당 업데이트를 종료하신 후, 공식 홈페이지의 공지사항을 참조하시거나 해당 페이지 주소 ( http://www.hancom.com/notice.noticeView.do?notice_seqno=128 ) 를 방문하여 파일을 다운로드 하여 패치하여 주시는 것을 통하여 해결하실 수 있습니다. 예비 비상 백업용으로 해당 파..

앞서 문자열(String)을 키(Key)를 인덱스로 이용해 값(Value)을 가진 일종의 테이블을 만드는 방법에 대해 가볍게 확인해 보았다. Dictionary 라는 클래스 라이브러리를 통해 마치 배열인것 마냥 문자열 키를 인덱스처럼 써서 값을 대입하거나 사용하는 자체로도 편하지만 활용할 경우에 좀 더 편해질 수 있다. 주로 사용하는 메세지를 특정 파일안에 담아두고 이를 읽어와 문자열 키와 값으로 묶어 리스트를 만들어 두면 프로그램의 유지보수나 메세지 변경시에 해당 텍스트 내용만 바꿈으로 인해 어플리케이션 전체에 적용할 수 있으니 더욱 편해질 수 있다는 개념으로 말이다. 가령 message_error.msg 라는 이름의 텍스트 파일에 다음과 같이 내용을 작성해 넣었다고 치자. ; ;주석처리 부분 ; Nu..

프로그래밍을 하다보면 인덱스를 이용하여 간단하게 값을 가져오거나 설정하여 사용하는 경우가 많다. 그 대표적인 객체 중 하나가 바로 배열이다. 하지만 배열은 기본적으로 숫자 인덱스를 통한 접근밖에는 지원하지 않는다. 그러나 때로는 문자열을 키로 두고 값을 가져와야할 때가 발생하기도 한다. 이런 경우 C# 에서는 Dictionary 같은 클래스를 이용해 문제를 해결 해 볼 수 있다. 우선적으로 Dictionary 클래스는 다음과 같은 네임스페이스와 어셈블리를 사용한다. 네임스페이스: System.Collections.Generic 어셈블리: mscorlib(mscorlib.dll) 그럼 이 Dictionary 를 활용하려면 어떻게 해야할까? 우선 상단에 using 을 이용하여 네임스페이스를 추가해주는 것으로..

한글2010 (또는 한글2007 및 이하 버젼을 포함한) 워드프로세서는 사용자 편의를 위해 한글↔영문 간 자동전환 기능을 제공하고 있습니다. 가령 예를 들어 『 dkssudgktpdy 』 라고 입력하고 스페이스키를 누를 경우 자동으로 『 안녕하세요 』 와 같이 영문을 한글로 바꾸어 주거나 『 ㅇㄱㄷ므 』 이라고 치는 경우 『 dream 』 과 같이 한글을 영문으로 바꾸어주기도 하는 기능인데, 이를 한글 워드프로세서에서는 『 한영 자동 전환 』 이라고 하여 기본적으로 지원을 하고 있습니다. 하지만 때로는 이 기능이 불편하게 느껴질 경우가 발생하기도 합니다. 자신이 쓰려는 글자가 스페이스키를 누르는 순간 영문이나 한글로 변환이 된다거나, 자동으로 한영이 바뀌는 환경이 익숙치 않은 경우 등이 이에 해당하는 경..