본문 바로가기

Development/Javascript

[Typescript] 변수 비구조화 (Destructuring) 비구조화란? (Destructuring이란?)Typescript(or Javascript ES6)에서 변수값을 할당해주는데 있어 다른 언어에서는 볼 수 없는 어마무시한 기능이 있는데 바로 비구조화 할당이다. 이게 뭐냐면 변수에 값을 할당을 하면서 구조화되어 있는(Object, Array 등)을 즉각 분리 시켜 변수에 할당해주는 기능이다. 이게 처음 접하는 분들은 무슨 말인지 감이 안 올텐데 예제를..
[Javascript] Array의 slice와 splice의 차이 slice()slice 함수는 Array에서 String의 substring와 같은 기능을 가지고 있는 함수이다. 즉 Array의 내용의 시작과 끝을 받아서 뽑아주는 기능이다. 문법을 보자면 아래와 같다. arr.slice([begin[, end]]) 발췌: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice중요한 건 2번째 인..
async/await로 Promise를 사용하면서 reject을 try/catch로 잡을 때 주의할 점 문제의 시작rxjs를 써보려다가 아직은 숙달되지 않아서 다시 Promise 기반으로 로직을 바꿨는데 rxjs 로직이었다가 Promise로 바꿔서 그런지 Promise가 배열로 생기는 문제가 발생하였다. 다행히도 Promise에는 mergeAll()과 비슷한 Promise.all()이 있기 때문에 여러 Promise가 끝나는 시점에 한 번에 동작 시키는 것은 가능했지만 이상하게도 catch가 안 잡히는 문제가 있었다..
[Angular] Angular Input disabled 방법 https://stackoverflow.com/questions/42179150/how-to-disable-a-input-in-angular2/43765804
[Node.js] Typescript용 Controller(Like a Spring MVC) 3가지 1. tsoa - https://github.com/lukeautry/tsoa2. Trafficlight - https://github.com/swimlane/trafficlight3. routing-controllers - https://github.com/typestack/routing-controllers4. nest.js(추가함) - https://nestjs.com/셋 중에 난 3번 routing-cont..
[Angular] Grid Layout component 1. https://github.com/envyN/ngx-widget-grid2. https://github.com/swiety85/angular2gridster3. https://github.com/lunzhang/ng2-grid4. https://github.com/BTMorton/angular2-grid5. https://tiberiuzuld.github.io/angular-gridster2Javas..
[Momentjs] format 이것도 스프링 Query Method처럼 참고용으로 올려놓는다. 은근 자주 쓰는데 잊어먹어서..ㅠㅠTokenOutputMonthM1 2 ... 11 12Mo1st 2nd ... 11th 12thMM01 02 ... 11 12MMMJan Feb ... Nov DecMMMMJanuary February ... November DecemberQuarterQ1 2 3 4Qo1st 2nd 3rd 4thDay of MonthD1 2 ... 30 31Do1st ..
[Angular] formGroup 관련 에러 Error : ERROR Error: ngModel cannot be used to register form controls with a parent formGroup directive. Try using formGroup's partner directive "formControlName" instead. Example: <div [formGroup]="myGroup"> <i..
[Angular] File에서 값 가져오기. 출처: https://stackoverflow.com/questions/35399617/angular-2-file-upload-from-input-type-file
[Angular] TS2339:Property 'curveBasis' does not exist on type 'typeof d3'. Error: Error:(103, 13) TS2339:Property 'curveBasis' does not exist on type 'typeof d3'. Solution:  npm install @types/d3 --save-dev
[NPM] macOS에서 npm install 중에 발생하는 에러 언젠가부터 npm install을 하면 이런 에러가 났다. 구글링을 해보니 해결방법은 재설치하면 된다고 한다 ㅎㅎ;;Error :$ yarn --version 0.27.5 $ npm install module.js:487 throw err; ^ Error: Cannot find module 'semver' at Function.Module._resolveFilename (module.js:485:15) at Funct..
[Angular] Angular2 Component 사이트들 1. Angular Script오픈소스 컴포넌트만 있어 좋다 ㅎSite : http://angularscript.com/2. Angular Expo여긴 상용/프리가 섞여 있는 것 같다.Site : http://angularexpo.com/3. Material Side Menu말 그대로 옆에 나오는 메뉴 컴포넌트. AngularJS 용인듯...ㅜㅜSite : https://github.com/marcosmoura/angular-mat..