불변객체가 아닌 값반환타입은 타입추론이 잘되는 타입이다.특정 타입을 가질 수 있는 특정 값을 리터럴 타입이라고 함.위 처럼 나오는 이유는 let은 재할당 할 수 있기 때문길이 고정 & 인덱스 타입이 고정여러 다른 타입으로 이루어진 배열을 안전하게 관리배열 타입의 길이
Javascript에서는 ES2015의 새로운 문법TypeScript에서의 클래스 기능은 C- 일부 기능은 TS에서만 존재하는 고유 문법으로 컴파일 후에 사라진다.ts getter && setter 사용하는 과정에서 ECMA5이상에서만 지원한다는 에러 발견기본 클래스
Javascript에서는 존재하지 않는다.객체의 타입을 정의하고 생김새를 가지도록 할 수 있다.TypeScript에서의 클래스 기능은 C- 일부 기능은 TS에서만 존재하는 고유 문법으로 컴파일 후에 사라진다.extends 가 아닌 impolements 키워드로 구현
컴파일러에게 사용하는 타입을 명시적으로 지정하는 시스템컴파일러가 자동으로 타입을 추론하는 시스템타입을 명시적으로 지정할 수 있다.타입을 명시적으로 지정하지 않으면, 타입스크립트 컴파일러가 자동으로 타입을 추론자신의 코드에서 해당 함수를 사용하는 사용자형태를 정해둔 함수
만약 어떤 새가 오리처럼 걷고, 헤엄치고, 꽥꽥거리는 소리를 낸다면 나는 그 새를 오리라고 부를 것이다.
타입 호환성 서브 타입 서브 타입(2) 같거나 서브타입인 경우, 할당이 가능하다 → 공변 함수의 매개변수 타입만 같거나 슈퍼타입 경우, 할당 가능하다 ⇒ 반병
최신 ECMAScript 표준을 따르는 자바스크립트는 다음과 같은 7가지 데이터 타입을 정의.undefinednullboolean(불리언)string(문자열)symbol(심볼)numeric(number와bigint)object이와 같은 유형을 데이터 타입 또는 자료형이
any 타입은 자바스크립트에 존재하는 모든 값을 오류 없이 받을 수 있다.즉, 자바스크립트에서의 기본적인 사용 방식과 같으므로 타입을 명시하지 않는 것과 동일한 효과를 나타냄.any 타입을 변수에 할당하는 것은 지양해야할 패턴tsconfig.json noIm-plici
런타임과 컴파일타임프로그래밍 언어는 고수준과 저수준 언어로 구분고수준 언어는 사람이 이해하기 쉬운 형식으로 작성저서준 언어는 컴퓨터가 이해하기 쉬운 형식으로 작성자바스크립트는 대표적인 고수준 언어에 속하며 컴파일러나 인터프리터에 의해 저수준 프로그래밍 즉, 기계가 이해
fetch 함수를 사용해서 사용자가 담은 장바구니 물품 개수를 배지로 멋지게 보이게 했다.여러 API 요청 정책이 추가되어 코드가 변경될 수 있다는 것을 감안한다면, 비동기 호출 코드는 컴포넌트 영역에서 분리되어 다른 영역(서비스 레이어)에서 처리되어야 한다.fetch
리액트 함수 컴포넌트에서 상태를 관리하기 위해 useState 훅을 활용할 수 있다.튜플의 첫 번째 요소는 제네릭으로 지정한 S 타입이며, 두 번쨰 요소는 상태를 업데이트할 수 잇는 Dispatch 타입의 함수이다. Dispatch 함수의 제네릭으로 지정한 SetSta
리액트 애플리케이션에서의 상태는 렌더링 영향을 줄 수 있는 동적인 데이터 값을 말한다. 렌더링 결과에 영향을 주는 정보를 담은 순수 자바스크립트 객체컴포넌트 내부에서 사용되는 상태로 체크박스의 체크 여부나 폼의 입력값 등이 해당.주로 useState 훅을 가장 많이 사
Css-in-js는 css-in-css보다 더 강력한 추상화 수준을 제공, Css-In-Js를 활용하면 자바스크립트로 스타일을 선언적이고 유지보수할 수 있는 방식으로 표현할 수 있다.Css-in-js 방식인라인 스타일은 DOM 노드에 속성으로 스타일을 추가한 반면에 c
타입스크립트 타입 선언은 .ts 또는 .tsx 확장자를 가진 파일에서 할 수 있지만 .d.ts확장자를 가진 파일에서도 선언 가능앰비언트 타입 선언.d.ts 확장자를 가진 파일에서는 타입 선언만 할 수 있으며 값을 표현할 수는 없다. 값을 포함하는 일반적인 선언과 구별하