White Whale Studio

근래에 MEAN Stack 이라는 것을 알게되었습니다. 원래 클라이언트 단에서 동작하는 Window 프로그램이나 안드로이드만 줄창 개발해서 웹이라고는 수박겉핧기 수준으로 밖에 모르던 터였기에 요즘 잘나간다고 하는 웹 환경과 개발 트렌트에 따라서 공부를 해보고 싶어서 시작했습니다.참고로 제 웹 개발관련 수준은 html 약간, API용으로 쓰는 간단한 JS 수정가능, Angular2 소스 버벅거리면서 일부 수정 가능한 수준으로웹에 대해서는 잘 모른다고 보시면 됩니다. MEAN Stack은 M : MongoDB - NoSql DB E : Express JS - node.js를 이용해 웹 개발을 할수 있게 해주는 프레임웍이라고 합니다. (지금은 뭔지는 모르겠지만;;;)A : Angular JS / Angular..

불신, 신뢰, 그리고 희망까지 ‘나는 질병없이 살기로 했다’는 제목은 다분히 자극적이고 도전심을 불러일으키기 충분했다.과연 ‘질병’이란 것이 사람의 의지로 제어할 수 있는 존재이던가 다시 한번 고심하면서 책장을 서서히 넘겼다.책의 서두는 저자의 개인적인 경험(실제라고 믿어지는)에 대해서 이야기를 하고 있었지만 나는 지금까지 수많은 사람들을 속여왔던 온갖 언론과 미디어의 위험성을 여실히 깨달아왔던 터라 우선은 불신의 눈초리로 살펴볼수 밖에 없었다.저자는 사실 거구의 몸으로 항상 질병을 몸에 달고 그로인해 약을 먹으면서도 식습관을 개선하지 못해 몸을 혹사시키는 악순환에 살고 있었는데 우연한 계기로 알게된 자연치유의 원리와 예방의학의 중요성을 많은 사람들에게 알리기 위해 책을 쓰기 시작했다고 한다.처음에는 의..

안드로이드에서 파일 형태로 로그를 남기고 싶을 때 사용하는 코드입니다.저도 스택오버플로에서 보고 일부 수정해서 정리했습니다. 사용할때는 LogHelper 클래스를 선언하고 불러다 쓰면 되겠네요 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748import android.os.Environment; import java.io.BufferedWriter;import java.io.File;import java.io.FileWriter;import java.io.IOException;import java.text.SimpleDateFormat;import java.util.Calendar; public c..

인터파크 도서 정보 조회 API는 일반적인 도서정보를 표시해주는 API 입니다. API에 대해서 직관적으로 찾아갈수 있는 웹페이지 구성이 아니라서 생각보다 찾는데 애를 먹었습니다. 우선 인터파크 로그인 후 도서 페이지로 이동합니다. 도서 페이지에서 상단에 마이페이지 오른쪽에 보면 북피니언이 있습니다. 북피니언을 들어가서 보면화면 왼쪽에 아래와 같은 부분을 볼수 있습니다. 북피니언 화면에서 관리 버튼을 클릭하고 아래와 같이 오픈업(Open Up) 관리 버튼을 클릭하면 인증키 받는 화면이 나옵니다.생성을 한후 해당 인증키를 사용하여 API를 호출합니다. API 에 관련된 일반 정보를 보시려면 북피니언 화면에서 상단에 있는 오픈업 안내 버튼을 클릭하여 들어가면 됩니다. http://book.interpark...

현상 : 전달받은 소스를 돌려보려고 ng serve 입력했으나 다음과 같이 에러 메시지 출현 문제발생하면 구글부터 찾는게 습관이라..ㅠㅠ 나중에 알고보니 에러 메시지에 해결법이 나와있었네요. npm rebuild node-sass 명령어를 통해 서로 다른 환경으로 설정된 부분을 재설정 해주는 기능을 수행합니다.명령어를 실행한 뒤 다시 ng serve 해보면 해결~!

Angular 테스트를 위해 ng serve를 했을 때는 아무런 문제가 없는데배포를 위해 ng build --prod 를 돌리면계속 HostDirective 인식이 안된다고 에러 메시지를 뱉는 통에 도대체 뭔가하면서 구글링을 했습니다만..결국은 못찾고 혼자 이리저리 해보다가 해결했습니다. 그냥 에러 로그만 보면 HostDirective를 NgModule 쪽에 추가하라는 것인데서브 폴더 내에 sub.module.ts 안에 있는 @NgModule({ imports: [ CommonModule, MenuRoutingModule, EditModule, SuiModule, CovalentLayoutModule, CovalentStepsModule, CovalentFileModule, MdIconModule, Co..

Pipe 는 템플릿 화면에 데이터를 보여줄때 선작업을 통해 커스터마이징 또는 변화된 데이터를 보여주고 싶을 때 사용한다. 예를 들어 회원 유무 정보가 0(비회원), 1(회원)인 경우 실제 데이터를 보여줄때 0이나 1로 보여줄수는 없을 것이다. 이 때 Pipe를 통해 0인 경우 비회원 1인 경우 회원으로 표시할 수 있다. 우선 Pipe를 사용하려면 생성을 해야한다. Node.js 콘솔에서 다음과 같이 타이핑 하여 파이프를 생성한다. ng g pipe MemberTypePipe 생성된 소스를 다음과 같이 수정한다. import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'memberTypePipe'})export class MemberTypeP..

Node.js : 이벤트 루프, 코어 라이브러리로 구성된 서버 사이드의 자바 스크립트실행 환경--> Node.js 를 통해 JavaScript가 브라우저에서 벗어나 Node.js가 설치된 곳이라면 어디서든 사용할 수 있도록 변화됨 NPM : Node Package Manager -> Node.js에서 기본으로 사용하는 패키지 관리 도구(package : JavaScript, Html, css 등의 리소스 묶음) REPL : Read, Evaluation, Print, Loop의 약자로, 읽기, 평가, 출력, 반복을 수행하는 도구를 의미

토르에 나왔던 헤임달 아저씨의 멋진 총잡이 액션! 스티븐 킹 작가가 33년동안 집필해낸 다크타워 시리즈 원작소설을 기반으로 한 영화라고 합니다.영화를 보고 나서 가장 크게 느낀점은 영화에서는 확실히 다크타워 원작소설이 가지고 있는 "방대한 세계관을 담아내기에는 미흡했다"라는 점입니다. 일반적으로 소설을 기반으로 한 영화나 방대한 스토리를 담고있는 영화가 그렇듯이 영화 초반부에 특이한 세계관을 보는 사람들로하여금 유추할 수 있도록 어느정도의 정보를 제공하기는 합니다만, 원작 소설을 읽지않고 영화만을 통해서 그 특이한 세계관을 한번에알아차리기에는 많은 무리가 있었습니다. 그러나 티저 무비에서 인상깊었던 롤랜드(이드리스 엘바)가 쏜 총알을 월터(매슈 매코너헤이)가 잡아내는 장면은 저놈은 뭔데 총알을잡아내는것인..

참고 사이트XULRunner - https://developer.mozilla.org/ko/docs/XULRunnerGeckoFX DLL Download - https://bitbucket.org/geckofx/geckofx-22.0/downloads 해당 패키지 사용목적은 C# 프로그램에서 호환성이 떨어지는 기본 WebBrowser 컨트롤을 대체할 목적으로 사용됩니다.Mozilla FireFox의 엔진입니다. 우선 위의 참고 사이트에서 필요한 압축파일을 다운받습니다.버전은 동일하게 맞춰주시면 됩니다. 저의 경우 22.0XXulRunner, GeckoFX DLL이 포함된 압축파일 2개XulRunner 22.0 버전http://ftp.mozilla.org/pub/xulrunner/releases/22.0/..