티스토리

Inspired World

검색하기

블로그 홈

Inspired World

inspiredjw.tistory.com/m

InspiredJW가 운영하는 주로 프로그래밍 관련 블로그

구독자: 0

방명록 방문하기

주요 글 목록

Windows에서 Node.js Native Module 설치하기 Windows에서 Node.js Native Module 설치하기 Node.js가 0.4.x 때는 아예 Linux/Mac 에서만 지원을 했었고나중에 0.6.x 때부터는 Windows support가 생겼습니다. npm 모듈들을 설치하다 보면 native module을 사용하는 모듈들을 많이 볼 수 있는데요.윈도우 환경에서는 native module을 설치하는 과정에서 에러가 나고 잘 안되서 몇시간씩 삽질하는 경우가 있습니다.저도 해보다가 안되서 그냥 맥에서 해야지 했었는데…구글링해보면서 별의 별 복잡한 방법으로 해결책을 찾았습니다.나중에 보니 아주 쉬운 방법이 있었더군요;node-gyp라는 모듈이 native module을 빌드하는 과정에서 에러를 많이 뱉어내게 되는데관리자 권한 실행 으로 cmd를 실행.. 공감수 2 댓글수 0 2016. 9. 5.
GitHub Repo 에 Travis CI 추가하기 GitHub Repo 에 Travis CI 추가하기최근에 작성한 Mocha 로 하는 JavaScript TestingMocha 로 하는 API Testing을 통해 Mocha로 Testing을 하는 방법을 알아보았고,GitHub Repo 에 소스를 공개했었습니다. Travis CI를 통해서 현재 master branch에서의 모든 테스트가 통과하는지 첫 페이지에서 바로 상태도 알 수 있고새로운 pull-request를 할때 merge 전에 바로 해당 build가 통과하는지 바로바로 확인 할수 있어 유용합니다.public repo에 관해서는 무료이기 때문에 많은 오픈소스 repo들도 사용하고 있습니다.지난번 Mocha 로 하는 API Testing 에서 만든 GitHub Repo에 이미 테스트 코드가 다 .. 공감수 1 댓글수 0 2016. 8. 16.
Mocha 로 하는 API Testing Mocha 로 하는 API Testing지난 번 Mocha 로 하는 JavaScript Testing 에서는 기본적으로 Mocha를 사용해서 Node.js 환경에서 Unit Test 하는 방법을 알아보았습니다. 이번에는 API endpoint에 대해 테스팅하는 방법을 알아보겠습니다. SetupMocha 로 하는 JavaScript Testing 에 작업 디렉토리에서 이어서 하겠습니다.우선 chai-http를 추가해줍니다.npm install chai-http 또 간단한 예제 API를 만들어보기 위해서 express를 추가합니다.npm install express POST의 body parsing을 위해 body-parser, POST, GET 뿐만 아니라 PUT, DELETE를 사용하기 위해 method.. 공감수 1 댓글수 0 2016. 8. 15.
Mocha 로 하는 JavaScript Testing Mocha 로 하는 JavaScript TestingJavaScript (Node.js) 개발을 하면서 빨리빨리 기능 개발하고 새로고침 F5 를 연타하며 확인하고 다시 코드 수정하고 그러는게 일반적인데요.테스트를 작성하면 조금 더 견고한 개발을 할 수 있습니다. 그럼 지금부터 Mocha 랑 Chai 라는 라이브러리를 이용해서 JavaScript 간단한 테스트 코드를 작성해보겠습니다.TDD (Test Driven Development - 테스트 주도 개발) 느낌으로 테스트 먼저 작성해보겠습니다. 테스트 환경 세팅하기Node.js v6.3.1 입니다.설치되어 있지 않다면 Node.js 여기에서 다운 받습니다.설치 이후에 npm도 함께 설치됩니다.Node.js Package Manager, Node.js 모듈.. 공감수 3 댓글수 1 2016. 8. 8.
간단히 살펴보는 HTTP Status Code 간단히 살펴보는 HTTP Status CodeHTTP Status Code는 HTTP 통신을 할때 서버에서 클라이언트한테 응답을 할때 3자리 숫자로 의미를 담아 코드로 보내주는 것입니다. 브라우저 콘솔창에 자주 보이는 3자리 숫자 에러코드 여기에도 의미가 있습니다.가장 흔히 많이 아는 코드는 404입니다. “404 페이지를 찾을 수 없습니다”, “404 Page Not Found” 기억 나시나요? 더 많은 코드를 상세하게 설명과 함께 보고 싶으시면아래 위키피디아 링크에 가셔서 보실 수 있습니다.HTTP Status Code - Wikipedia 너무 많다…크게 코드는 5가지로 나뉜다고 생각하시면 쉬워요. 100client가 넘겨준 header를 잘 받았다와 같은 처음에 요청이 잘 시작되었다. 200cli.. 공감수 3 댓글수 1 2016. 8. 7.
Git commit 이력 깔끔하게 관리하기 Git commit 이력 깔끔하게 관리하기Git 을 요즘 버전 관리를 위해 오픈소스, 학교, 회사 등에서 많이 사용합니다.SourceTree 같은 쉽게 쓸 수 있는 GUI 툴이 있지만어떻게 돌아가는지 확실히 알고 싶어서저는 중요한 작업은 command-line을 선호하는 편입니다.하지만 명령어도 많고 자주 쓰지 않아서 자주 잊어버리는데요.오늘은 오픈소스나 회사 등에서 깔끔하게 commit 이력을 관리하는 방법을 소개하려합니다. 오픈소스의 경우일반적으로 repo를 읽는 권한만 있는 사람들 경우에는 원본 repo를 fork하고복제된 repo안에 feature branch를 파서 작업을 합니다.복제 repo/feature branch 와 origin/master 의 diff 를 가지고서 pull-request.. 공감수 3 댓글수 3 2016. 8. 4.
티스토리 블로그에 구글 애드센스 깔끔하게 달기 티스토리 블로그에 애드센스 적용하기티스토리 블로그에 애드센스 좀 더 깔끔하게 다는 방법을 알아보겠습니다.상단, 하단은 티스토리 HTML/CSS 편집에 들어가서 ['##_article_ rep_desc_##'] 를 찾아위에 광고 코드, 아래에 광고 코드를 넣어서 하는 방법이 가장 보편적인데요.광고는 보통 상단, 하단도 좋지만 본문 중간에도 하나 있으면 더 효과적이라고 합니다.매번 글 쓸때마다 수동으로 광고 코드를 본문 중간에 넣어주는 방법도 있으나 번거롭기도 하고혹시나 광고 코드가 바뀌기라도 한다면 재앙이겠죠.그래서 간단히 JavaScript를 이용해서 광고를 본문 상단, 중간, 하단에 배치 하는 방법을 소개하려합니다. 광고 유닛 만들기구글 애드센스 사이트에 로그인 상단에 있는 내 광고를 클릭 반응형 선택.. 공감수 6 댓글수 11 2016. 8. 2.
2015 마소 여름 인턴 후기 2015년 마소 여름 인턴 후기나의 마소 인턴 면접 후기 (1차 면접편) 보러가기 나의 마소 인턴 면접 후기 (최종 면접편) 보러가기 2015년 마소 여름 인턴 후기입니다 ^^ 무려 2년 만의 포스팅이네요 조금 지난 이야기지만 늦게나마 이렇게 올립니다 시애틀로 고고씽봄학기 기말고사 끝나고 이틀 후 바로 시애틀로 ㄱㄱ 했습니다; (일정 빡셈..) 면접 때와는 달리 따로 마중 나오는 차량은 없었고 직접 택시를 불러서 마소가 잡아준 숙소에 갔습니다. 로또(?) 식으로 숙소가 배정되는데 사전에 마소 캠퍼스와 가까운 정도, 주변의 도시 라이프를 즐길건지 등등 개인이 우선순위를 매길 수 있게 조사를 하였는데.. 다른 인턴들이랑도 얘기해본 결과.. 별로 상관없이 거의 랜덤에 가깝게 숙소는 배정되었습니다. 인터넷이 무.. 공감수 7 댓글수 3 2016. 8. 1.
나의 마소 인턴 면접 후기 (최종 면접편) 나의 마소 인턴 면접 후기 (최종) 나의 마소 인턴 면접 후기 (1차 면접편) 보러가기 2015 마소 여름 인턴 후기2차 - 최종면접1차 면접 합격 통보를 받고 일주일 후주중에 면접날을 잡아야해서그래도 제일 덜 학교 스케쥴에 영향을 줄 수 있는 금요일을 선택했습니다. 원래 계획은 목요일 수업을 정상적으로 다 마치고 일부 금요일 수업을 땡겨(?)듣거나 하는 방향으로 해서목요일 저녁 비행기로 날아가는게 목표였으나학교 선배의 조언으로 수요일 저녁까지 모든 스케쥴을 다 땡겨듣고...목요일 아침 일찍 새벽 비행기로 가는 걸로 선택했습니다. D - 1고맙게도 그 형이 ㅎㅎ 새벽에 차로 20~30분 정도 거리에 있는 공항에 데려다주어서 무사히 첫 비행기를 탈 수 있었습니다. 가는 데 든 경비 또한 다 마이크로소프트에.. 공감수 47 댓글수 19 2014. 11. 24.
나의 마소 인턴 면접 후기 (1차 면접편) 나의 마소 인턴 면접 후기나의 마소 인턴 면접 후기 (최종 면접편) 보러가기 2015 마소 여름 인턴 후기1차 - 전화면접친구가 마이크로소프트 직원이라서 직원추천으로 (개이득ㅋ) 서류통과를 하고 9월에 빠르게 1차 면접을 보게 되었습니다. 먼저 1차 면접 본 라이엇게임즈는 연락 없는게 함정;; 기쁘긴 한데 1차 전화 면접이 다가온다는 부담감도 함께 찾아왔습니다; 이메일로 면접 가능한 날을 알려달라고 하였습니다. 면접을 왠지 준비를 더 많이 해야될 것 같은 기분인데 너무 미루면 안될것 같아서 나: "저는 목요일날 오후에 면접이 가능합니다" 리쿠르터: "네 내일 오후에 보는 걸로 합시다" -_-; 헐 수요일날 오후에 보냈는데 목요일날 보자고 했더니 바로 다음날 보다니... 조금 당황했지만 CareerCup... 공감수 7 댓글수 9 2014. 11. 23.
나의 첫 모바일 게임, 메트로버드 모바일 게임을 왜 만들었나 사실 제가 프로그래밍을 시작한 이유는 게임을 개발하고 싶어서였습니다. 아이러니하게도 게임 개발을 배워본적도 독학한적도 없었습니다. 그래서 이번 기회에 한번 게임을 개발해보려고 iOS와 Android에서 둘다 배포할 수 있도록 크로스플랫폼 프레임워크를 알아보았습니다. 제가 생각하기에 프레임워크의 가격이나 사용 언어등을 따져본 결과 Cocos2D-X를 사용해서 개발하기로 했습니다. 가격이 무료였고 개발언어는 C++이였습니다. 저와 제 동생은 어떤 것을 개발할지 아이디어를 공유했고 "메트로버드 (Metro Birds)"라는 게임을 개발하기로 하였습니다. 동생과 함께 일하기이 프로젝트는 처음으로 제 동생과 함께 일하는 프로젝트입니다. 가족과 함께 일한다는 것은 꽤 흥미로운 일입니다 ㅎ.. 공감수 4 댓글수 0 2014. 8. 13.
레오폴드 750R 사은품 - 추가 키캡 도착! 레오폴드 750R 사은품: 추가 키캡 도착!레오폴드 750R 초기 구매자들 대상으로 추가 키캡을 준다는 얘기가 있었습니다. 운좋게도 제가 해당되어서 키캡을 받게 되었습니다. 사은품 키캡무려 1.5mm PBT 재질의 키캡(750R 키캡과 동일 재질)을 사은품으로 제공하였습니다. 레오폴드 750R은 텐키리스이지만 사은품은 풀배열로 옆에 키패드 키캡까지 제공하네요 ㅎㅎ 또 원래 제품은 영문 닌자각인인데 비해서 추가 키캡은 한글/영문 정각입니다. 아쉽게도…아쉽게도 얼마전 제가 쓰던 마제스터치 청축을 중고로 처분하는 바람에 사용하지 못하고 있습니다.그렇다고 멤브레인 키보드에 쓰기도 모해서 키캡을 그냥 고이 모셔두고 있습니다. 공감수 0 댓글수 0 2014. 5. 7.
Primus로 하는 실시간 웹앱 개발 왜 Primus 인가 ?Socket.io 라는 유명한 Node.js 모듈을 들어보신 적이 있으실 겁니다. Socket.io는 푸쉬 알림이나 실시간으로 업데이트가 필요한 콘텐츠를 가진 서비스들이 많이 사용하고 있습니다. 문제는 Socket.io가 심각한 버그 및 메모리 누수가 있고, 활발히 개발되지 않고 있다는 점입니다. Socket.io에서 SockJS나 Engine.io와 같은 다른 라이브러리로 변경하고 싶을 때, 새로운 API를 공부해야하고 기존에 작성되었던 코드를 재작성해야하며, 또 기존 Socket.io 에서 자체 제공하던 기능들이 없을 경우에는 직접 구현을 해야합니다. Primus라는 이 모듈이 구세주입니다. 이 모듈은 SockJS, Engine.io, BrowserChannel, Socket... 공감수 0 댓글수 1 2014. 4. 25.
무한도전 - 길, 음주운전으로 자진하차하게 되는가 무한도전 9주년 + 사고오늘은 무한도전 9주년 되는 날입니다. 근데 이게 왠일? 리쌍의 길 (길성준)이 지난 밤 12시 30분에 합정동에서 음주운전이 적발되어 면허 취소를 받아다더군요 -0-; 혈중 알코올 농도 0.109% 였다고 합니다. 박명수의 “빠져라”그동안 박명수가 무한도전에서 개그로 빠져라 빠져라 했었는데 정말로 이번에 빠질 가능성이 높아보이네요. 과연 길은 무한도전에 잔류 할 수 있을까?예전에 무한도전 콘서트 사건 때도 자진하차 한다고 했었다가 제작진 측과 무한도전 멤버들이 잘 챙겨주어 계속 함께 했었는데 이번에는 음주운전 사건은 쉽게 덮어주고 넘어가기 쉽지 않은 문제로 보이네요. 길 인턴 + 안 웃기는 이미지에서 요즘 개그감을 찾으며 이제 빛을 보나 했더니 안타깝습니다. 공감수 0 댓글수 0 2014. 4. 23.
Node.js로 쉽게 oEmbed 사용하기 oEmbed 란?oEmbed 공식 사이트에 따르면, oEmbed는 다른 사이트의 URL을 가지고 내장할 수 있게 하는 한 형식입니다. 한 유저가 어떤 리소스((사진이나 비디오 등)의 링크를 게시했을 때, 그 리소스를 직접 읽지 않고도 웹사이트에 내장할 수 있도록 해주는 심플한 API입니다. YouTube, Vimeo, Flickr 와 같은 콘텐츠 제공자들이 oEmbed의 공통적인 스펙에 맞는 URL을 주고 그 URL을 통해 아래와 같은 response을 받을 수 있습니다.{ thumbnail_width: 480, height: 270, author_url: 'http://www.youtube.com/user/officialpsy', title: 'PSY - GANGNAM STYLE (강남스타일) M/V'.. 공감수 0 댓글수 0 2014. 4. 23.
AngularJS의 Model이 바뀌었는데 UI가 바뀌지 않을 때 망가진(?) ng-modelAngularJS를 사용할 때 angular-* 모듈들을 사용하고 Angular 방식으로 개발하는게 좋습니다. 하지만 성능 개선이나 다른 이유 때문에 Angular 방식을 벗어나서 jQuery plugin을 사용해야 한다든가 다른 방식으로 개발을 해야할 때가 생깁니다. 문제는 Model을 변경했으나 UI가 변경안될 때 생깁니다. “왜 내 ng-model 이 망가졌어!” AngularJS - Model이 작동하는 방식ng-repeat, ng-model, $resource, $http는 AngularJS의 내장 함수들이며, 각 함수들의 본연의 일과 모델을 변경하는 등의 일을 마치고 $scope.$apply()를 호출하도록 되어있습니다. 위 보이는 그림과 같이 “set up $wat.. 공감수 0 댓글수 0 2014. 4. 22.
Express.js에 Gzip 적용하기 앗, 이런 실수를!몇 일전, 제가 운영하는 어그로 끄는 이야기 사이트 로딩 속도가 좀 느린것 같아서 최적화를 해보고자 Google Pagespeed를 돌려보고 제가 큰 실수를 하나 했다는 것을 깨달았습니다. 제가 잊어버리고 Gzip을 사용하도록 서버에서 설정을 안해줬습니다. Gzip을 사용하면 70% 넘게 전송하는 패킷 크기를 줄일 수 있다고 분석 결과가 나왔습니다. GzipGzip을 혹시 처음 들어보시나요? Gzip을 사용할 수 있는 브라우저가 서버에 요청을 보냈을 때, 서버는 브라우저에 데이터를 압축해서 보내줄 수 있고 브라우저는 압축된 데이터를 풀어서 원본 데이터를 받게 됩니다. 서버가 Gzip 압축에 대해 지원하지 않고 그냥 무시한다면, 압축되지 않은 원래 사이즈의 데이터가 전송되기 때문에 Gzi.. 공감수 1 댓글수 0 2014. 4. 18.
MongoDB에 대해 알아보자 MongoDB 기존 RDBMS인 MySQL, MS-SQL, Oracle, PostgreSQL 이 데이터베이스로써 많이 쓰이고 있습니다. 하지만 요즘처럼 실시간성이 중요시 되고 모바일 디바이스의 양이 급증함에 따라 더 빠르고, 확장성이 뛰어난 DB들이 필요로 해져서 NoSQL이라고 불리우는 데이터베이스들이 많이 생겨났습니다. 많은 데이터베이스들 중 딱히 “이 데이터베이스가 최고다!”” 하는 것은 없습니다. 왜냐면 모든 데이터베이스들은 마치 게임에서 주어진 한정된 포인트를 가지고 스탯을 찍는 것처럼 어떤 한 장점이 부각되면 다른 단점이 생기는 그런 구조입니다. 이런 걸 CAP 이론이라고 합니다. CAP 이론유명한 CAP 이론을 살펴보면 Consistency: 동일한 데이터를 읽고 쓰는 것Availabilit.. 공감수 2 댓글수 0 2014. 4. 12.
트위터 부트스트랩으로 쉽게 만드는 웹사이트 UI Twitter Bootstrap트위터에서 공개한 Twitter Bootstrap (트위터 부트스트랩) 이라는 Frontend Framework(?) 입니다. Bootstrap이 요즘 개발할 때 많이 쓰이죠. 특히 빠르게 프로토타이핑 할 때 쓰기도 하고 진짜 서비스를 개발할 때도 쓰입니다. 이유는 흔히 많이 쓰일만한 요소나 폼 같은 것들이 이쁜 모양으로 만들어져있고 제공하는 jQuery Plugin들이나 반응형 그리드 같은 기능들이 탑재되어있기 때문입니다. 시작Bootstrap이 제공하는 css 파일과 js파일만 추가해주면Bootstrap을 시작할 수 있습니다.head 태그 안에 아래 두줄을 추가해주면 됩니다. 둘러보기Bootstrap 공식사이트 에 가보면워낙 문서화나 예제가 잘되어 있어서 사이트를 돌아다.. 공감수 3 댓글수 1 2014. 4. 12.
예능 대세 홍진호? 그는 누구인가 요즘 예능 대세? 홍진호?최근 “더 지니어스 시즌1”이라는 종편 예능에서 다양한 분야의 브레인들을 누르고전 프로게이머 홍진호가 우승을 하면서 화제가 되었었죠. 그러면서 SNL에도 출연해서 유명세를 탔습니다. 이어서 공중파 예능인 나혼자산다 라디오스타 해피투게더 에 출연하면서 어느덧 어엿한 방송인이 되었습니다 ^_^ 프로게이머사실 홍진호는 스타크래프트 프로게이머, 한국 e-sports 에선 걸출한 인물이에요. 스타1의 상징적인 인물이라고 할 수 있는 “임요환”의 라이벌이기도 하지요.방송에서는 거의 초창기라고 할 수 있는 2001년 온게임넷 코카콜라배 스타리그때 부터 보이기 시작했고 IS > KTF 매직엔스 > 투나SG > KTF 매직엔스 > 공군 ACE > KT 롤스터 를 거치며 오랜기간 스타1 리그와 함.. 공감수 3 댓글수 1 2014. 4. 11.
오픈소스의 허브 GitHub 오픈소스의 허브 GitHubGitHub는 깃헙, 깃허브 라고 읽고 보통 소스 코드를 보관하고 버전 관리를 위해서 사용하는 Git을 호스팅 및 서비스해주는 회사입니다. 왜 인기가 좋으냐면, 일단 오픈 저장소 (open repository)는 무료이기 때문입니다. 여러분들이 많이 쓰시는 오픈소스 대부분, 특히 요즘 발표하는 오픈소스 대부분은 github에 있다고 보시면 됩니다. 버전 관리를 써보는것이 아예 처음이거나 Git을 처음 접할 때에 조금 어려울 수 있으나 GitHub for Mac이라던가 여러 IDE나 에디터에서 제공하는 툴이 있기 때문에(그렇게 쓰다가 꼬이면 답 없지만…) 처음부터 Git을 편하게 사용하실 수 있습니다. 사실 명령어 막상 배우면 어렵지 않아요. 거의 자주 쓰는것만 쓰거든요. 제가 .. 공감수 0 댓글수 2 2014. 4. 11.
레오폴드 750R 적축 리뷰 레오폴드 750R국산 기계식 키보드 제조사, 레오폴드에서 기존 인기모델이었던 700R이 이상하게 생산이 안되고 오랫동안 시간이 지속됬나 싶었는데 알고보니 원래 생산 중인 중국 공장에서 사기(?) 비슷한 걸쳐서 허락없이 그대로 레오폴드가 제작한 기판을 사용해서 짝퉁 레오폴드 기계식 키보드를 만든다고 하더라구요. 그런 이슈 때문에 아예 이번에 공장도 대만으로 옮기고 기존 700R을 좀더 개선한 버전으로써 750R을 출시했습니다. 판매 첫 날, 주문 폭주이번에 키보드 출시할 때, 추가 키캡을 선착순으로 제공한다는 말 때문인지 온라인에서 주문이 폭주해서 주문 오류가 나서 구입을 못한 분들이 많다고 하더라구요. 다행히 저는 출시 3일전 쯤에 용산 리더스키 매장에 가서 타건을 해보고; 치사하게 예약 주문을 걸어놓고.. 공감수 4 댓글수 1 2014. 4. 10.
윈도우XP 지원종료. 이제 윈도우7에서 윈도우 XP 지원 종료?2014년 4월 8일 부로 윈도우 XP 정식 지원 종료가 되었습니다. 2001년 10월에 출시되어 14년 동안 마이크로소프트가 만든 가장 많이 사랑 받은 소프트웨어일 듯 합니다. 근데 이렇게 오래된 운영체제를 왜 이후에 나온윈도우 비스타, 윈도우7, 윈도우8, 윈도우8.1 이 있는데 아직까지 많이 써서 이슈가 되는것일까요? 컴퓨터가 오래되서 사양이 낮아서 윈도우7을 못돌리는 문제도 있겠지만아마도 게임 호환성 및 다른 소프트웨어 호환성이 문제일거라 생각합니다. 윈도우7 호환성 괜찮음사실 비스타는 운영체제 자체도 엄청 느리고 망작이라서노트북이나 PC를 사면 오히려 XP로 다운그레이드를 하고 XP드라이버를 제조사에서 따로 지원을 해주는 등.기현상도 일어났었지만 윈도우7은 나름 호환성도 .. 공감수 2 댓글수 0 2014. 4. 10.
구글의 AngularJS 프레임워크 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.. 공감수 7 댓글수 3 2014. 4. 10.
Tumblr에 영문 블로그 오픈! 지난번 Stackoverflow 컨퍼런스를 다녀와서 Inspired! 되어서 영문 블로그를 만들기로 결심하였습니다. 그래서 오픈한 것이 http://inspiredjw.tumblr.com 입니다. 특히 Markdown 으로 작성도 할 수 있어 아주 편리해서 마음에 듭니다 자체적인 카운터가 없어서 Google Analytics도 탑재하였습니다 앞으로는 주로 여기에 글을 쓸 계획입니다 :) 공감수 3 댓글수 0 2012. 8. 1.
CoffeeScript로 즐거운 JavaScript 코딩하기 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를 설치하.. 공감수 4 댓글수 2 2012. 7. 19.
JavaScript에서 문자열 위치, 배열 위치 알아내기 JavaScript에서 문자열 위치, 배열 위치를 알아내는 방법에는 여러가지가 있겠지만 자체 함수로는 .indexOf() 함수 가 있습니다. 위 링크를 확인해보시면 아시겠지만 사용법도 간단하고 별 문제가 없는 줄 알았는데 IE8 (인터넷 익스플로러8)에서 지원하지 않는 함수라는 문제가 있었습니다. 이유는 ECMAScript v5 부터 .indexOf() 가 포함되었는데 JScript를 사용하는 IE이기 때문에 요즘 FireFox, Chrome, Safari와 같은 브라우저는 대부분 ECMAScript v5 규격에 맞는 JavaScript 엔진이 탑재 되어 있는 반면, IE는 그렇지 않습니다. 뭐 사실 CSS도 그렇고 JavaScript도 그렇고 원래 IE는 좀 그렇습니다 ㅋ 문자열이나 배열의 .index.. 공감수 2 댓글수 0 2012. 3. 27.
jQuery를 활용하여 DIV 및 브라우저 창의 스크롤의 끝 이벤트 알아내기 요즘 보다 발전된 UI/UX를 적용하는게 추세입니다. 최근 들어 마우스 스크롤을 끝까지 내리면 알아서 일정량의 글을 밑에다 붙이는 방식으로 구현된 게시판이나 사이트를 많이 볼 수 잇습니다. 일반적으로 버튼으로 구현되어 글을 더 보고 싶을 때 "더 보기" 버튼을 클릭하여 다음 글을 AJAX요청을 해서 글을 보여주는 DIV 안에 jQuery의 append 함수 등을 이용해 뒤에 붙이는 방법이 있습니다. 사용자가 스크롤을 아래까지 내렸을 때 자동으로 글 더보기 효과를 낼 수 있다면 더욱 멋지겠지요. "문제는 사용자가 스크롤을 아래까지 내렸을 때" 이벤트를 캐치하는 것입니다. 브라우저창 끝 이벤트 $(window).scroll(function() { if ($(window).scrollTop() == $(doc.. 공감수 17 댓글수 5 2012. 3. 22.
JavaScript 비동기 프로그래밍 소개 및 setTimeout 최소값 Callback 함수를 호출 할 때 Node.js 에서는 process.nextTick을 사용하지만 참고: JavaScript 콜백 함수의 활용 클라이언트 JavaScript에서는 전통적인 setTimeout을 이용하여 Event Loop을 지연합니다. 위 그림과 같이 JavaScript 는 Event Loop ( 이벤트 루프 )을 사용하는데요. Thread 와 달리 정확하게 말해서 완전 동시에 일을 할 수 없기 때문에 다음 일을 미루어 줌으로써 block이 되지 않게 하는 것이 포인트입니다. 그냥 단순 타이머로써 setTimeout 을 활용할 수도 있지만 callback 함수를 setTimeout을 통해 호출함으로써 이벤트를 지연할 수 있고 따라서 프로그램이 block 되지 않게 할 수 있습니다. 이것.. 공감수 0 댓글수 0 2012. 3. 21.
Node.js (Express Framework) 앞단에 Nginx 사용하기 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가 사용하는 실제.. 공감수 7 댓글수 2 2012. 3. 17.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.