typescript

자바스크립트에 타입을 부여한 언어자바스크립트의 값을 한눈에 확인할 수 있는 확장된 언어타입스크립트는 자바스크립트와 다르게 브라우저에서 실행하기 위해 파일을 한번 변환해주는 과정이 필요하고 이러한 과정을 컴파일(compile)이라고 부른다.타입스크립트를 배우기 전에 받아

브라우저가 아직 ts파일을 인식할 수 없음따라서 ts확장자 파일을 브라우저가 인식할 수 있는 js파일로 변환을 해줘야하는데 이것을 컴파일이라고 한다.컴파일할 폴더 오른쪽 클릭, 터미널에서 열기npm i typescript -g타입스크립트를 로컬시스템에 설치tsc ind

const 변수: 변수타입 = 값의 형태타입 선언시 대문자, 배열안의 타입도 설정arr배열과 items는 같은 형태배열 특정 인덱스의 타입까지 정하는 것일반적인 객체 선언구체적으로 객체안 속성들의 타입을 정의해줄 수 있다.리턴값을 정해주지 않아도 파라미터의 타입을 보고

quiz 폴더 todo 파일 npm i 설치타입스크립트 파일에서 eslint가 적용되지 않는다. 타입스크립트의 에러를 알리는 빨간줄이 그어져 있어야 한다.다행이 강의 질문글에 해결방법이 있어서 따라해보았다.settings.json 파일을 생성한뒤 아래와 같은 설정을 추

joo 라는 변수는 user라는 인터페이스로 정의 되어있다.interface를 적용할때의 장점은 동일한 규정으로 약속되어 있기 때문에 오타가 나거나 다른사람이 코드를 보더라도 타입의 규칙을 한눈에 확인할 수 있다는 것이다.joo 라는 변수는 상호간의 약속했던 규칙을 따

타입별칭은 특정타입이나 인터페이스를 참조할 수 있는 타입 변수를 의미한다.interface 같은 복잡한 레벨에서도 별칭을 부여할 수 있다.인터페이스와 달리 타입별칭은 타입스크립트내에서 타입을 정의한 모습을 구체적으로 확인시켜준다.타입별칭은 인터페이스 형식뿐만 아니라 다

타입을 하나 더 추가하고 싶을때 | 를 추가하고 타입을 입력한다. | 는 타입스크립트에서 유니온 타입(Union type) 이라고 하고, 유니온 타입은 하나 이상의 타입을 정의하고 싶을때 사용한다.변수에 유니온 타입 정의 \- 선언하고 싶은 타입을 추가해주면 된다.a

이넘이란? 특정 값들의 집합을 의미하는 자료형콘솔로그로 Shoes값을 출력했을때 0이 출력된다. \- 이넘은 별도에 값을 지정하지 않으면 숫자형 이넘으로 취급 \- 특정값을 할당하거나 초기화하지 않았기 때문에 기본 값들은 0, 숫자형이 된다.프리뷰로 확인했을때 목록

클래스란 ES2015 (ES6) 부터 소개됐던 최신 문법클래스가 하는 역할은 기본적으로 인스턴스 생성해주는 역할콘솔로 확인 결과 넘겨준 인자 name과 age 값으로 객체를 생성해줬다.user 라는 객체 생성user의 권한을 관리하는 새로운 객체 admin 생성하지만

타입이 들어간 언어에서 가장 많이 활용되는 문법C- 특히 한가지 타입보다 여러가지 타입에서 동작하는 컴포넌트를 생성할때 사용타입을 함수의 파라미터의 개념으로 받게되는 것일반 함수 사용시 예제네릭함수에서의 제네릭 선언함수 호출시'하이'라는 문자열을 넘겨주니 함수의 파라미

tsconfig.jsoneslintrc.js 파일에서 에러를 명시적으로 표시해주기 위해 주석처리ESLint 적용 안될때 eslintrc.js에서 에러가 표시되도록 설정해줬지만 eslint가 적용되지 않았음(빨간줄x, 함수에서 표시되야할 노란색 줄)package.json

타입추론(Type Inference) 이란 타입스크립트가 코드를 해석해나가는 동작을 의미한다.특정 변수를 선언해서 값을 할당함수 파라미터의 기본값, 반환값 지정했을때 기본적으로 타입추론이 일어난다.변수를 선언하면 ts 파일이기 때문에 vscode 내부적으로 Langua

a의 타입이 초반에 any로 정의되었기 때문에 값이 할당되었다고 해도 b타입은 any로 추측된다. 타입단언 방식 as string 으로 타입을 정의해주면 b의 타입은 string으로 명확하게 정의되는 것을 볼 수 있다.타입 단언은 타입스크립트가 추정하지 못하는 부분까

Developer과 Person이라는 인터페이스를 설정하고 함수에 두 인터페이스를 유니온 방식으로 정의해줬다.함수를 tony 변수에 할당한뒤 정의해준 속성 skill을 출력했을때 접근하지 못하고 에러가 발생한다.유니온 속성은 공통된 속성에만 접근할 수 있는 특징이 있기

타입호환이란 타입스크립트 코드에서 특정타입이 다른 타입에 잘 맞는지를 의미한다. 즉 타입코드를 해석해나가는 과정에서 두개의 타입이 서로 호환이 되는지를 점검하는 것 타입스크립트 관점에서는 타입에 정의되어있는 속성의 타입을 가지고 실제로 코드들이 호환되는지를 점검하는 것

타입스크립트의 모듈이라는 개념은 ES6+의 export, import를 사용하는 Modules 개념과 같다.실제 서비스를 구현하다보면 코드들이 많아지면서 혹은 특정 타입을 여러개의 파일에서 나누어 쓰게 되면서 한 곳에서 관리해서 사용하는 로직이 필