본문 바로가기

분류 전체보기

(155)
Effective Typescript - 14 - 타입 연산과 제네릭 사용으로 반복 줄이기. 같은 코드를 반복하지 않는 것도 중요하지만, 타입스크립트의 타입에 관한 코드도 예외가 될 수 없다. 아래의 코드는 타입스크립트 타입의 정의에서 발생하는 반복과 그것을 해결하는 타입 연산에 관한 예시이다. 1. 타입 연산을 활용한 타입 관련 코드 중복 제거 기법 a. 인터페이스의 확장으로 중복 줄이기 //name key, age key가 반복됨. interface Person{ name: string; age: number; } interface PersonSpan { name: string; age: number; job: string; } //인터페이스의 확장으로 중복 줄이기 interface PersonBase { name: string; age : number; } interface PersonWi..
Effective Typescript - 13 - 타입과 인터페이스의 차이점 이해하기 타입스크립트에서 이름있는 타입을 정의하는 방법은 'type'키워드 이용한 타입 정의와 'inferface'키워드를 이용한 타입 정의 방식이 있다. A. type 선언(type allias) 방식과 interface 선언 방식의 유사한점 a. 리터럴로 할당시 잉여 속성에 대한 체크를 지원한다. ( 11 섹션에서 나온 내용임 ) b. 인덱스 시그니처 사용 가능. c. 함수의 타입도 정의가능. d. 제네릭 사용 가능. e. 확장. 인터페이스는 타입을 확장 가능. 타입은 인터페이스를 확장 가능. // 타입 엘리어스 선언 type THuman = { name : string; age : number; } // 인터페이스 선언 interface IHuman{ name : string; age : number; } ..
Effective Typescript - 12 - 함수 표현식에 타입 적용하기. 자바스크립트, 타입스크립트에는 함수 '표현식(expression)' 과 '문장(statement)'로 함수를 만들 수 있다. 그리고 '표현식' 방식과 '문장' 방식을 다르게 인식한다. // 자바스크립트에서는 함수문장과 함수표현식을 다르게 인식한다. function rollDice1(sides: number): number{ return 1; } //문장 const rollDice2 = function (sides: number): number { return 1; } // 표현식 const rollDice3 = (sides: number) => {} // 표현식 근데 여기서 함수 선언시 표현식 방식을 사용하는 것이 타입스크립트에서는 더 유리하고 한다. 그 이유는 무엇인가? a. 함수의 형태를 타입으로 선..
Node.js와 Browser 에서 실행되는 JS 파일을 공유하고 싶을 때 https://caolan.uk/articles/writing-for-node-and-the-browser/ Writing for node and the browser Modules that can be used both on the server and the client-side are a useful way to reuse code. This is one way of writing a module that will work well with both systems, while allowing you to write code in the familiar node style. In node you use module.e caolan.uk https://stackoverflow.com/questions/3..
21.06.08 1. 주식 시장 * 다우지수 -0.36 * S&P500 -0.08% * 나스닥 +0.49 * 러셀2K +1.43 2. 주요 경제지표 발표 * 5월 중국의 무역지표는 예측치에 못 미치는 결과로 발표되었다. * 영국의 주택가격은 계속해서 상승추세에 있다. * 일본의 1분기 GDP는 예측치보다 높게 발표되었다. 3. 애플의 WWDC 소식 * iOS 15, Watch OS 8, 새로운 Macos와 같은 새로운 버전의 OS 소식 * 애플맵, 개인정보 관련 업데이트, 아이클라우드 등 * 사진을 3D 모델로 전환시키는 앱 - AR 테크 Here's everything Apple announced at this year's WWDC Apple revealed the newest iPhone, Mac, iPad, Wat..
21.06.05 1. 주식 시장 * 다우지수 : +0.52% * S&P500 : +0.88% * 나스닥 : +1.47% * 러셀2K : +0.31% * 기술주 섹터 위주의 상승에 따라 나스닥이 비교적 큰 폭으로 상승하였다. * 공공재, 의료시설 섹터를 제외하고 전반적으로 대부분의 섹터들이 골고루 상승하였다. 2. 주요 경제지표 발표 * 5월 미국의 비농업고용지수는 예측치에 못 미치는 수준으로 발표되었다. * 5월 미국의 전년대비 시간당 평균 임금이 2%상승하여 예측치보다 높게 상승하였다. * 5월 미국의 실업률은 예측치보다 낮은 낮은 수준으로 발표되었다. 3. 주간 원자재 및 달러 * 한 주간 식료품 가격과 유가의 상승이 두드러졌다. * 구리의 가격이 비교적 크게 하락하였다. * 주말에 미국 재무부 10년물 채권 수익률..
21.06.04 1. 주식 시장 * 다우지수 -0.07% * S&P500 -0.36% * 나스닥 -1.03% * 러셀2K -0.81% * 기술주 위주의 하락으로 나스닥이 비교적 큰 폭으로 하락했다. * 필수 소비재, 상업 은행, 공공재 등의 섹터가 선전하였고, 이들이 주도하는 다우 지수는 비교적 적은 폭의 하락을 맞았다. 2. 주요 경제지표 발표 * 영국의 5월 PMI 관련 지표는 예측치 보다 소폭 높게 발표되었다. 올해 2월부터 계속해서 상승추세에 있으므로 영국의 경기 회복에 대한 기대감이 큰 것으로 보인다. * 미국의 고용 관련 지표는 예측치보다 긍정적으로 발표되었다. 실업자의 증가 추세가 계속해서 꺾이는 모습이다. * 미국의 5월 PMI관련 지표는 예측치보다 소폭 높게 발표되었다. 이전 월 대비 대폭 상승하였기에 ..
21.06.03 1. 주식 시장 * 다우지수 +0.07% * S&P500 +0.14% * 나스닥 +0.14% * 러셀2K +0.13% * 산업재, 원자재, 헬스케어(의료장비), 여행, 외식 관련 섹터의 약세 * 에너지, 공공재 섹터가 전반적으로 강세를 보였다. 2. 주요 경제지표 발표 * 미국의 주간 원유 재고가 예상했던 것보다 많이 소모되었다. 3. 중국이 근 3년간 위안화 강세 최고점에서 서둘러서 끌어내리고 있다. * 중국이 미 달러화에 대해 3년 만에 최고 수준의 강세를 보이면서 수출 경쟁력 약화에 대한 우려가 커짐. * 따라서 중국 인민은행은 24일 이례적으로 외화 지준율을 높여야 한다고 발표했다. China rushes to pull back the yuan from a three-year high As the..