안녕하세요 동기 여러분! 헤헤 엠블럼을 하나 만들어 봤습니다ㅋㅋㅋ 오늘은 타입 좁히기의 세 번째 시간으로 if문에 else도 사용하여 타입을 좁혀 보도록 하겠습니다!!! Narrowing with else 저번 시간에 이런 코드를 만들었었습니다. type Bionic = { run: () => string; } type Mechanic = { drive: () => string; } const marine = { run: () => '자! 가자, 가자!, 좋았어!, 한바탕 놀아볼까!' } const siegeTank = { drive: () => '이동!, 전진 앞으로!, 기꺼이!' } function move(unit: Bionic | Mechanic) { if('run' in unit) { retur..
안녕하세요 동기 여러분! 오늘은 타입 좁히기의 첫 번째 시간 타입 가드에 대해 알아봅시다! 사실 이 내용은 여태껏 알아본 타입들의 맥락과 비슷하기 때문에 쉬울 것이라 예상합니다. Type guards 타입스크립트가 타입을 좁히는 방법은 조건문을 사용하여 변수가 특정한 타입인지 아닌지를 확인하는 것입니다. 이것을 우리가 타입 가드(Type guard)라고 부릅니다! 간단한 생김새 function whatever(what: string | number) { if (typeof what ==='string'){ // if문 내용 } } 함수 whatever을 선언하는데 매개 변수로는 what을 사용하고 what의 타입은 유니온으로 string과 number입니다. if문을 넣어서 what의 타입이 'strin..
안녕하세요 동기 여러분! 오늘은 유니온 타입 두 번째 시간으로 타입 좁히기(Type Narrowing)에 대해 알아봅시다! Type Narrowing 유니온이 다른 종류의 타입을 가져와서 사용하기 때문에 타입에 따라 결과가 달라져야 할 상황도 분명히 있을 것입니다. 그럴 때 if문과 그안에 typeof 연산자를 사용해서 결과를 다르게 가져올 수도 있습니다. 생김새 function differentResult(flexibleVal: string | number) { if(typeof flexibleVal === 'string'){ // 여기에 원하는 코드 ~~~ } if(typeof flexibleVal === 'number'){ // 여기에 원하는 코드 ~~~ } } 함수 differentResult를 ..
- Total
- Today
- Yesterday
- 자바스크립트
- Typescript
- 메서드
- Margin
- Object
- 프로그래머스
- for문
- em
- css position
- Type
- javascript
- padding
- html
- 함수
- 타입 좁히기
- 타입스크립트
- CSS
- if문
- function
- html table
- 반복문
- 동기코딩
- HTML 기본
- Array
- 파이썬
- Python
- 실수
- 객체
- CSS 포지션
- method
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |