코딩 기록

숫자 또는 문자열로 지정 가능한 변수// 태어난 연도를 숫자 또는 문자열로 설정 let birthYear: number | string; // 정상 birthYear = 1980; // 이것도 정상 birthYear = '천구백팔십'; // 대답하기 싫어서 null을 넣으면 에러 birthYear = null; // error TS2322: Type 'null' is not assignable to type 'string | number'. Union Type다음 타입스크립트 코드는 변수에 들어가는 값을 특정 문자열들로 제한하는 기능입니다. "|"으로 대입 가능한 여러 값을 열거합니다. 이렇게 복수 형태로 취하는 것을 Union Type 형태라고 합니다. 미리 정의되지 않은 문자열을 대입하면 오류입니다...

변수TypeScript와 JavaScript의 가장 큰 차이점은 형태(자료형)입니다. 타입스크립트 자료형이 등장하는 경우는 크게 세 가지입니다. 변수 (속성 포함)함수 인수함수 반환 값 이 글에서는 먼저 변수를 살펴보고 TypeScript의 타입 시스템 일부를 소개합니다. 함수는 함수의 장에서 설명합니다. 타입 시스템 세부 내용은 다른 장에서 각각 설명합니다. 세 가지 선언 구문변수 선언에는 const, let이 있습니다. 항상 const 사용을 먼저 고려하세요. 타입스크립트 변수는 일단 const로 선언하고 재할당이 필요한 곳만 let으로 변경합니다. 변경될 필요가 없다면 "이제 변하지 않겠어"라고 선언함으로써 코드 복잡성을 줄이고 가독성을 높입니다. 또한, const는 많은 C/C++ 경험자를 괴롭힌..

프로젝트 폴더 공유 후 환경 구축 팀 내부에선 git 등으로 TypeScript 프로젝트 소스 코드를 공유합니다. JavaScript 계열 프로젝트는 그 안에 package.json, package-lock.json이 있습니다. 타입스크립트 프로젝트 배포 시 환경 구축을 하는 등 공유한 사람은 개발 환경을 손쉽게 재현할 수 있습니다. npm install dependencies와 devDependencies를 설치 npm install --prod dependencies만 설치 npm ci dependencies와 devDependencies를 설치 package-lock.json은 갱신하지 않음 npm ci --prod dependencies만 설치 package-lock.json은 갱신하지 않음 설치..

Node.js 생태계를 체험하자 TypeScript는 JavaScript로의 변환을 목적으로 만들어진 언어입니다. 공식적인 처리 루틴이 있고, 변환하면 JavaScript가 생성됩니다. 공부 목적으로 실행하려면 현재 몇 가지 옵션이 있습니다. 이 가운데 우선 안정적으로 사용할 수 있고, 비교적 간단한 것은 ts-node 입니다. 타입스크립트 웹 사이트 playground 1 : 공식 컴파일러로 변환하여 브라우저에서 실행tsc + Node.js : 공식 컴파일러로 변환하고 Node.js에서 실행babel + ts-loader + Node.js : Babel 통해 공식 컴파일러로 변환하고 Node.js에서 실행babel + @ babel / preset-typescript + Node.js : Babel에서..