[TIL] 221120

🔥 오늘 한 일

• 프로그래머스 Lv.1 콜라 문제, 푸드 파이트 대회 2문제 완료
• [Udemy TS] Section1-2(TS 기본 & 기본 타입) 학습
• 개인 플젝 TS로 마이그레이션 진행중

🚨 Error Handling

타스 플젝 중 발생한 아래 에러들은 아래 포스트에 따로 포스팅함!

🔗 [TS - Error Handling] JS → TS 마이그레이션 중 맞닥뜨린 error 모음zip

1️⃣ An import path cannot end with a ‘.ts’ extension.
2️⃣ err 부분에서의 Object is of type ‘unknown’ error

🧚 오늘 학습한 내용

💡 typescript 이론

- 자스는 동적 타입 (resolved at runtime)
- 타스는 정적 타입 (set during development)
- 타스에서 원시 타입은 모두 소문자로!

// ts 컴파일 명령어
tsc app.ts

// 타스는 추론된 타입이더라도 추론된 타입에 어긋나면 에러 출력!!

const number1 = 5; // 타입 추론에 의해 타입을 따로 지정하지 않아도 됨!

// 처음에 값을 할당하지 않고 나중에 할당해주는 경우엔 타입 지정해주는 것이 좋음!
let number11: number; 
number1 = 5;

🌙 Tuple type

// Tuple: 배열과 형태는 같지만 길이와 타입이 고정됨
// 첫번째 원소 타입은 number, 두번째 원소 타입은 string으로 고정
role: [number, string];

// 배열에 정확히 x개의 값이 필요하고,
// 각 값의 타입을 미리 알고 있는 상황에선 배열보단 튜플 사용이 적합!

person.role.push('admin'); 
// push는 예외적으로 튜플에서 허용되서 타스가 에러를 잡지 못함,,
// But, 적어도 잘못된 값을 할당하진 않음!

person.role[1] = 10;
// index 1 자리의 타입은 string으로 지정되어 있으므로 숫자 타입 값이 오면 error!!

person.role = [0, 'admin', 'user'];
// role은 2개의 원소만 지닐 수 있도록 지정했는데 원소 개수가 3개라서 error!!

🌙 Enum type

// enum {NEW, OLD}: [열거형] 자스에선 존재하지 않으며 타스에만 존재하는 타입

enum Role { ADMIN, READ_ONLY, AUTHOR };
// 시작 숫자를 0으로 시작하지 않으려는 경우, 식별자에 등호를 추가하여 다른 숫자 입력도 가능!
// enum Role { ADMIN = 5, READ_ONLY, AUTHOR = 'AUTHOR' };
// => 5 6 AUTHOR
// 숫자 말고도 문자 등도 할당 가능!
role: Role.ADMIN

🌙 Type Alias (타입 별칭)

// type alias(별칭) => 재사용 가능
// Union Type과 함께 쓰면 굳~! (+ 복잡한 객체 타입에도 별칭을 붙일 수 있음!)
type Combinable = number | string;

// Union Type: 여러 타입 지정하고 싶을 때 사용
input2: number | string

// Literal Type: 숫자나 문자열이 아닌 정확한 값을 가지는 타입
const num = 5;

🌙 Any type

// any: 가장 유연한 타입으로, 모든 종류의 값 저장 가능 + 타입 확인 수행 X
let anyArr: any[]; // 뭔가를 포함한 배열
anyArr = ['hi', 10]; // 어떠한 타입의 원소가 와도 error를 발생시키지 않음
// But, any 타입 사용시 타스의 장점이 사라져 자스를 쓰는 것과 다를게 없어지는 단점쓰.. 

🌙 Void type

// void: 함수에 의도적으로 반환문이 없다는 것을 의미
// => 값을 반환하지 않은 함수를 사용하는 경우
// undefined는 실제 값을 반환하지 않을 때 사용 가능
// 반환문(return)이 없으므로 반환 타입이 void로 타입 추론됨
function printResult(num: number): void {
  console.log('Result: ' + num);
}

🌙 Function Type & Callback Type

// let combineValues: Function; // 함수 타입 지정.
// But, 잘못된 함수를 저장해도 error를 발생시키지 않고, undefined 출력,,

// 함수 인자 개수, 타입 & 반환 타입까지 지정
let combineValues: (a: number, b: number) => number;

// 콜백함수 타입 지정
function addAndHandle(n1: number, n2: number, cb: (num: number) => void) {
  const result = n1 + n2;
  cb(result);
}

🌙 Unknown type

// unknown: any와 비슷하지만 다른 타입으로, 사용자가 무엇을 입력할지 알 수 없을 때 사용
// any보다 unknown 타입 지정이 나은 이유는 타입 검사를 수행할 수 있기 때문!

let userInput: unknown;
let userName: string;

// unknown을 사용하는 경우, userInput에 현재 저장된 타입을 확인해야 원하는 변수에 할당 가능
// userName = userInput; // string !== unknown =>  error!!

🌙 Never type

// 에러 객체를 생성하여 넘기는 utility function
// => never를 반환하며, 반환값을 생성하지 않음
// 이 함수의 반환 타입으론 void, never 모두 가능 

// 이 함수는 아무것도 반환하지 않고,
// 기본적으로 스크립트 일부를 충돌시키기 위한 것임을 개발자가 알게 할 수 있음
function generateError(message: string, code: number): never {
  throw { message: message, errorCode: code };
}

👀 MEMO

# 폴더명 변경 후 원격 저장소에 같은 파일들이 담긴 두 개의 폴더가 생성되었다..
# 폴더명 변경 전의 기존 폴더를 삭제하고 싶을 때
git add -u
git commit -a -m 'commit message'
git push

✍️ Diary

이제 좀 코테 문제 푸는게 재밌다..? 물론 먼가 풀릴 것 같은 기미가 보일때,, ㅎ
타스 강의 듣기 시작했는데 아직 기초 이론이여서 그런지 새롭고 생각보다 재미쓰 :>