엉터리 개발 이야기/angular2+ 썸네일형 리스트형 [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 가 출력됨. 더보기 이전 1 2 다음
