도찐개찐

interface VS type 공통점 구조적 타이핑: 둘다 구조적 타이핑을 지원합니다. 즉, 객체의 형태가 중요하며, 이름이 아닌 구조로 타입이 결정 됩니다. 확장 가능성: type과 interface는 모두 확장 가능 합니다. 즉, 기존의 타입이나 인터페이스에 새로운 속성을 추가하여 새로운 타입이나 인터페이스를 만들 수 있습니다. 타입 체킹: 둘다 TypeScript의 타입 체킹에 사용되어 오류를 사전에 방지할 수 있게 합니다. 차이점 확장(extends) 방식 interface: 선언 병합을 통해 확장 됩니다. 동일한 이름으로 여러번 선언할 경우, 자동으로 병합되어 확장 됩니다. type: 인터섹션(교차 타입)을 사용해 확장 됩니다. 새로운 타입을 만들어 기존 타입과 합쳐야 합니다. 선언 방식 in..

Type Aliases 타입스크립트 코드 작성시 아래와 같이 길고 복잡하게 타입을 나열하는 경우가 많습니다. let animal: string | number | undefined; type 키워드 = 타입을 변수처럼 만드는 것 type 키워드를 사용하는 것을 type alias 라고 합니다. 일반적 선언 방법 type {변수명} = {타입종류1} | {타입종류2} .... type Animal = string | number | undefined; let animal:Animal = 1234; typeof(animal) // 결과 : 'number' let animal2:Animal = 'Hello, animal'; typeof(animal2) // 결과: 'string' let animal3:Anim..

자바스크립트 유용한 연산자 자바스크립트에서는 다양한 연산자를 제공하여 코드를 더 간결하고 가독성 있게 작성할 수 있습니다. 그중에서도 물음표, 느낌표, 물결 연산자에 대해서 알아보고, 어떤 상황에서 사용하는 것이 좋은지 그리고 각각의 연산자를 사용할 때 주의할 점 등에 대해 다루며 예시 코드도 같이 소개할 예정입니다. 물음표 한 개 - 삼항 연산자, 옵셔널 체이닝 연산자 물음표 두 개 - Null 병합 연산자 느낌표 한 개 느낌표 두 개 물결 한 개 - 틸드 연산자 물결 두 개 물음표 한 개(?) 물음표 한 개 연산자는 자바스크립트에서 가장 일반적으로 사용되는 연산자 중에 하나이며 삼항 연산자와 옵셔널 체이닝 연산자에서 사용됩니다. 1) 삼항 연산자(Ternary operator) 조건식 ? 참일 때의 ..