일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 코테
- nodejs
- Javascript
- KAKAO
- BFS
- 부트캠프
- js
- git
- 프론트엔드개발자
- 알고리즘
- github
- cpu
- 패스트캠퍼스
- CS
- 국비지원취업
- 그리디
- computerscience
- 컴퓨터과학
- 국비지원
- CSS
- 코딩테스트
- DFS
- 백준
- 호이스팅
- 컴퓨터공학
- LinkSnap
- 야놀자
- 너비우선탐색
- html/css/js
- 자바스크립트
- Today
- Total
목록2023/10/20 (3)
My Boundary As Much As I Experienced
타입 가드 - typeof typeof 조건식으로 처리되는 타입을 방어하는 코드이다. 주로 조건문으로 구성된다. 타입스크립트는 null이나 undefined의 가능성, 패러미터에 다른 타입이 들어올 가능성들을 추적하여 사용자에게 경고한다. function add(a: Combinable, b: Combinable): Combinable { if (typeof a === "string" || typeof b === "string") { // 조건식으로 처리되는 타입을 방어. return a.toString() + b.toString(); } return a + b; // must be Number } If 문에 typeof를 활용하여 a가 문자거나, b가 문자인 경우를 걸러주었다. 그러니 마지막 retur..
교차 타입 커스텀 타입을 혼합해서 쓸 수 있다. 사용법1. 객체 커스텀 타입과 객체 커스텀 타입을 혼합하면 합집합을 강제한다. type Admin = { name: string; privilages: string[]; }; type Employee = { name: string; startDate: Date; // 자바스크립트 Date객체를 말한다. }; type ElevatedEmployee = Admin & Employee; // 이런걸 교차타입이라고 한다. const e1: ElevatedEmployee = { name: "Max", privilages: ["create-server"], startDate: new Date(), }; console.log(e1); 인터페이스를 커스텀 타입으로 조합할..
두 개 중 뭘 사용해야 되나? 거의 비슷해서 서로 immigration해도 문제 없는 경우가 대부분이긴 한데 사소한 차이점들이 있긴 하다. 차이1: 문법 커스텀 타입은 등호를 이용하여 값을 할당한다. // 타입은 등호를 활용하여 값을 할당해준다. type Credit = number type People = { name: string; age: number; } type Id = string | number 인터페이스는 객체 형식꼴로 만든다. // 인터페이스는 객체 형식 혹은 클래스 형식과 비슷하게 생겼다. interface GreenThings { tree: string[]; jewel: string[]; brand: string[]; } interface Korean { name: string; id..