Inspired World

오픈소스의 허브 GitHubGitHub는 깃헙, 깃허브 라고 읽고 보통 소스 코드를 보관하고 버전 관리를 위해서 사용하는 Git을 호스팅 및 서비스해주는 회사입니다. 왜 인기가 좋으냐면, 일단 오픈 저장소 (open repository)는 무료이기 때문입니다. 여러분들이 많이 쓰시는 오픈소스 대부분, 특히 요즘 발표하는 오픈소스 대부분은 github에 있다고 보시면 됩니다. 버전 관리를 써보는것이 아예 처음이거나 Git을 처음 접할 때에 조금 어려울 수 있으나 GitHub for Mac이라던가 여러 IDE나 에디터에서 제공하는 툴이 있기 때문에(그렇게 쓰다가 꼬이면 답 없지만…) 처음부터 Git을 편하게 사용하실 수 있습니다. 사실 명령어 막상 배우면 어렵지 않아요. 거의 자주 쓰는것만 쓰거든요. 제가 ..

레오폴드 750R국산 기계식 키보드 제조사, 레오폴드에서 기존 인기모델이었던 700R이 이상하게 생산이 안되고 오랫동안 시간이 지속됬나 싶었는데 알고보니 원래 생산 중인 중국 공장에서 사기(?) 비슷한 걸쳐서 허락없이 그대로 레오폴드가 제작한 기판을 사용해서 짝퉁 레오폴드 기계식 키보드를 만든다고 하더라구요. 그런 이슈 때문에 아예 이번에 공장도 대만으로 옮기고 기존 700R을 좀더 개선한 버전으로써 750R을 출시했습니다. 판매 첫 날, 주문 폭주이번에 키보드 출시할 때, 추가 키캡을 선착순으로 제공한다는 말 때문인지 온라인에서 주문이 폭주해서 주문 오류가 나서 구입을 못한 분들이 많다고 하더라구요. 다행히 저는 출시 3일전 쯤에 용산 리더스키 매장에 가서 타건을 해보고; 치사하게 예약 주문을 걸어놓고..

윈도우 XP 지원 종료?2014년 4월 8일 부로 윈도우 XP 정식 지원 종료가 되었습니다. 2001년 10월에 출시되어 14년 동안 마이크로소프트가 만든 가장 많이 사랑 받은 소프트웨어일 듯 합니다. 근데 이렇게 오래된 운영체제를 왜 이후에 나온윈도우 비스타, 윈도우7, 윈도우8, 윈도우8.1 이 있는데 아직까지 많이 써서 이슈가 되는것일까요? 컴퓨터가 오래되서 사양이 낮아서 윈도우7을 못돌리는 문제도 있겠지만아마도 게임 호환성 및 다른 소프트웨어 호환성이 문제일거라 생각합니다. 윈도우7 호환성 괜찮음사실 비스타는 운영체제 자체도 엄청 느리고 망작이라서노트북이나 PC를 사면 오히려 XP로 다운그레이드를 하고 XP드라이버를 제조사에서 따로 지원을 해주는 등.기현상도 일어났었지만 윈도우7은 나름 호환성도 ..

AngularJS소개AngularJS는 구글(Google)에서 만든 Single Page App (SPA) 를 만들 때 반복되는 코드와 복잡한 코드를 줄이고 테스트를 쉽게 하도록 하기위해 만든 JavaScript MVC Framework입니다. Two-Way Data Binding 이라는 특징이 처음에 눈에 많이 띄는 요소입니다. 기존 jQuery나 JavaScript DOM API를 이용해서 어떤 데이터(Model)이 변할 때 이벤트 리스너나 특정 함수를 조건에 맞춰 호출할 때 UI를 변경했던 방식과는 달리 JavaScript 객체의 값을 변경하면 그것이 바로바로 UI에 변화가 반영되게 할 수 있다는 얘기입니다! 이런 특징 말고도 Model, Controller, Service, Dependency I..

지난번 Stackoverflow 컨퍼런스를 다녀와서 Inspired! 되어서 영문 블로그를 만들기로 결심하였습니다. 그래서 오픈한 것이 http://inspiredjw.tumblr.com 입니다. 특히 Markdown 으로 작성도 할 수 있어 아주 편리해서 마음에 듭니다 자체적인 카운터가 없어서 Google Analytics도 탑재하였습니다 앞으로는 주로 여기에 글을 쓸 계획입니다 :)

CoffeeScript(커피스크립트)는 Verbose한 JavaScript문법의 단점을 보완하고 사람들이 헷갈리거나 실수를 할 수 있는 부분을 많이 가린 언어입니다. Python이나 Ruby를 하시는 분들이라면 문법이나 특징 등 비슷한 점이 많이 있습니다. 예) Indentation으로 code block을 인식 먼저 설치는 npm을 통해 하실 수 있구요 npm이 없다면 Node.js 패키지를 설치하면 npm이 설치 되므로 먼저 Node.js 를 설치하시면 됩니다. 설치 방법은 Node.js 공식 사이트에 가셔서 DOWNLOAD 버튼을 눌러 해당하는 OS에 알맞는 패키지를 설치합니다 설치 후에 sudo npm install -g coffee-script 를 쉘에서 입력하여 CoffeeScript를 설치하..

JavaScript에서 문자열 위치, 배열 위치를 알아내는 방법에는 여러가지가 있겠지만 자체 함수로는 .indexOf() 함수 가 있습니다. 위 링크를 확인해보시면 아시겠지만 사용법도 간단하고 별 문제가 없는 줄 알았는데 IE8 (인터넷 익스플로러8)에서 지원하지 않는 함수라는 문제가 있었습니다. 이유는 ECMAScript v5 부터 .indexOf() 가 포함되었는데 JScript를 사용하는 IE이기 때문에 요즘 FireFox, Chrome, Safari와 같은 브라우저는 대부분 ECMAScript v5 규격에 맞는 JavaScript 엔진이 탑재 되어 있는 반면, IE는 그렇지 않습니다. 뭐 사실 CSS도 그렇고 JavaScript도 그렇고 원래 IE는 좀 그렇습니다 ㅋ 문자열이나 배열의 .index..

요즘 보다 발전된 UI/UX를 적용하는게 추세입니다. 최근 들어 마우스 스크롤을 끝까지 내리면 알아서 일정량의 글을 밑에다 붙이는 방식으로 구현된 게시판이나 사이트를 많이 볼 수 잇습니다. 일반적으로 버튼으로 구현되어 글을 더 보고 싶을 때 "더 보기" 버튼을 클릭하여 다음 글을 AJAX요청을 해서 글을 보여주는 DIV 안에 jQuery의 append 함수 등을 이용해 뒤에 붙이는 방법이 있습니다. 사용자가 스크롤을 아래까지 내렸을 때 자동으로 글 더보기 효과를 낼 수 있다면 더욱 멋지겠지요. "문제는 사용자가 스크롤을 아래까지 내렸을 때" 이벤트를 캐치하는 것입니다. 브라우저창 끝 이벤트 $(window).scroll(function() { if ($(window).scrollTop() == $(doc..

Callback 함수를 호출 할 때 Node.js 에서는 process.nextTick을 사용하지만 참고: JavaScript 콜백 함수의 활용 클라이언트 JavaScript에서는 전통적인 setTimeout을 이용하여 Event Loop을 지연합니다. 위 그림과 같이 JavaScript 는 Event Loop ( 이벤트 루프 )을 사용하는데요. Thread 와 달리 정확하게 말해서 완전 동시에 일을 할 수 없기 때문에 다음 일을 미루어 줌으로써 block이 되지 않게 하는 것이 포인트입니다. 그냥 단순 타이머로써 setTimeout 을 활용할 수도 있지만 callback 함수를 setTimeout을 통해 호출함으로써 이벤트를 지연할 수 있고 따라서 프로그램이 block 되지 않게 할 수 있습니다. 이것..

Node.js의 창시자인 Ryan Dahl에 의하면 "You just may be hacked when some yet-unknown buffer overflow is discovered. Not that that couldn't happen behind nginx, but somehow having a proxy in front makes me happy". "아직 발견되지 않은 버퍼 오버플로우 취약점에 의해서 해킹 당할 수 있습니다. Nginx를 앞단에 둠으로써 이런 취약점에 의해서 해킹을 완전히 막아주지는 않지만, 저는 Nginx을 Proxy서버로써 앞단에 두는 것이 좋다고 생각합니다." 좀 의역을 한 부분이 없잖아 있지만, 중요한 포인트는 Nginx를 앞단에 둠으로써 Express가 사용하는 실제..