TypeScript

* TypeScript* 정적 언어 : 프로그램을 작성할 때 타입을 지정해줘야한다. 유지보수 비용 감소 강력한 타입으로 대규모 개발에 용이 JS 라이브러리와의 연결 || 뷰| 리액트 | 앵귤러 | |----|----------|----------|----------|

타입스크립트의 여러 객체를 정의한느 일종의 규칙, 구조✔ interface를 작성하면 type을 보다 간략하게 지정할 수 있다.interface 작성시 key 앞에 readonly를 붙이면 읽기만 가능한 값, 변경 불가능한 값이 된다.interface 작성시 key 뒤

이름이 같고, 매개변수 타입과 반환 타입이 다른 여러 함수를 만들 수 있다.다양한 구조의 함수를 생성하고 관리할 수 있다.재사용을 목적으로 함수나 클래스의 선언 시점이 아닌 사용 시점에 타입을 선언한다.타입을 인수로 받아서 사용한다.타입 변수는 사용자가 제공한 타입으로

어디에서나 자유롭게 접근 가능 클래스 내부에서 접근, 인스턴스 접근 가능 ⭕생략가능한 접근 제한자이다.범위: 속성, 메소드내 클래스 내부, 자식 클래스 내부에서 접근 가능⭕인스턴스 접근 불가능❌범위: 속성, 메소드내 클래스 내부 접근 가능 ⭕자식 클래스 내부, 인스턴스

cmd에서 npx create-react-app 폴더명 --template typescript하여 폴더 생성하위 컴포넌트로 props를 전달할 시해당 컴포넌트에서 타입을 지정해주어야한다.작성하면, 자동적으로 타입이 지정된다. 타입을 지정하고 싶을 시 아래와 같이 지정한

로 작성한다.

json파일을 사용하여 간단한 시뮬레이션을 위한 REST API Mock server를 구축할 수 있는 틀npm install -g json-serverjson-server --watch data.json파일 경로 --port 포트번호

npm i redux-thunknpm i axiosstore 생성 및 redux middleware를 설치한다.❗ 설치한 store는 Provider의 매개변수로 지정한다.composeWithDevTools 사용devtools 사용을 위해 composeWithDevTo