Ted's Codding study

1. 타입 어노테이션(Type Annotation)변수, 함수의 매개변수, 함수의 반환값 등에 사용해당 식별자(변수명)의 타입을 명시적으로 선언보통 식별자 뒤에 콜론을 사용하여 직접 명시let number;let anyNumber: any;// any 타입의 변수로 명시하지 않은 경우 값을 할당할 때마다 해당 값의 타입의 변수로 재지정변수에 초기화가 되는 경우 number = 123.456; anyNumber = 123.789; console.log(number.toFixed(2)); // 사용 가능 console.log(anyNumber.toFixed(2)); // 사용 가능 number = '전화번호'; anyNumber = '전화번호'; // console.log(number.toFix..

1. 객체 타입 지정(명시)객체 타입 정의 시 {}(중괄호)를 사용하여 표현객체 타입의 경우 타입끼리의 구분 시 세미콜론(;) 사용을 권장!객체 타입 정의와 객체의 차이점콜론의 우변에는 값 대신 해당 속성값의 타입을 명시(지정)구분자로 콤마(,) 뿐만 아니라 세미콜론(;)도 사용 가능객체 타입 명시변수 명 뒤에 콜론을 사용하여 명시콜론 뒤 중괄호를 사용객체 타입 예시const user: { name: string; age: number } = { name: '테드', age: 50, height: 169, // Error - 객체의 경우 타입으로 명시되지 않은 속성은 정의할 수 없음};+) 객체의 경우 타입으로 명시된 값은 반드시 정의되어 있어야 함! 만약 위 코드에서 age를 주석 처리를 한다면 ..

타입스크립트의 타입 명시 방법(타입 명시는) 필수 사항 X프로그램의 안정성과 가독성을 높이는 중요한 역할타입 어노테이션(Type Annotation, 타입 주석)변수명 뒤에 콜론을 이용하여 JS 코드에 타입을 정의하는 방식 타입1. 기본타입(원시 타입: string, number, boolean 등)변수명 뒤에 콜론을 첨부하고 타입을 명시typeof 연산자를 사용했을 때 나타나는 변환값과 동일한 이름으로 명시String, Number, Boolean과 같이 대문자로 시작하는 타입 또한 동일한 방법으로 명시위의 형태는 JS의 '특수 내장 타입'소문자 형태의 타입 사용을 권장let name: string = '테드';// 권장) 변수명: 타입명let height: number = 177;let isStude..

플러그인(확장) 기능만 사용ESLint1. 정의 및 목적자바스크립트 코드의 문제를 식별하고 보고하기 위한 도구정적 분석 도구의 한 형태로, 코드 실행 전에 코드를 검사하여 일반적인 실수, 버그, 스타일 오류, 또는 안티패턴을 찾음 2. 기능규칙 기반 시스템: ESLint는 수많은 규칙을 제공하며, 사용자는 이 규칙들을 켜거나 끌 수 있고, 규칙의 엄격함을 조정플러그인과 확장성: ESLint는 React, Vue, TypeScript 등 다양한 프레임워크와 라이브러리를 지원하기 위해 플러그인을 사용커스터마이징: 프로젝트의 필요에 맞게 규칙을 추가하거나 수정하여 사용자 정의 규칙 생성 가능자동 수정: 일부 규칙 위반에 대해 ESLint는 자동으로 코드를 수정할 수 있는 옵션을 제공 Prettier1. 정의 ..

typescriptJS의 슈퍼셋 >> TS 파일을 JS 파일로 변환해야만 코드 실행 가능tsc로 TS 코드를 JS로 변환(컴파일)node로 변환시킨 JS 코드를 실행TS 코드 수정 시 계속하여 JS 코드로 변환을 진행매번 tsc fileName 후 node fileName을 실행 시키는 것이 번거로움npm install -g ts-node 설치 후ts-node 명령어를 통해 코드 컴파일과 실행을 동시 진행 가능ts-node 명령어의 경우 JS 파일이 생성되지 Xts-node fileName 으로 실행js 파일에서는 message()가 오류가 없음, 런타임환경에서 오류 발생ts 파일에서는 실행전에 오류를 발생시켜서 실수를 방지해줌  export 키워드// export const tmp = '';{ let..

1. src(source)소스 코드를 저장모든 타입스크립트 파일(.ts)을 해당 폴더 내에 작성 2. node_modules프로젝트에서 사용하는 모든 NPM 패키지를 저장 3. package.json프로젝트의 메타데이터와 사용하는 npm 패키지의 목록을 저장name: 프로젝트의 이름version: 프로젝트의 현재 버전description: 프로젝트에 대한 간단한 설명main: 프로젝트의 엔트리 포인트 이 파일은 프로젝트를 시작할 때 Node.js가 처음으로 실행하는 파일scripts: 프로젝트에서 사용할 스크립트를 정의하는 곳 (EX) 테스트를 실행하거나프로젝트를 빌드하는 등의 커맨드를 정의할 수 있음dependencies: 프로젝트에서 사용하는 패키지의 목록과 버전 정보이 패키지들은 프로젝트의 실행에 ..