TS (4) 썸네일형 리스트형 (TS) 부모와 자식 컴포넌트 / styled-component props 전달 부모 컴포넌트 Header.tsx 상담 신청하기 자식 컴포넌트 RequestConsultringButton.tsx interface invertedProps { inverted: boolean } const RequestConsultingButton = ({ props, children, }: { props: invertedProps children: string }) => { return ( {children} ) } 일반적인 방법으로 코드 작성. interface (혹은 타입 지정) 지정하여 처리 부모 컴포넌트에서 IntrinsicAttributes 오류 발생 오류 발생 원인을 정확하게 모르겠다. 이리 저리 찾아 봤으나 이유는 모르나 다른 형태로 코드를 작성하여서 해결하였다. 새롭게 작성된 자식 컴포.. (Typescript) 함수 표현식과 일등 함수 개념 자바스크립트는 함수형 언어 '스킴'과 프로토타입 기반 객체지향 언어 '셀프'를 모델로 만들었다. 타입스크립트도 또한 자바스크립트의 이러한 특징을 모두 가지고 있다. 함수 표현식은 함수형 언어의 핵심 기능이다. 프로그래밍 언어가 일등 함수 기능을 제공하면 '함수형 프로그래밍 언어'라고 한다. 일등함수 일등함수란, 함수와 변수를 구분하지 않는다는 의미이다. let f = function(a, b) {return a + b} f = function(a, b) {return a -b} 심벌 f가 변수인지 함수인지 사실상 구분할 수 없다. 이것이 변수와 함수를 구분하지 않는다 의미이다. 표현식 프로그래밍 언어에서 '표현식'이라는 용어는 리터럴, 연산자, 변수, 함수 호출 등이 복합적으로 구성된 코드 형태를 의미한.. (Typescript) type 키워드로 별칭 만들기 TS는 type이라는 키워드를 제공한다. type 키워드는 기존에 존재하는 타입을 단순히 이름만 바꿔서 사용할 수 있게 해준다. 이러한 기능을 '타입 별칭'(type alias)라고 한다. type stringNumberFunc = (string, number) => void let f: stringNumberFunc = function(a: string, b: number): void {} 별칭 덕분에 변수 f에 타입 주석을 수월하게 붙였다. 이렇게 type 키워드로 함수의 시그니처를 명시하면 매개 변수의 개수나 타입, 반환 타입이 다른 함수를 선언하는 잘못을 방지한다. (Typescript) 타입스크립트 프로젝트 만들기 타입스크립트 프로젝트 개발은 Node.js 프로젝트를 만든 다음에 개발 언어를 TS로 설정한다. 1. package.json 파일 생성 Node.js 프로젝트를 만들면 package.json 파일이 생성되는데 npm init 명령을 실행해서 생성한다. package.json은 Node.js가 관리하는 패키지 관리 파일로 프로젝트 정보와 관련 패키지가 기록되어 있다. package.json으로 프로젝트를 개발하고 실행하는데 필요한 패키지를 관리할 수 있다. 2. typescript와 ts-node 설치 npm i -D typescript ts-node JS로 개발된 chance, ramda 라이브러리를 TS에서 사용하려면 추가로 @types/chance, @types/ramda와 같은 타입 라이브러리를 제.. 이전 1 다음
