혼새미로의 블로그

[개발환경] Node.js 버전: 12.14.0 VS Code 버전: 1.47.2 타입스크립트 버전: 3.9.5 [사전조건] 타입스크립트가 글로벌 모드로 설치되어 있어야 한다. npm install -g typescript [작업순서] 타입스크립트 프로젝트를 위한 폴더를 생성한다. (예시: tsc_deb_001) npm init -y tsc -init tsconfig.json에서 다음 항목을 수정한다. (sourceRoot는 주석처리) { "compilerOptions":{ "target": "ES2019", "sourceMap": true, "rootDir": "./" } } 루트 폴더에 app.ts 파일을 생성한다. 그리고 다음과 같이 작성한다. function add(a: number, b: num..

undefined 타입undefined ⇒ trueobject 타입null ⇒ false{} ⇒ truenumber 타입1 ⇒ falseNaN ⇒ truenew Date() ⇒ falsestring 타입'37' ⇒ false ('37'은 숫자 37로 변환됨'37.37.' ⇒ false ('37.37'은 숫자 37.37로 변환됨'123abc' ⇒ true'' ⇒ false (빈 문자열은 0으로 변환됨)' ' ⇒ false (공백이 있는 문자열은 0으로 변환됨)new Date().toString() ⇒ trueboolean 타입true ⇒ falsefalse ⇒ false

undefined 타입 undefined ⇒ false object 타입 null ⇒ false {} ⇒ true string 타입 '' ⇒ false (문자열 값이 하나라도 없으면 false) 'a' ⇒ true (문자열 값이 하나라도 있으면 true) number 타입 0 ⇒ false 1 ⇒ true -1 ⇒ true NaN ⇒ false (0과 같지 않음) boolean 타입 true ⇒ true false ⇒ false 특이사항 null 값을 가진 변수의 타입을 조회해보면 항상 object 타입임. 이에 따라, null은 object 타입에서만 사용된다고 볼 수 있음

[원본]에서 보시는게 더 깔끔합니다. www.notion.so/logger-5955a78345c44fb4886c88c00000bba8 [개발환경] 운영체제: 윈도우 10 Pro 64비트 빌드버전: 1903 CPU: Intel(R) Core(TM) i7-7700 램: 32GB Node.js 버전: v12.18.2 TypeScript 버전: 3.9.5 winston 버전: 3.3.3 [tsconfig.json] { "compilerOptions": { "target": "ES2019", "module": "commonjs", "noImplicitAny": false, "skipLibCheck": true, "forceConsistentCasingInFileNames": true } } 이 중에서 특히 "no..

옵셔널 체이닝 객체의 특정 속성의 하위 속성이 있으면 하위속성을 반환하고, 없으면 undefined을 반환하여 예외를 없앰 const obj = { name: 'alice', cat: { name: 'Dinah' }, bark(){ console.log('bark'); } }; const dogName = obj.dog?.name; console.log(dogName); //undefined obj.mark?.(); //INFO: 아무것도 하지 않음 obj?.prop //속성 obj?.[expr] //표현식 arr?.[index] //배열 인덱스 func?.(args) //함수 Nullish 병합 연산자 (??) ?? 연산자는 좌측 피연산자가 null 이거나 undefined인 경우 우측 피연산자를 반환..

크롬 확장 연동 방법은 https://remocon33.tistory.com/605?category=897018을 참조바랍니다.

이번에는 타입스크립트를 사용하여 간단한 TCP 서버/클라이언트를 만드는 방법에 대해 설명합니다. [TCP 서버] tcp_server라는 폴더를 생성한 후에 터미널에서 다음과 같이 입력하여 프로젝트를 초기화합니다. yarn init 그러면 다음과 같은 package.json 파일이 생성됩니다. { "name": "tcp_server", "version": "1.0.0", "main": "index.js", "license": "MIT", "private": true } 그리고 다음과 같이 입력하여 타입스크립트 환경을 구성합니다. yarn add -D typescript tsc --init 그러면 다음과 같이 tsconfig.json 파일이 생성됩니다. 아래 내용과 다르면 같게 변경해줍니다. { "compi..

Auto Rename Tag 하나의 태그를 수정하면 짝이 되는 태그도 동시에 수정된다. Bracket Pair Colorizer 2 괄호 쌍들이 서로 같은 색상으로 보이도록 설정한다. BetterComments 주석을 조금 더 보기 좋게 만들어 준다. 주석 앞에 *(중요), !(경고), ?(물음), TODO(할일), @param(파라미터) 등을 입력할 수 있다. 함수를 생성한 후에 /**/을 입력하고 엔터를 누르면 파라미터가 자동으로 생성된다. ESLint 자바스크립트 용 Linter Linter는 소스코드를 분석해 정해진 규칙을 체크한다. 설정방법 확장에서 eslint 설치 터미널에서 npm install -g eslint 입력 터미널에서 npm init 입력 터미널에서 eslint --init 입력 ..

크롬 확장 연동 방법은 https://blog.naver.com/remocon33/221712213034 을 참조바랍니다.

첨부한 압축 파일에서 readme.txt를 참조바랍니다. 아래는 소스코드입니다.