저장을 습관화

대부분 자바스크립트와 같다 1. let 변수 선언, 자바스크립트와 크게 다르지 않다 사용 예시 - /src/test.ts let num: number = 5; console.log(num); // 출력: 5 num = 10; console.log(num); // 출력: 10 컴파일 $ tsc --build - /dist/test.js "use strict"; let num = 5; console.log(num); // 출력: 5 num = 10; console.log(num); // 출력: 10 실행 2. const 상수 선언, 한 번 선언한 상수는 변경할 수 없다 단 배열로 선언한 상수의 내용(데이터)을 추가삭제하는 것은 가능하다 사용 예시 3. readonly 이 게시글을 작성하는 이유 let con..

타입스크립트에서 데이터 타입 사용 대부분 자바스크립트에서의 사용법과 같다. 1. boolean(불리언) 참(true)/거짓(false) 값을 나타낸다. 사용 예시 - /src/test.ts function isValidPassword(password: string): boolean { return password.length >= 8; } const password = "q1w2e3r4!"; const valid = isValidPassword(password); if (valid) { console.log("유효한 패스워드입니다!"); } else { console.log("유효하지 않은 패스워드입니다!"); } 컴파일 $ tsc --build - /dist/test.js "use strict"; fu..

작업 환경: Windows 10, VSC 작업 목표: 입력 받은 내용(이름, 나이, 성적)을 기준으로 전과목 평균 점수와 학점을 도출 작업 기록 1. 작업 환경 구축 $ npm init -y $ tsc --init --rootDir ./src --outDir ./dist --esModuleInterop --module commonjs --strict true --allowJS true --checkJS true --rootDir: 소스 파일이 들어가는 경로를 명시적으로 지정함 이번에는 ./src 디렉토리에 넣겠다고 하였음 -- outDir: 컴파일된 파일이 tsc로 되면 TS파일이 JS 파일로 나올것임 여기서는 ./dist 디렉토리에 들어가게끔 하였음 --esModuleInterop: require 구문..

작업 환경: Windows 10, VSC 목표: TypeScript 프로젝트에서 JavaScript 라이브러리를 임포트(사용)할 수 있게 해주는 d.ts 파일 실습 작업 기록 1. 타입스크립트 설치와 tsconfig.json 설정 $ npm init -y $ npm install -g typescript // -g는 global의 약자, 패키지를 전역설치하여 // 컴퓨터의 모든 프로젝트에서 사용할 수 있게 한다 // 타입스크립트는 괜찮지만 패키지의 버전이 // 모든 프로젝트와 호환될거라는 보장은 없으니 // 주의해서 사용해야 한다. $ tsc --init // tsconfig.json 파일 생성 확인 2. tsconfig.json에서 allowJs, checkJs의 주석을 해제한다. allowJs는 Ty..