끄적끄적 보니타

app.module.ts 파일에서 아래 모듈, 함수 추가 import { NgModule, Injector, APP_INITIALIZER } from '@angular/core'; import { LOCATION_INITIALIZED } from '@angular/common'; import { TranslateModule, TranslateLoader, TranslateService } from '@ngx-translate/core'; import { TranslateHttpLoader } from '@ngx-translate/http-loader'; export function appInitializerFactory( translate: TranslateService, injector: Injecto..

1. file-saver 모듈 다운로드 npm i --save file-saver https://www.npmjs.com/package/file-saver file-saver An HTML5 saveAs() FileSaver implementation www.npmjs.com 2. Angular (Client) 부분 let headers = new HttpHeaders({ "Authorization": "Bearer " + user.jwt, // Auth header //No other headers needed }); this.http .get("/download/dump", { headers, responseType: "blob" }) //set response Type properly (it is ..

오늘은 ag-Grid에 대해서 알아보겠습니다. https://www.ag-grid.com/ ag-Grid에는 community 버전과 enterprise 버전이 있습니다. 제가 사용할 버전은 community 버전! (1) 모듈 설치 npm install --save ag-grid-community ag-grid-angular (2) src/app/app.module.ts 파일에 모듈 등록 import { AgGridModule } from 'ag-grid-angular'; imports: [ ..., AgGridModule.withComponents([]) ] (3) src/style.css 파일에 스타일 등록 @import "~ag-grid-community/dist/styles/ag-grid.css..

angular 소스를 빌드 후, node express에 import 시키고 서버를 띄웠을 때, 브라우저를 새로고침하면 404에러가 나면서 아래 에러를 뱉습니다..! No default engine was specified and no extension was provided. 그럼 굉장히 당황스럽죠? 그럴 때 당황하지 말고~ app.routing.ts 또는 app-routing.ts 아니면 app.module.ts 파일 내 routing 부분에 " { useHash: true } "를 추가해주면 됩니다! @NgModule({ imports: [RouterModule.forRoot(routes, { useHash: true })], exports: [RouterModule] }) 저렇게 적용하게 되면 u..

오랜만에 angular project를 만드려고 하니, 다음과 같은 에러가 발생했습니다.. ㅎㄷㄷ [sy@localhost ~]$ ng new test_angular ? Would you like to add Angular routing? No ? Which stylesheet format would you like to use? CSS Schematic input does not validate against the Schema: {"name":"test_angular","ve rsion":"7.3.8","routing":false,"style":"css"} Errors: Data path ".name" should match format "html-selector". 현재 Angular version..

[td@localhost app]$ ng g s test --module=app.module.ts Error: Path "/__path__/__name@dasherize@if-flat__/__name@dasherize__.service.spec.ts" does not exist. Path "/__path__/__name@dasherize@if-flat__/__name@dasherize__.service.spec.ts" does not exist. ng 명령어로 service 파일 생성하려고 하니까 다음과 같은 에러 발생..(극혐) [td@localhost app]$ ng g s test --module=app.module.ts --spec=false create app/test.service.ts (11..

[td@localhost web-client]$ ng g c test Error: Cannot read property 'dasherize' of undefined Cannot read property 'dasherize' of undefined 오랜만에 글 좀 써보려고 했더니, 역시 Angular 답게 바로 에러 뱉어주시고~ (필자는 angular5 사용 중) 스택오버플로우에 물어보니, @angular-devkit/core 모듈이 없어서 그런거랍니다. 바로 설치 고고 스택 오버 플로우 짱 npm install --save @angular-devkit/core * --save 안해줘도 되는데, 그냥 해줘버림 [td@localhost web-client]$ ng g c test create src/app/..

* Angular는 Node 환경이기 때문에 Node가 필수적으로 설치되어 있어야 합니다.Angular requires Node.js version 8.x or 10.x. 1. Angular client 설치 npm install -g @angular/cli 2. Workspace와 초기 Application 생성하기 ng new [만들고 싶은 프로젝트 이름] ● 명령어- ng serve : Angular 내 자체 개발 서버를 띄우는 명령어- ng eject : Webpack config 추출 명령어 -> webpack.config.js 생성- ng build : Server에 삽입할 수 있도록 Angular source를 build -> bundle 소스 생성- ng generate [component..