Function(함수) ● 매개변수의 타입과 리턴값의 타입을 명시해야한다. 하지만 리턴값의 타입은 생략할 수도 있다. ● 만약 함수에 리턴값이 없다면, void를 사용하여 작성할 수 있다. ● Typescript는 JavaScript와 달리 매개변수의 갯수에 맞춰 전달인자를 전달해야한다. -> 매개변수의 갯수에 맞춰서 전달하지 않으면 Error가 발생한다. ● 선택적 매개변수를 사용할 경우 매개변수명 끝에 물음표(?)를 붙인다. (fitstName?: string, ...) ● 할당된 매개변수의 값을 정해놓을 수 있다. // named function // 정석 function add(x: number, y: number):number { return x + y; } // 리턴값 타입 생략형 functi..

장점 ● 코드의 가독성과 유지 보수성을 높여준다. -> 이를 통해 런타임 에러를 최소화하고, 코드 작성 시간을 단축하며, 협업 시 코드의 가독성을 높일 수 있다. Type(타입) Boolean(불리언) type // Boolean type const isShow: boolean = true; const isDone: boolean = false; Number(숫자) type // Number type const number1: number = 5; const number2: number = 0.7; String(문자열) type // String type (따옴표, 쌍따옴표, 백틱도 가능하다.) const firstName: string = "coding"; const lastName: string = ..

1. 프로젝트 폴더 생성 & 폴더 안에서 새로운 프로젝트 초기화하기 # 터미널에서 폴더 만들기 mkdir 폴더명 # 만든 폴더로 이동하기 cd 폴더명 # 폴더 안에서 새로운 프로젝트 초기화하기 npm init -y 2. VScode의 터미널에서 TypeScript 설치하기 npm install typescript --save-dev 3. 프로젝트 루트 디렉토리에 tsconfig.json 파일 생성하고, tsconfig.json 파일에 해당 내용 입력하기. // tsconfig.json // compilerOptions 내의 속성은 자유롭게 커스텀 할 수 있습니다. { "compilerOptions": { "jsx": "react-jsx", "lib": ["es6", "dom"], "rootDir": "s..