Programming/JavaScript & TypeScript 69

[Javascript VS Typescript] 자바스크립트와 타입스크립트 중 뭐가 더 좋을까

Javascript - HTML 및 웹 개발에 가장 많이 사용되는 프로그래밍 언어 - 메모리 측면에서 가볍고, 크로스 플랫폼 개발을 지원하는 객체 기반 스크립팅 언어 - 웹 사이트의 클라이언트 쪽 동적 페이지를 만드는데 적합 - HTML 페이지에서 사용되고, 페이지가 로드될 때 자동으로 실행 - 일반 텍스트로 제공 및 실행 - 실행을 위한 별도의 준비나 컴파일이 필요하지 않음 특징 1. 서버 커뮤니케이션 - 페이지를 서버에 전송하기 전, 사용자 입력의 유효성을 검사하는 옵션 제공 2. 상호 작용 - 마우스 hover 시 나타나는 인터페이스 등 3. 낮은 reloading 속도 - 코드를 즉시 참조하므로 개발자가 업데이트한 사항을 페이지가 다시 로드될 때 까지 기다리지 않고 바로 볼 수 있음 4. 날짜와 ..

[NPM] forever 모듈 자체 로그 파일 생성하지 않음

forever 모듈은 실행할 때 기본으로 로그 파일을 생성합니다. - 로그 파일 생성 위치 /${forever 실행한 사용자 홈디렉토리}/.forever - forever 바이너리로 로그 파일 확인 forever logs - forever 바이너리로 기존 로그 파일 삭제 forever cleanlogs https://www.npmjs.com/package/forever forever A simple CLI tool for ensuring that a given node script runs continuously (i.e. forever) www.npmjs.com 만약 별도로 로깅을 하고 있다면 굳이 forever에서 생성하는 로그를 만들 필요가 없겠지요? 그럴 때는 "-a -l /dev/null" 옵션..

[NPM] forever 모듈로 노드 서버 실행 시 메모리 사이즈(max-old-space-size) 설정하기 : forever start --max-old-space-size

기존 실행 명령어가 아래와 같았다면 forever start ./bin/www c 옵션을 추가합니다. (c 옵션의 default 값 : node) forever start -c "node --max-old-space-size=4096" ./bin/www Node 경로를 지정해서 실행시켜줘야하는 것이라면, forever start -c "${노드 바이너리 있는 경로}/node --max-old-space-size=4096" ./bin/www 이겠지요? ※ 참고로 제 노드 버전은 8점 대 이며, 과거 버전의 메모리 사이즈 설정 옵션은 --max_old_space_size 이라고 하네요.

[Node-MongoDB] 인증(Authentication)이 추가된 MongoDB Client에 접속하기

인증이 추가되지 않은 MongoDB Client 접속 URL mongodb://${MongoDB IP}:${MongoDB Port} 인증이 추가된 MongoDB Client 접속 URL mongodb://${MongoDB User ID}:${MongoDB User Password}@${MongoDB IP}:${MongoDB Port}/?authSource=admin 참조 - https://docs.mongodb.com/manual/reference/connection-string/ - https://docs.mongodb.com/manual/reference/connection-string/#connections-connection-options - https://docs.mongodb.com/manua..

[Webpack] 모듈 신규 설치 후 build 파일 실행 시 에러

TypeError: Cannot read property 'indexOf' of undefined at Function.t.getFileName (/home/web_server/dist/server.js:2707:108366) at t (/home/web_server/dist/server.js:2707:107529) at Object.r (/home/web_server/dist/server.js:2707:108713) at n (/home/web_server/dist/server.js:1:172) at Object. (/home/web_server/dist/server.js:2926:1104) at Object. (/home/web_server/dist/server.js:2926:4981) at n (/..

Node.js-Angular 파일 다운로드 기능 구현

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 ..

Javascript 배열 정렬, sort()

설명) - sort()는 배열의 요소를 적절한 위치에 정렬한 후 해당 배열 반환 - 정렬은 stable sort가 아닐 수 있음!! - 기본 정렬 순서 : 문자열의 유니코드를 기준으로 정렬 구문) arr.sort([compareFunction]) parameter) compareFunction (Optional) - 정렬 순서를 정의하는 함수 - 생략하면 배열은 각 요소의 문자열 변환에 따라 각 문자의 유니 코드 값에 따라 정렬 1. compareFunction이 제공되지 않으면 요소를 문자열로 변환 후 유니 코드 순서로 문자열을 비교하여 정렬 ex) "바나나"는 "체리"앞에 옵니다. 숫자 정렬에서는 9가 80보다 앞에 오지만 숫자는 문자열로 변환되기 때문에 "80"은 유니 코드 순서에서 "9"앞에 옵니..

Angular7 ag-Grid 도입

오늘은 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..