본문 바로가기

프로그래밍/언어 - HTML5,CSS3,JS9

Angular 에서 RxJS unsubscribe() 관련 팁 import "rxjs/add/operator/takeWhile"; takeWhile() 을 이용하는 방법으로서 먼저 상기처럼 모듈을 임포트합니다. 그리고 멤버 변수로 boolean 을 선언한 후, 아래와 같이 subscribe() 를 호출합니다. .....private aliveResults: boolean = true; ..... this.service.getResults().takeWhile(() => this.aliveResults).subscribe( ); 끝으로 ngOnDestroy 이벤트에서 다음과 같이 처리합니다. ngOnDestroy() { this.aliveResults = false;} 이와 같이 사용하면 별도 unsubsribe()를 호출하지 않아도 됩니다. 저의 경우, Ajax 호.. 2017. 4. 27.
CentOS 7 NativeScript 개발 환경 구축하기 요근래 페이스북에서 네이티브스크립트 관련 글들이 자주 노출되길래 한번 설치해보았습니다. 주말인지라 집에서 작업해보았구요. 집에서는 리눅스 데스크탑을 주로 사용하고 있습니다.^^ 일단 설치 및 테스트 환경은 다음과 같습니다. CentOS 7 x64Node.js v6.10.1Java 1.8.0_121 (openjava)gcc 4.9.4PhpStorm - NativeScript 플러그인 설치 설치와 관련한 문서는 다음을 참고하였습니다. http://docs.nativescript.org/angular/start/ns-setup-linux 먼저, 32비트 런타임 라이브러리를 설치합니다. sudo yum install zlib.i686 ncurses-libs.i686 bzip2-libs.i686 그리고 Andro.. 2017. 4. 8.
Angular4 업그레이드하기 기존, 개발 환경(2017/02/17 - [프로그래밍/언어 - PHP] - Laravel5 + Angular2 + Fuse-box 사용하기)에서 Angular4 로 업그레이드하였습니다.(Angular2 에 대한 하위 호환성 및 좀 더 작고 빠른 것이 Angular 4 의 특징이라고 할 수 있습니다.) 먼저, Windows 에서 npm install @angular/common@latest @angular/compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dy.. 2017. 3. 28.
node.js, express 파일 업로드 처리하기 보통 node.js 로 파일 업로드를 처리할 때, bodyParser 를 많이 사용합니다. 하지만, 아래 포스팅을 읽어보면 별 생각없이 사용한 이 방법에 문제가 있다는 것을 알 수 있습니다. http://andrewkelley.me/post/do-not-use-bodyparser-with-express-js.html 실제~ 서버 임시 디렉토리에 모든 POST 요청에 대하여 쓰레기 파일들이 생성되어있음을 확인할 수 있습니다. 하여, 기존 소스를 변경해보았습니다. 이전app.use(express.bodyParser()); 이후app.use(express.json());app.use(express.urlencoded()); 그리고, multipart 처리를 위하여 formidable 을 사용하였습니다. npm.. 2014. 6. 30.
Ghost 블로그에 댓글 기능을 추가하기 node.js 를 사용한 블로그 Ghost 를 설치(2014/05/01 - [프로그래밍/서버관리] - CentOS, node.js - Ghost 설치하기)한 후, disqus 의 댓글 기능을 추가해보았습니다. http://disqus.com 초기화면에서 "Add Disqus to Your Site" 버튼을 클릭합니다. 아직 가입을 하지 않은 상태라 회원 가입을 하였습니다. 중간에 가입 확인을 위한 이메일이 전송됩니다. 인증을 위해 수신받은 메일의 링크를 클릭합니다. 다시 disqus 홈페이지로 돌아와서 댓글을 사용할 사이트의 정보를 입력합니다. 카테고리의 경우 애매하면 Auto 를 선택하면 됩니다. 등록이 끝나면 플랫폼을 선택하게 되는데... 댓글을 달 홈페이지 혹은 블로그의 종류를 선택합니다. Ghos.. 2014. 5. 16.
CentOS 5, supervisor 설치 및 설정하기 node.js 로 개발할 때 편리한 모듈이 node-supervisor 입니다. 소스가 수정되거나 오류가 발생할 때 재시작하는 기능을 제공하는 놈이죠. 처음엔 별 생각없이 사용하고 있었는데... 프로세스를 관리하는 supervisor 란 놈이 따로 있다는 것을 알게되었습니다. http://supervisord.org/index.html 아무래도 개발이 끝나고 홈페이지를 배포 및 운영할 때 node-supervisor 만으로는 부족함을 느끼고 있던 차, supervisor 의 기능 등을 살펴보니 꽤 쓸만해 보였습니다. 하여 supervisor 를 직접 설치하여 사용해보기로 마음먹었습니다.(이하 모든 과정은 루트 계정에서 실행한 것입니다.) 우선, CentOS 5.x 버전의 서버를 사용하고 있는 관계로 일단.. 2014. 5. 5.
node.js 설치하기 - CentOS 5.x Cent OS 6.x 의 경우 yum 을 사용하여 node.js 를 쉽게 설치할 수 있다.(2014/02/07 - [프로그래밍/서버관리] - node.js 설치하기 - CentOS 6.5) 이에 반해 5.x 버전의 경우 마땅한 repo 가 존재하지 않는 관계로 nave 또는 nvm (node.js 버전 관리 프로그램임)을 설치한 후 이를 사용하여 node.js 를 설치할 수 있겠다. 먼저, nave 설치 스크립트를 다운로드한다. wget https://raw.github.com/isaacs/nave/master/nave.sh 실행 권한을 준다. chmod +x nave.sh 스크립트를 실행하여 안정판 최신버전을 설치한다. ./nave.sh install stable 그 외 사용할 수 있는 옵션은 다음과 .. 2014. 2. 11.
sublime text 2, node.js 빌드 추가하기 sublime text 2 에서 작성한 node.js 소스를 IDE에서 실행하는 방법은 다음과 같다. 먼저, Tools > Build System > New Build System... 메뉴를 선택한다. {"cmd": ["node", "$file"],"selector": "source.js"} 위와 같이 코드를 작성한 후, node.sublime-build 로 파일을 저장한다. 실행할 node.js 파일을 열고 Tools>Build System>node 를 선택한 다음... Ctrl+B 를 눌러 실행한다. 중지는 Ctrl+Break 이다. 2014. 2. 10.
node.js 설치하기 - CentOS 6.5 node.js 의 소스를 받아 컴파일하여 설치할 수 있으나, yum 으로 패키지 설치하는 것이 여러모로 편리하다. 먼저 yum repo 에 epel 이 추가되어있는지 확인한다. yum repolist 설치되어있지 않으면 아래 URL 에서 rpm 파일을 다운로드한 후 이를 설치한다. 32비트와 64비트 구분하여 설치하여야하며, 아래와 같이 6-8 이 아닌 더 높은 버전이 존재하면 해당 버전을 사용한다. http://download-i2.fedoraproject.org/pub/epel/6/i386/epel-release-6-8.noarch.rpmhttp://download-i2.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpm 물론, 루트 권한.. 2014. 2. 7.