CheolCheol Dev Note

1. 확장에서 'Debugger for Chrome' 검색하여 설치 한다. 2. 디버그 화면으로 이동하여 구성추가를 누르면 launch.json 파일이 생성된다. 3. Launch.json 파일에 아래 설정을 추가 한다. . { "version": "0.2.0", "configurations": [ { "name": "Launch localhost with sourcemaps", "type": "chrome", "request": "launch", "url": "http://localhost:4200/home", "sourceMaps": true, "webRoot": "${workspaceRoot}" } ] } 4. tsconfig.json 파일에서 "sourceMap": true 설정을 추가하거나 수정..

앵귤러에서 ResVo로 받은 것을 ReqVo로 속성값을 복사하고 싶을 때 Object.assign()를 사용하면 된다. Object.assign(this.reqVo, response);

Angular의 대표적인 이벤트 바인딩의 종류들 ( https://developer.mozilla.org/en-US/docs/Web/Events ) (focus)="myMethod()" // An element has received focus (blur)="myMethod()" // An element has lost focus (submit)="myMethod()" // A submit button has been pressed (scroll)="myMethod()" (cut)="myMethod()" (copy)="myMethod()" (paste)="myMethod()" (keydown)="myMethod()" (keypress)="myMethod()" (keyup)="myMethod()" (mou..

Angular 바인딩을 사용하다가 template에 NULL인 데이터가 나올수 있을 때 표현법뒤에 ? 를 붙인다. ?의 이름은 safe navigation operator 라고 한다. {{bind? }} {{content?._data}} 출처 : https://stackoverflow.com/questions/42364184/why-we-use-operator-in-template-binding-in-angular-2

자주는 아니지만 객체의 특정 컬럼의 중복을 제거를 해야할 때가 있다. 그럴때 나는 밑의 방법처럼 사용한다. getGoodsCategoryInShopUsingGET(member_sq: number): Observable { } category:GoodsCategory= new GoodsCategory(); // 이런식으로 get this.mainCategory = Object(this.category).filter((array, index, self) => self.findIndex((t) => { return t.mainCategoryName === array.mainCategoryName && t.mainCategoryId === array.mainCategoryId; }) === index ); //..