TypeScript(4)
-
class가 다른 typescript 개발자 되기 위한 기초지식
Public Private public 키워드 같은 경우 굳이 붙이지 않아도 자동으로 붙어 있습니다. public 키워드가 붙을 경우 class의 자식들도 사용, 수정이 가능합니다. private 키워드는 반대로 클래스 내부에서만 변경이 가능하고 외부에서는 변경이 불가능합니다. 그래서 아래와 같이 따로 함수 메소드를 만들어서 값을 변경할 수 있도록 만들어야 합니다. Class User { public name = 'chaeyoung'; private familyName = 'IM' // private은 클래스 안에서만 변경 가능!! constructor(item) { this.name = item + this.familyName; } changeFamilyName(name) { this.familyNam..
2022.10.13 -
함수를 사용하면 한 번 쯤 휙! 봤으면 해
Void void는 '아무것도 없이 공허함'을 뜻하는 타입인데 return할 자료가 없는 함수를 만들고 싶을 때 사용합니다. function packBooks(item? :string[]) :void { item.forEach((el) => el.label = "good book!") // 여기서 item을 리턴하려고 하면 오류가 난다!! // return item X 노노 } function, method Type 함수에 타입 지정하고 싶을 때는 직접 함수에 타입을 설정하기 보다는 변수로 선한하면서 type alias를 사용하는 것이 깔끔하다! 그리고 객체 안의 메소드로 존재하는 함수에 대해서도 타입을 지정하고 싶을 때가 있을 텐데, 이 때는 함수 자체를 키 값으로 연결하면서 arrow function..
2022.10.12 -
빠르게 TypeScript 시작하기
타입스크립트 설치하기 터미널을 킨 다음 아래와 같이 npm을 사용해서 설치할 수 있습니다. > npm install -g typescript 타입스크립트 파일 빌딩하기 VS에 원하는 이름으로 .ts 파일 만들고 다음과 같은 코드를 입력한 이후에 터미널에 tsc --.ts 명령어를 돌리면 컴파일이 되면서 같은 이름의 js파일 생기는 것을 확인할 수 있습니다. function typeBoy(str) { return "Study, " + str; } let code = "Typescript"; document.body.textContent = typeBoy(code); 이때 str : string으로 타입을 지정해준 다음에 code의 값을 문자열이 아닌 다른 값으로 바꾼다음에 컴파일을 실행하면 오류가 발생하는..
2021.01.14 -
JavaScript에서 TypeScript로 기초
Why TypeScript? 자바스크립트를 쓰다가 타입스크립트를 쓸 때, 가장 좋은 장점은 예기치 못 한 오류를 잡기 편하다는 것 이다. 값의 타입을 설정하기 때문에 실수로 다른 키값에 다른 종류의 값을 넣었을 때 오류를 띄워준다. 한 가지 예시로 interface 선언을 통해서 객체의 key와 value의 타입을 설정하면 const 로 선언한 변수명 뒤에 ':'를 붙여서 적용할 수 있다. const user = { name: "Hayes", id: 0, }; ---------------------------------------- interface User { name: string; id: number; } //위와 같이 interface를 선언한 이후에 아래와 같이 사용할 수 있다. const us..
2021.01.04