Union Type, Intersection Type, Etc...🙏(feat..optional chaining)
·
Typescript
Union TypeUnion 은 합집합이다. | 로 구분하고 javascript 의 OR 연산자와 비슷한 역활을 한다.(영단어 union 자체가 '합집합'이라는 뜻)type Marvel = "IronMan" | "Captain";type Dc = "Batman" | "Superman";type Hero = Marvel | Dc;// "IronMan" | "Captain" | "Batman" | "Superman" 모두 가능const iAm: Hero = "IronMan"; //OK타입 지정을 Hero로 하면 Marvel ,Dc 의 모든 영웅을 할당 할 수 있다.Intersection TypeIntersection 은 교집합이다. 여러 타입을 조합하여 하나의 타입으로 만들수 있다.교차 타입은 & 로 타입을..
Class...🏫
·
Typescript
class란?클래스는 객체 지향 프로그래밍에서 특정 객체를 생성하기 위해 변수와 메소드를 정의하는 툴로,객체를 정의하기 위한 상태(멤버 변수)와 메서드(함수)로 구성된다.class User(){ //=> class 함수는 첫 문자를 대문자로 약속🤙🏻 name:string; // => 멤버 변수 constructor(name){ this.name = name; } method1(){ console.log(this.name); }}const user = new User('hyun nam');user.method();// hyun namnew User()를 호출하면 내부에서 정의한 메서드가 들어있는 객체를 생성합니다.new 함수를 호출하면 constructor()로 객체를 초기화 합니다..
watch mode 와 es6~✍🏻
·
Typescript
Typescript Watch mode!👀tsc app.ts를 사용해서 .js 변환 후 사용하면 conflict 난다...매번 바꿀떄마다 확인하기도 힘들고 ...tsc app.ts -w여러개의 파일을 comfile해야 할 떈?!cd typescript-comfiler // 해당 파일로 이동tsc --init // tsconfig.json 파일 생성tsconfig.json 의 설명typescript 를 위한 프로젝트 파일 표시기,이 폴더에 있는 프로젝트와 모든 하위 폴더는 타입스크립트로 관리되고 있다.tsc=> .ts 로 생성된 파일들 전체를 .js로 변환해준다.(테스트 때 conflict 엄청 날거 같은데...)tsconfig.json의 사용법"exclude": ["node_modules"],"incl..
처음 보는 typescript...😂
·
Typescript
typescript란?타입스크립트는 자바스크립트에 타입을 부여한 언어입니다.자바스크립트의 확장된 언어라고 볼 수 있습니다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해주어야 합니다. 이 변환 과정을 우리는 컴파일(complile) 이라고 부릅니다.typescript의 기능타입으로 작동하는 방식을 좀 더 명확하게 표현할 수 있다. => 에러 사전 방지 효과최신 IDE가 typescript 를 지원해, 자동완성을 개선, 가이드 => 개발 생산성 향상 Add! const button = document.querySelector("button") as HTMLElement;const input1 = document.getElementById("num1..