milktea.kang

npm i bootstrap-icons css는 이걸 연결하고 "node_modules/bootstrap-icons/font/bootstrap-icons.css" 이제 유료로 변절한 fontawesome 을 버려도 된다

import { Component,OnInit,OnDestroy,AfterViewInit,Input } from '@angular/core'; @Component({ selector: "icon-car-bus" ,templateUrl: "./icon.car.bus.component.html" ,styleUrls: ["./icon.car.bus.component.scss"] }) export class IconCarBusComponent implements OnInit,OnDestroy,AfterViewInit { isContinue:boolean = true; @Input() bgColor:string = "fill-success"; @Input() borderColor:string = ""; @Inpu..

기능제한 버전 (https://github.com/SheetJS/sheetjs) This is the community version. We also offer a pro version with performance enhancements, additional features like styling, and dedicated support. 간단한 데이터 출력용으로 쓰기에는 문제없으나 셀병합,테두리 등등 상세 설정은 pro 버전 구매 해야 가능 찝찝하지만 무료버전 (https://www.npmjs.com/package/exceljs) 중국어로 번역이 존재하는 걸 봐서 뭔가 찝찝하지만 대부분의 기능이 들어있다

npm install @angularclass/hmr 아래 처럼 app module 을 수정하면 된다는데 해보니까 되긴 되는데 이건 좀 아니다 컴포넌트 수정하면 부모의 부모의 부모...컴포넌트들을 찾아서 다 바꾸는데 결국 메인 모듈까지 바뀌더라 이게 무슨 핫리플레이스냐 import { removeNgStyles, createNewHosts, bootloader } from '@angularclass/hmr'; @NgModule({ bootstrap: [ App ], declarations: [ App ], imports: [ // Angular 2 BrowserModule, FormsModule, HttpModule, RouterModule.forRoot([], { useHash: true }), // ..

func01(){ return this.http.post(url,bodyData,{ headers : header }); } let res = await func01().toPromise();

let promise = new Promise(async (resolve,reject) => { let tx:IDBTransaction = this.idb.transaction([this.tbNameRow,this.tbNameSchedule],"readwrite"); tx.oncomplete = () => { resolve(listItem); }; tx.onerror = (err) => { reject(listItem); }; let tbRow = tx.objectStore(this.tbNameRow); let tbSchedule = tx.objectStore(this.tbNameSchedule); tbRow.clear(); tbSchedule.clear(); if(listItem){ let sizeLi..

let idbFactory = indexedDB; let dbPromise = idbFactory.open("schemaName",1); dbPromise.onerror = (err:any) => { console.error("db open err",err); }; // 호출순서:1 dbPromise.onupgradeneeded = (evt:any) => { // console.log("onupgradeneeded",evt.target.result); this.idb = evt.target.result; let tx:IDBTransaction = evt.target.transaction; let tbNameRow = "table-name-row"; if(this.idb.objectStoreNames.co..

@Component({ selector: "app-01" ,templateUrl: './app.01.component.html' ,providers: [] }) 이런 컴포넌트를 만들고 다른 컴포넌트 템플릿에서 호출할 때 보통 selector tag 를 그냥 쓴다 머라머라 출력해보면 저 모양 저대로 나오는데 css 에서 자식 노드 문제가 발생하는 경우가 생긴다 그러면 이렇게 할 수 있다 @Component({ selector: "[app-01]" ,templateUrl: './app.01.component.html' ,providers: [] }) 머라머라 이렇게 하면 된다

라이브러리 설치 npm install --save jquery bootstrap npm install --save-dev @types/jquery @types/bootstrap angular.json 에 jquery,bootstrap 추가 "architect":{ "build":{ "options":{ ... "scripts":[ ...jquery.min.js,bootstrap.bundle.min.js ] tsconfig.app.json 에 jquery,bootstrap 추가 "compileOptions":{ "types":["jquery","bootstrap"]