타입스크립트

1\. 타입을 표기한다 : 변수를 정의할 때 변수값에 데이터 타입을 지정할 수 있다.(코드 예측이 쉬움)자바스크립트에서 이렇게 작성시 우리는 8을 얻을 수 있다고 생각하지만, 35가 출력되게 된다. 이 때 오류도 발생하지 않는다.그렇다면 타입스크립트는? => 오류가 발

: 타입 표기가 없는 경우, 타입스크립트는 우리의 코드를 읽고 분석하여 타입을 유추해낼 수 있다.\*\*\`\`\`let a = 5a = "hello"let a = 5\*\*\`\`\`function calculate(lostPoints) { return 100 -

: 상호 간의 정의한 약속 혹은 규칙, 인터페이스를 타입으로 가지는 값은 인터페이스의 구조를 그 값으로 가지도록 강제된다.(인터페이스에 선언된 프로퍼티 또는 메소드의 구현을 강제하여 일관성을 유지할 수 있도록 함)\*\*\`\`\`function App() { le

만약 gender 타입이 string으로 되어있을 때, female과 male로만 지정하고 싶을 때? => enum을 활용해보자!: 연관된 아이템들을 함께 묶어서 표현할 수 있는 수단1\. enum 선언 2\. enum의 이름을 지어준다.3\. 선택할 수 있는 값을 넣

: 어떠한 타입이든 모두 ok!=> 작업중인 코드의 타입 명시가 어려운 경우에만 제한적으로 사용 : 제한된 타입들을 동시에 명시하고 싶을 때이렇게 number | string 타입이 중복될 때 타입 자체를 코드로 만들어 재사용할 수 있다.type 선언type 이름 지정

함수의 반환 타입 명시function함수이름 (매개변수1, 매개변수2):함수의 반환타입{}함수의 매개변수: 함수에 정의된 모든 매개 변수가 함수에 필요하다고 가정함수 호출시 매개변수를 비교 검사하게 되어, 수가 일치해야만 한다.선택적 매개변수들은 필수 매개변수 뒤에 위

yarn create react-app 폴더명 --typescript 로 설치index.tsx 파일 바꿔주기TodoListItem.tsx 컴포넌트 만들기types.d.ts 컴포넌트 파일을 만들어주어 타입들만 모여있는 파일을 만든다. 이 때 types.ts가 아닌 typ

이번엔 등록, 삭제, 체크 표시가 되는 투두리스트를 만들어보자!(with 리듀서)components TodoForm : 새 todo를 등록할 수 있는 컴포넌트(=> form, input과 useState가 들어갈 것)TodoItem : 각각의 todos(=> 삭제 버튼