Inspired World

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..

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 모듈..

간단히 살펴보는 HTTP Status CodeHTTP Status Code는 HTTP 통신을 할때 서버에서 클라이언트한테 응답을 할때 3자리 숫자로 의미를 담아 코드로 보내주는 것입니다. 브라우저 콘솔창에 자주 보이는 3자리 숫자 에러코드 여기에도 의미가 있습니다.가장 흔히 많이 아는 코드는 404입니다. “404 페이지를 찾을 수 없습니다”, “404 Page Not Found” 기억 나시나요? 더 많은 코드를 상세하게 설명과 함께 보고 싶으시면아래 위키피디아 링크에 가셔서 보실 수 있습니다.HTTP Status Code - Wikipedia 너무 많다…크게 코드는 5가지로 나뉜다고 생각하시면 쉬워요. 100client가 넘겨준 header를 잘 받았다와 같은 처음에 요청이 잘 시작되었다. 200cli..

티스토리 블로그에 애드센스 적용하기티스토리 블로그에 애드센스 좀 더 깔끔하게 다는 방법을 알아보겠습니다.상단, 하단은 티스토리 HTML/CSS 편집에 들어가서 ['##_article_ rep_desc_##'] 를 찾아위에 광고 코드, 아래에 광고 코드를 넣어서 하는 방법이 가장 보편적인데요.광고는 보통 상단, 하단도 좋지만 본문 중간에도 하나 있으면 더 효과적이라고 합니다.매번 글 쓸때마다 수동으로 광고 코드를 본문 중간에 넣어주는 방법도 있으나 번거롭기도 하고혹시나 광고 코드가 바뀌기라도 한다면 재앙이겠죠.그래서 간단히 JavaScript를 이용해서 광고를 본문 상단, 중간, 하단에 배치 하는 방법을 소개하려합니다. 광고 유닛 만들기구글 애드센스 사이트에 로그인 상단에 있는 내 광고를 클릭 반응형 선택..

나의 마소 인턴 면접 후기 (최종) 나의 마소 인턴 면접 후기 (1차 면접편) 보러가기 2015 마소 여름 인턴 후기2차 - 최종면접1차 면접 합격 통보를 받고 일주일 후주중에 면접날을 잡아야해서그래도 제일 덜 학교 스케쥴에 영향을 줄 수 있는 금요일을 선택했습니다. 원래 계획은 목요일 수업을 정상적으로 다 마치고 일부 금요일 수업을 땡겨(?)듣거나 하는 방향으로 해서목요일 저녁 비행기로 날아가는게 목표였으나학교 선배의 조언으로 수요일 저녁까지 모든 스케쥴을 다 땡겨듣고...목요일 아침 일찍 새벽 비행기로 가는 걸로 선택했습니다. D - 1고맙게도 그 형이 ㅎㅎ 새벽에 차로 20~30분 정도 거리에 있는 공항에 데려다주어서 무사히 첫 비행기를 탈 수 있었습니다. 가는 데 든 경비 또한 다 마이크로소프트에..

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'..

망가진(?) 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..

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..

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..