고고마코드

Observable subscribe 를 사용할 때 아래와 같은 경고를 만났습니다. @deprecated — Instead of passing separate callback arguments, use an observer argument. Signatures taking separate callback arguments will be removed in v8. **해당 경고의 원인과 해결 방법을 기록합니다.** 경고 & 원인 예제1 of([1, 2, 3]).subscribe( v => console.log(v), e => console.error(e), () => console.log('complete') ); subscribe 부분에서 경고가 발생하는데, 이유는 직접적인 인수 입력을 통..

AngularJS 를 공부하는 중 input 태그에 이벤트를 다루는 중 해당 이벤트의 값을 가져오지 못하는 오류를 만났습니다. 해당 오류의 원인과 해결 방법을 기록합니다. 오류 & 오류 원인 예제 1 value = ''; handleInput(event: Event) { this. value = event.target.value; } 예제 2 오류가 나는 비슷한 패턴은 예제1 또는 예제2 에서 발생합니다. 오류의 원인은 TypeScript 가 event.target 의 정확한 타입이 무엇인지 모르기 때문에 발생하는 오류입니다. 예를 들어 target 이 HTMLInputElement 인지 HTMLTextareaElement 인지 모른다는 것입니다. 해결 방법 오류를 해결하는 방법은 두 가지..

delete로는 주로 단일 테이블을 삭제하는데 여러 테이블을 동시에 삭제해야 하는 경우가 있습니다. join 을 이용해 2개 이상의 테이블을 삭제하는 방법을 기록합니다. 단일 테이블 삭제 delete from tableA where table_key = 7또는 delete from a using tableA a where a.table_key = 7다중 테이블 삭제 delete from a using tableA a join tableB b on (a.table_key = b.table_key) where a.table_key = 7where 절에는 a의 값, b의 값 무엇이 들어와도 상관없습니다.

Windows 10 Node v16.15.0 TypeScript 4.7.3 타입스크립트 설치 과정이 필요하다면 아래 링크로 이동하세요. 2022.06.10 - [Develop Log/Coding Log] - TypeScript: 설치부터 JavaScript 변환까지 타입스크립트의 기본 타입 (자료형) null & undefined null 값이 없다는 것을 명시 undefined 값을 할당하지 않은 변수의 초깃값 null 과 undefined는 다른 값의 하위 타입으로 다른 타입에 할당할 수 있습니다. let _null: null = null; console.log(_null); // null let _undefined: undefined = undefined; console.log(_undefined)..

TypeScript 설치해서 JavaScript 로 변환해 실행시키는 과정입니다. 기본적으로 Node 설치가 되어 있어야 합니다. Windows 10 Node.js v16.15.0 TypeScript 설치 $ npm install -g typescript -g 옵션은 global 하게, 즉 전역에 설치를 하겠다는 의미이며 보통 개별 프로젝트에만 사용할 목적이 아니기 때문에 전역에 설치를 진행합니다. TypeScript 설치 & 버전 확인 $ tsc -v 이제 설치가 완료되었으니 타입스크립트 문법으로 작성을 해보고, 자바스크립트로 변환을 하겠습니다. Transpiling (트랜스파일링) TypeScript 예제 코드 (tstest.ts) enum Color1 {Red, Green, Blue}; tstest..

Babel 이란? 자바스크립트는 실행 환경에 따라 최신 문법을 사용할 수도 있고, 사용하지 못할 수도 있습니다. 이러한 실행 환경에 맞춰서 항상 최신 문법의 자바스크립트로 코딩이 가능하도록 도와주는 도구입니다. Babel 을 사용하는 이유 예제 코드 let a = 1; let b = 2; const sum = (x, y) => x + y; console.log(sum(a, b)) // 3 흔히 람다라고 불리는 화살표함수(=>)는 ES6 부터 사용할 수 있습니다. 일반적으로 IE 에서는 ES5 까지만 지원하기 때문에 해당 코드를 사용하면 오류가 발생합니다. 이를 해결하기 위해서는 ES6 코드로 작성한 부분을 실행환경에 맞게 변경할 수 있어야 합니다. 이를 도와주는 도구가 'Babel' 입니다..

이 예제에는 두 가지 패키지를 사용하고 있습니다. (cookie는 없어도 됩니다) express: 4.18.1 cookie: 0.5.0 기본 예제 틀 만들기 const express = require('express'); const app = express(); app.use(express.urlencoded({ extended: false })); app.get('/', (req, res) => { let html = ` `; res.send(html); }); app.post('/cookie', (req, res) => { res.send('cookie test!'); }); app.listen(3000, () => { console.log(&..

Node.js 에서 Express generator 로 프로젝트 기본 구조를 생성했을 경우 일반적으로 사용하는 PM2 사용법으로 서버가 실행되지 않을 수 있습니다. 저 역시 일반적으로 쓰던 것처럼 "PM2 start app.js" 를 했지만 실행이 되지 않았고, 해당 오류를 수정하는 과정을 기록합니다. 오류 & 오류 원인 > PM2 start app.js Express generator 로 프로젝트 기본 구조를 생성하면 app.js 로 서버를 실행하게 되면 list 화면에는 [status=online] 이지만 도메인을 입력하면 오류가 발생합니다. 이유는 생성된 구조를 보면 /bin/www 가 있을텐데, 실제로는 이곳에서 포트번호 및 서버를 세팅하는 역할을 합니다. 즉, 우리가 기존에 하던 서버 세팅의 역..

PM2 를 활용하여 Node.js 서비스하기 추가 설명 없이 간단하게 정리한 것이므로 자세한 설명을 원한다면 가장 하단의 References 의 블로그를 참조하시기 바랍니다. PM2 설치하기 Node.js 가 설치되어 있다는 가정 하에 진행합니다. Node.js 의 패키지 매니저인 npm으로 PM2 를 설치합니다. > npm install pm2@latest -g https://pm2.keymetrics.io/ 예시 애플리케이션 파일 준비 var http = require('http'); var url = require('url'); var app = http.createServer(function(request,response){ var _url = request.url; ..

Java로 윈도우 명령어를 사용해야 하는 경우가 생겼습니다. 명령어 메소드 및 사용법을 정리합니다. 명령어 실행 메소드 public String execCmd(String cmd) { try { Process process = Runtime.getRuntime().exec(new String[]{"cmd", "/c", cmd}); BufferedReader reader = new BufferedReader(new InputStreamReader(process.getInputStream(), "MS949")); String line = null; StringBuffer sb = new StringBuffer(); sb.append(cmd); while ((line = reader.readLine()) !=..