Redux
메가박스 사이트 따라 만들기 - 공지사항
메가박스 사이트 따라 만들기 - 공지사항
2022.02.13공지사항 한 줄 효과 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 결과 HTML 공지사항 전체 공지 전체 2019.05.26 [무대인사] 터미네이터6 시즌 발표 및 영상 제작 10주년 기념 라이브 쇼 전체 2019.05.27 [무대인사] 터미네이터6 시즌 발표 및 영상 제작 10주년 기념 라이브 쇼 전체 2019.05.27 [무대인사] 터미네이터6 시즌 발표 및 영상 제작 10주년 기념 라이브 쇼 전체 2019.05.28 [무대인사] 터미네이터6 시즌 발표 및 영상 제작 10주년 기념 라이브 쇼 영화관 공지 안양 2019.05.26 [영화인사] 터미네이터6 시즌 발표 및 영상 제작 10주년 기념 라이브 쇼 인덕원 2019.05.27 [..
TypeScript - 타입 별칭(Type Alias)
TypeScript - 타입 별칭(Type Alias)
2022.02.07타입 별칭(Type Alias) Interface랑 비슷해 보인다. Primitive, Union Type, Tuple, Function, 기타 직접 작성해야하는 타입을 다른 이름을 지정할 수 있습니다. 만들어진 타입의 refer로 사용하는 것이지 타입을 만드는것은 아니다. Aliasing Primitive type MyStringType = string; const str = 'world'; let myStr: MyStringType = 'hello'; myStr = str; // 별 의미가 없다. Aliasing Union Type let person: string | number = 0; person = 'Kdong'; type StringOrNumber = string | number; let a..
TypeScript - 타입 호환성(Type Compatibility)
TypeScript - 타입 호환성(Type Compatibility)
2022.02.07타입 호환성(Type Compatibility) 서브 타입(1) // sub1 타입은 sup1 타입의 서브 타입이다. let sub1: 1 = 1; let sup1: number = sub1; sub1 = sup1; // error! Type 'number' is not assignable to type '1'. // sub2 타입은 sup2 타입의 서브 타입이다. let sub2: number[] = [1]; let sup: object = sub2; sub2 = sup2; // error! Type '{}' is missing the following properties from type 'number[]': length, pop, push, concat, and 16 more. // sub3 타입은..
TypeScript - Structural Type System VS Nominal Type System
TypeScript - Structural Type System VS Nominal Type System
2022.02.07Structural Type System VS Nominal Type System 타입스크립트(Structural Type System)의 타입 체계를 이해하는데 도움이 되느 시스템이다. interface IPerson { name: string; age: number; speak(): string; } type PersonType = { name: string; age: number; speak(): string; }; let personInterface: IPerson = {} as any; let personType: PersonType = {} as any; personInterface = personType; personType = personInterface; Structural Type Sy..
TypeScript - 작성자와 사용자의 관점으로 코드 바라보기
TypeScript - 작성자와 사용자의 관점으로 코드 바라보기
2022.02.07작성자와 사용자의 관점으로 코드 바라보기 타입 시스템 컴파일러에게 사용하는 타입을 명시적으로 지정하는 시스템 컴파일러가 자동으로 타입을 추론하는 시스템 타입스크립트의 타입 시스템 타입을 명시적으로 지정할 수 있다. 타입을 명시적으로 지정하지 않으면, 타입스크립트 컴파일러가 자동으로 타입을 추론한다. 사용자, 작성자의 입장 타입이란? 해당 변수가 할 수 있는 일을 결정한다 // JavaScript // f1이라는 함수의 bodt 에서는 a 를 사용할 것이다. // a 가 할 수 있는 일은 a 의 타입이 결정한다. function f1(a) { return a; } 자바스크립트에선 함수 사용법에 대한 오해를 야기할 수 있다. // JavaScript // (f2 실행의 결과가 NaN을 의도한 것이 아니라면)..
TypeScript - Tuple
TypeScript - Tuple
2022.02.07Tuple 길이가 정해져 있고, 앞뒤의 타입이 정확한, 다를 수 있는 자료형이다. let x: [string, number]; x = ["Kdong", 30]; // 길이, 순서도 다 맞아야 한다. // x = [10, 'Omna']; // 에러가 뜬다. x[2] = "world"; // Type '"world"' is not assignable to type 'undefined'. // Tuple type '[string, number]' of length '2' has no element at index '2'. const person: [string, number] = ["Kdong", 30]; const [first, second] = person; // const [first, second, t..
TypeScript - null & undefined
TypeScript - null & undefined
2022.02.07TypeScript에서, undefined와 null은 실제로 각각 undefined 및 null 이라는 타입을 가진다. void와 마찬가지로 그다지 유용하지는 않다. 둘다 소문자만 존재한다. // 이 변수들에 할당할 수 있는 것들은 거의 없다. let u: undefined = undefined; let n: null = null; tsconfig 설정을 하지 않으면 다른 타입의 서브타입의 설정으로 설정된다. number에 null 또는 undefined를 할당할 수 있다는 의미이다. 하지만, 컴파일 옵션에서 ‘—strictNullChecks’를 사용하면, null 과 undefined는 void나 자기 자신들에게만 할당할 수 있다. 이 경우, null 과 undefined를 할당할 수 있게 하려면, ..
TypeScript - symbol
TypeScript - symbol
2022.02.06ECMAScript 2015의 Symbol이 추가 되었다. new Symbol 로 사용할 수 없다. Symbol 을 함수로 사용해서 symbol 타입을 만들어낼 수 있다. 함수로 사용할때는 대문자로 Symbol, 타입으로 사용할때는 소문자 symbol 이다. console.log(Symbol('foo') === Symbol('foo')); 프리미티브 타입의 값을 담아서 사용한다. 고유하고 수정 불가능한 값으로 만들어준다. 주고 접근을 제어하는데 쓰는 경우가 많다. const sym = Symbol(); const obj = { [sym]: "value", }; obj[sym]; Notion : https://torpid-pasta-de7.notion.site/Basic-Types-7c1eff4fb5f34..