능히 해낼 수 있다

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). user라는 객체를 만들어보자 let user:object; user = { name: 'mimi', age: 28 } 여기서 console.log를 찍으면 아래 이미지처럼 에러가 난다. object에는 특정속성 값에 대한 정보가 없기 때문이다. 이를 위해 interface를 사용한다. 인터페이스(interface) 객체의 구조를 정의하고, 해당 객체가 가져야 하는 속성과 메서드를 명시적으로 선언하는 방법 중 하나이다. 이를 통해 코드의 가독성과 유지보수성을 높일 수 있다. 1.interface 추가 user라는 변수의 타입을 User로 선언하자 name과 age프로퍼티가 없다는 에러가 발생한다. user..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 0. 타입추론 아래 코드처럼 변수를 선언했다고 해보자 초기 변수값은 'rose'인 문자열로 할당이 되어있는데, 그 변수에 숫자 4를 재할당 함으로서 타입에러를 발생하고 있는 모습이다. 하지만 TypeScript는 flower에 타입을 선언하지 않았어도 에러를 밷고 있는데, 이는 TypeScript가 변수 타입을 추측하기 때문이다. 원래는 이런식으로 let flower: string = 'rose' 작성을 해야하지만 이렇게 하지 않아도, TypeScript는 아래 이미지 처럼 변수에 마우스 호버링을 해보면 flower의 타입을 이미 알고있다. 이를 '타입추론'이라고한다. 1. 기본 타입 종류 살펴보기 //숫..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). TypeScript를 사용하는 이유? 가령 아래와 같은 JS코드가 있다고 생각해보자 // 숫자를 더하는 add함수를 구현했다고 가정 해 보자 function add(num1, num2) { console.log(num1 + num2); } // 값을 불러올까? add(); add(1); add(1, 2); add(3, 4, 5); // 12?? add('hello', 'world'); 이에 대한 결과들은 Console에서 이렇게 보여준다. 이유가 뭘까? NaN NaN 3 7 "helloworld" function add(num1, num2) { console.log(num1 + num2); } // con..