# 타입스크립트
타입스크립트
TS에서 number는 이진수, 8진수, 10진수, 16진수 같은 모든 부동 소수를 number로 표현한다.TS에서 string은 큰 따옴표, 작은 따옴표, 벡틱으로 입력되는 모든 문자열 타입을 의미한다.TS에서는 배열의 요소들의 타입을 고정시킬 수 있다. 이를 표기할
[Typescript] 타입스크립트 타입 모듈화
타입스크립트에서는 특정 인터페이스나 타입을 다른 여러 파일에서 사용해야 할 경우가 있는데, 그럴 때 `export`로 내보내고 `import`로 들여와서 사용을 할 수 있다.
[Typescript] 타입스크립트 타입 호환
타입스크립트 코드에서 특정 타입이 다른 타입에 잘 맞는지, 타입스크립트에서 두 개의 코드 타입이 서로 호환이 되는지를 점검하는 것을 타입 호환이라고 한다. 타입 호환은 타입 그 자체가 아니라 타입의 구조가 호환이 된다면 타입 호환이 된다. 이를 구조적 타이
2023. 3. 24
readOnly, early-exit타입스크립트 심화utility type & graphql - codegenhttps://velog.io/@creyon0215/2023.-3.-23 (이어서)Intro readOnly? defaultValue와 같은
[TS] Type Alias
재사용하는 타입에 더 쉬운 이름을 할당하는 방법 type aliastype 새로운 이름 = 타입타입 별칭은 PascalCase로 지정타입 시스템의 ‘복붙’처럼 작동훨씬 읽기 쉽다.타입이 복잡해질 때 사용할 수 있는 편리한 기능!타입스크립트의 타입 시스템에만 존재.js
[TS] 유니언과 리터럴(내로잉,타입가드)
코드 정보에 입각한 추론 - Only TypeScript유니언 union : 값에 허용된 타입을 두 개 이상의 가능한 타입으로 확장하는 것내로잉 narrowing : 값에 허용된 타입이 하나 이상의 가능한 타입이 되지 않도록 좁히는 것math는 잠재적인 타입으로 und
2023. 3. 23
타입스크립트타입스크립트를 사용하는 이유, 사용 방법타입스크립트 파일 확장자&실습\-타입 추론\-타입스크립트 배열, 객체 실습엄격한 타입스크립트 strict\-타입으로 뭘 받는지 잘 모를 때API응답 데이터의 타입은 어떻게 할까?graphql-codegengraphql에
[Typescript] 서버에서 주는 데이터를 안전하게 받는법에 대한 고민 (런타임 타입 검증)
Front-end 개발에 있어서 API 통신은 거의 필수 요소라고 생각합니다. 초반엔 경험하지 못하더라도 어느정도 프로젝트를 진행하다보면 백엔드와 통신하는 경우는 무조건 발생하죠.
[API사용]리액트 타입스크립트 댓글 삭제 기능
map을 써서 서버로 get 해온 데이터들을 props 로 뿌려줍니다.이것은 댓글 삭제 함수입니다.여러개의 댓글중 클릭한 해당 댓글만 삭제하기 위해서 인자로 값을 넣어줍니다.위에 props 내려준 onclick에도 인자가 들어가있습니다.그럼 props받은 항목을 확인해
타입스크립트 Section 9 : DOM 요소와 상호 작용
첫번째 형식을 렌더링 하였고, 계속해서 진행한다.CSS적용을 위해 app.css에 \`\`\`this.element.id = 'user-input';class ProjectInput {titleInputElement: HTMLInputElementdescriptionI
[Typescript] 타입스크립트 타입 가드
어떤 변수의 타입이 여러가지일 때, 타입이 A인 경우와, B인 경우를 나눠서 다른 동작을 수행시킬 수 있다. 이를 타입 가드라고 한다.
[Typescript] 타입스크립트 타입 단언
타입스크립트는 자체적으로 변수에 할당된 데이터의 타입을 추론할 수 있다. 하지만 개발자가 항상 의도하는 대로 타입을 추론하는 것은 아니며, 타입스크립트보다 개발자가 더 타입을 잘 알고 있는 경우도 있다. 그럴 때, 개발자가 변수의 타입을 단언해 줄 수 있다.
타입스크립트 5
타입스크립트 파일들을 하나로 묶어서 그룹으로 만들고 그룹화된 파일을 자바스크립트로 변환하는데 그 과정에서 타입스크립틔 설정을 더해준다.타입스크립트 딥다이브 설명 -컴파일 컨텍스트는 근본적으로 집단에서 사용하는 용어이며 타입스크립트는 유효한 것을 분석하고 해석합니다. 어
타입명시하기
object shape(객체모양)을 타입스크립트에게 설명해주는 타입스크립트의 개념이다.props 타입 명시하기Ex)styled-components 타입 명시하기이런식으로 optional로 만들어줄 수 있다.타입스크립트는 리액트의 state의 타입을 추측해서 그 타입과
타입스크립트 4
구조가 같으면, 같은 타입이다.두개는 구조가 같기 때문에 대입해서 쓸 수 있다. 그렇기 때문에 구조가 같다면 타입을 일일히 만들지 않아도 될듯!구조가 같아도 이름이 다르면, 다른 타입이다.(타입스크립트는 nominal 타입 시스템을 따르지 않기 때문에 이름이 다르더라도
[Typescript] 타입스크립트 타입 추론
타입 추론이란 할당된 데이터의 타입을 타입스크립트가 추론하는 것을 의미한다. 변수, 함수, 인터페이스와 제네릭, Best Common Type의 타입 추론에 대해 알아보자.
타입스크립트 소개
타입스크립트는 strongly-typed 언어이다.strongly-typed란, 프로그래밍 언어가 작동하기 전에 type을 확인하는 것이다.왜 타입스크립트를 써야할까?자바스크립트는 정적 타입을 지원하지 않으므로 어떤 타입의 반환값을 리턴해야 하는지 명확하지 않고, 이는
