반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 헤드퍼스트전략패턴
- react-ga
- 가상면접으로대규모시스템
- git commit merge
- 시스템설계방법
- file not found Error
- FirebaseAnalytics
- 리팩토링2판4장
- cypress React
- 디자인패턴
- git commit 협업
- Git commit 합치기
- 테스트코드책
- 가상면접3장
- 가상면접2장
- 시스템설계
- cypressBDD
- 리액트구글애널리틱스
- 리팩터링2판테스트
- gitsquash
- 시스템설계면접
- 시스템설계면접팁
- formik submitting not working
- 전략패턴
- react
- awss3
- formik react-query submitting not working
- git squash
- 시스템설계면접예시
- s3이미지다운로드됨
Archives
- Today
- Total
mingg IT
[Typescript] 구조적 타이핑 예시 본문
interface Author {
first : string;
last : string;
}
function getAuthors(database : PostgresDB) : Author[] {
const authorRows = database.runQuery('SELECT FIRST, LAST FROM AUTHORS');
return authorRows.map(row=> ({first : row[0], last : row[1]}))
}
interface DB{
renQuery : (sql:string) => any[];
}
function getAuthors(database : DB) : Author[] {
const authorRows = database.renQuery('Select FIRST, LAST FROM AUTHORS');
return authorRows.map(row=> ({first : row[0], last : row[1]}));
}
runQuery 메서드가 있기 때문에 실제환경에서도 getAuthors 에 PostgresDB를 사용할 수 있음.
구조적 타이핑을 활용하여 더 구체적인 인터페이스를 정의하는 것이 나은 방법임.
유닛 테스트도 손쉽게 할 수 있음.
'FrontEnd' 카테고리의 다른 글
[HTML] Shadow DOM (0) | 2022.04.09 |
---|---|
[Next.js] Next.js 에서 .module.scss 사용하기 (0) | 2022.03.08 |
[Typescript] 주석 사용법 (0) | 2022.02.25 |
[Typescript] 프로젝트 내 any 갯수 추적하기 (0) | 2022.02.24 |
[React] lodash debounce 사용 (0) | 2022.02.23 |
Comments