Tech is created to fix problem

클래스와 접근 제어자 class UserA { // 블록 안에 상단에 타입지정 필요 public first: string protected last: string private age: number constructor(first: string, last: string, age: number){ this.first = first this.last = last this.age = age } // 매개변수로 블록 안의 내용이 같기 때문에 이렇게 변경 가능 constructor( public first: string protected last: string private age: number ) {} getAge(){ return `${this.first} ${this.last} is ${this.age}` ..

타입가드의 예제 예제 1 function logText(el: Element) { console.log(el.textContent) } const h1El = document.querySelector('h1') if (h1El instanceof HTMLHeadingElement) { logText(h1El) } 예제 2 function add(val: string | number) { let res = `Result =>` if (typeof val === 'number'){ res += val.toFixed(2) } else { res += val.toUpperCase() } console.log(res) } add(3.141592) add('hello world') 타입가드란 에러가 발생할 수 있는..

타입 추론(Inference) 추론 : 어떠한 판단을 근거로 삼아 다른 판단을 이끌어 냄 // let num: number = 12 let num = 12 num = 'Hello world' --> 오류 발생 아래 3가지 방식으로 타입을 추론할 수 있음 1) 초기화된 변수 let num = 12 2) 기본값이 설정된 매개 변수 function add(a: number, b = 2) { return a + b } 타입 추론이 어려운 곳에서만 적어주고 그렇지 않으면 타입스크립트에서 추론이 가능하기 때문에 매번 타입을 적어줄 필요는 없다 타입 및 할당 단언 (Assertions) 단언 : 주저하지 아니하고 딱 잘라 말함 예시 1 const el = document.querySelector('body') el...

드디어 타입스크립트를 배우게 되었다. CSS 만 사용하다가 SCSS를 배웠을 때, CSS 만 사용하던 시절이 답답하게 느껴졌었다마치 이처럼 JS 도 TS 배우다가 JS 만 쓰려고 하면 답답해지겠지,,? 조금 더 확장된 기술을 배우는 것 같아서 기쁜 마음으로 강의를 수강했다. 타입스크립트는 무엇일까? 그리고 타입스크립트를 사용하는 이유는 무엇일까? 타입스크립트를 정적 타입의 컴파일 언어라고 하는데 쉽게 말하자면 브라우저가 TS 를 직접적으로 읽지 못해서 꼭 컴파일 과정을 거쳐야 하는 언어이다 그리고 컴파일 후에는 브라우저나 Node.js 환경에서 동작한다 그리고 정적 타입?? 은 무슨 말일까 동적 / 정적 타입은 오류 확인을 어느 과정에서 할 수 있는지 이 부분이 차이점이다 자바스크립트(동적 타입) - 런..