본문 바로가기

Angular

(3)
[AppStore Viewer] 1. 세팅하기. 1. AppStore Viewer는? 1) "대한민국" AppStore 내에 있는 "iOS"어플 들 랭킹을 보여주고. 해당 어플의 "댓글"들을 볼수 있는 어플을 만들 예정. 2) Windows, MAC, Linux 에서 사용할 수 있도록 "Cross-Platform" 데스크톱 앱을 만들 예정.2. Stack 소개 1) Electron - Node.js 기반으로 작성된 데스크탑 어플리케이션 - HTML, CSS, Javascript로 데스크톱 어플을 쉽게 만들 수 있게 해주는 Framework - Atom Editor를 개발하기 위하여 시작된 프로젝트이고 Atom Shell이라는 이름으로 시작되었다 Electron으로 변경됨. - 웹으로 만들어진 서비스가 있다면 손쉽게 데스크톱 어플로 기존 소스를 재활용하..
[Angular] 2.Angular Tutorial 따라하기 1-2 1. 따라하기 2편 - https://angular.io/tutorial/toh-pt0 - src/app 으로 이동한 상태에서의 내용입니다.2. AppComponent 파일 수정 1) app.component.tsimport { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'Tour of Heroes'; } 2) app.component.html

{{title}}

3. ap..
[Angular] 1.Angular Tutorial 따라하기 1-1 해당 블로깅은 Angular Tutorial을 따라하면서 작성한 내용입니다.https://angular.io/guide/quickstart1. Angular 설치하기npm install -g @angular/cli2. 새로운 어플리케이션 만들기ng new angular-tour-of-heroes - 여기서 ng new는 "새로운 프로젝트를 '현재 디렉토리'에 프로젝트명으로 디렉토리를 만들어준다." - 생성하면 아래와 같은 구조로 내용이 생성될 것이다.3. 어플리케이션 시작하기cd angular-tour-of-heroes ng serve -open - 여기서 ng serve 는 어플리케이션을 빌드하고, 개발서버를 시작한다. 또한 소스파일이 변경될 때 어플리케이션을 알아서 자동시작해준다. '--open 옵션..