본문 바로가기

728x90

엉터리 개발 이야기

[Angular2+] lite-server 로 간단한 웹 서버 구동하기 1. Angular 프로젝트 폴더에서 lite-server를 설치합니다.1npm install --save-dev lite-servercs저는 devDependencies 에 추가 했습니다.자세한 내용 보기https://www.npmjs.com/package/light-serverhttps://github.com/johnpapa/lite-server 2. 현재 프로젝트를 빌드 합니다.(빌드 기본폴더 : dist)1ng buildcs- prod 모드 ng build --prod 3. package.json script에 lite-server 시작 script 추가1"dev": "lite-server --baseDir dist"cs "scripts": { "ng": "ng", "start": "ng serv.. 더보기
[Angular2+] ng serve 호스트, 포트 지정하여 실행하기 ng serve로 실행 시 localhost:4200 default 로 실행된다. 외부에서 접속 가능하게 하려면 host를 지정하면 된다. ng serve --host XXX.XXX.XXX.XXX --port 8080 아래 사이트 참고https://cli.angular.io/https://github.com/angular/angular-cli/wiki/serve 더보기
[Angular2+] 새창에서 팝업창 열기 태그로 target="_blank" 로 하여 새로운 창을 여니 새탭으로 열린다.팝업으로 띄우려면 window.open(url, title, option)을 하면 되는데Angular에서는 어떻게 하나 찾아보니 아래와 같았다. app.component.ts 1234567891011121314151617181920212223242526272829import { Component, OnInit } from '@angular/core';import {WindowRef} from './windowRef'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export c.. 더보기
[angular] angular-in-memory-web-api 모듈 설치 npm install angular-in-memory-web-api --save hero tutorial HTTP 예제getHeroes(): Promise { return this.http.get(this.heroesUrl) .toPromise() .then(response => response.json().data as Hero[]) .catch(this.handleError);}response.json() 로 해서 heroes 가 출력됨. 더보기
node.js 따라 해보기. 예전에 해보다가 한동안 안했더니, 다 까먹었다.나중에 보기 위해 여기에 남긴다. 패키지 모듈■ supervisor : 재시작 안하고 반영해주는 기능 - 시작 => supervisor main.js - 종료 => ctrl + c ■ forever : 앱 백그라운드 실행 - 시작 => forever start main.js - 리스트 조회 => forever list - 종료 => forever stop main.js 더보기
블로그 방문자수 조회 위젯 블로그를 하면서 방문자수에 집착을 하고 있다.티스토리, 워드프레스를 운영중인데...지금 얼마나 들어왔나 계속 궁금해서 앱으로 들어가서 매번 확인을 하였다.방문자수 그렇게 중요한건 아닌데 왜 이렇게 집착을 하는지...ㅎㅎ그러한 이유로 안드로이드 위젯을 만들어서 실시간으로 방문자 수를 간편하게 확인하고 싶었다.안드로이드를 예전에 하다가 아예 안해서 전혀 감도 안잡히고 해서, 우선 떠돌아 다니는 위젯 소스를 받았습니다.미르의IT 에서 받았습니다. 그걸 활용해서 블로그의 방문자수를 가져와서 뿌려주는 기능을 만들었습니다.최종적으로 만들어진 화면입니다. 대략적으로 지금 현재 워드프레스를 설치해놓은 노트북에 NodeJS를 설치하여 메인화면 html 소스를 긁어와 해당하는 내용 서버쪽에서 제공하고 이를 클라이언트쪽에서.. 더보기
AWS 실습사이트 Amazon Web Service를 공부하기 위해서 이것 저것 만들어보고 적용도 해봐야 합니다.물론 아마존에서 무료 서비스를 제공하고 있지만, 계정도 만들어야 하고 부담 스럽기도 합니다.이때 연습해볼 수 있는 사이트가 있습니다. 여기도 대부분이 유로이긴 하지만, 몇몇 기초적인 실습은 무료로 제공하고 있기 때문에 AWS를 처음 접하시는 분들에게 유용하다고 생각됩니다. qwik LABS 바로가기 무료 교육이 몇개 있습니다.먼저 실습을 해보시고 실전으로 가세요^^ 더보기
[참가] AWS Cloud 2017 콘퍼런스 행사상세정보 AWS Cloud 2017 콘퍼런스에 다녀왔습니다.수많은 참석자들이 있었으며, 여러곳의 파트너사들이 다양한 이벤트를 진행했습니다.기조연설을 시작으로 해서 3가지 트랙으로 나누어 세션이 진행 됐습니다. 관심있었던 내용은 클릭 몇번으로 가상공간을 제공하는 Lightsail 서비스였습니다. 한달의 5불이라는 저렴한 가격으로 사용할 수 있으니, 간단한 워드프레스 블로그 정도 운영을 AWS환경에서 활용할 수 있을 것 같습니다. 또 다른 서비스는 DDoS 공격을 막아주는 aws shield 서비스 입니다. 무료로 사용할 수 있으니 적용해보면 좋을 것 같습니다. 다음에 기회가 또 있다면 다른 행사에도 참석할 예정입니다.!! 점심 참 맛있었습니다. ㅎㅎㅎ 더보기

728x90