# 타입스크립트

404개의 포스트
post-thumbnail

[5/19 TIL] 타입스크립트 인터페이스

타입스크립트 지식이 부족하니 매번 프로젝트 할 때마다 시간도 오래걸리고 헤매는 것 같다. 최소한 한번은 쭉 훓고 가야 하는 것같아서, 오늘은 자주 쓰이는 interface 에 대해서 정리해보았다.에러발생!!object 에는 특정 속성값에 대한 정보가 없기 때문이다.에러

3일 전
·
0개의 댓글
post-thumbnail

[TS] 객체와 인터페이스

object타입은 인터페이스와 클래스의 상위 타입이다.object타입으로 선언된 변수는 number, boolean, string 타입을 가질 수는 없지만, 속성 이름이 다른 객체를 자유롭게 담을 수 있다.타입스크립트의 인터페이스 구문은 두 번째 코드에 에러를 뱉는다.

3일 전
·
0개의 댓글
post-thumbnail

[TS] 타입스크립트의 변수와 선언문

타입스크립트는 자바스크립트와 호환성을 위해 그에 대응하는 타입을 제공한다.EE5의 자바스크립트는 var를 사용하여 변수를 선언한다.그러나 다른 프로그래밍 언어와는 다르게 동작하는 var때문에, ESNext 자바스크립트는 let과 const라는 키워드를 도입했다.(사실상

4일 전
·
0개의 댓글
post-thumbnail

[TS] FUNCTIONS

: JS의 함수는 일급 객체로 변수에 할당할 수 있었는데 그것처럼 함수도 타입을 미리 지정해서 type alias에 저장할 수 있다. 본래 이와 같이해야하는 것을아래와 같이 해줄 수 있다.아직 이것에 대한 실용성(?)은 제대로 알지 못하지만 나중에 props로 함수를

2022년 5월 15일
·
0개의 댓글
post-thumbnail

React-Native + TypeScript 환경구축

리액트 네이티브로 개발하는 환경은 두가지가 존재합니다.기본이 되는 cli입니다.자유도가 높아 뭐든 만들 수 있습니다.빌드 제어가 가능합니다.AndroidStudio나 Xcode가 있어야합니다.개발을 단순화하기 위해 만들어진 CLI입니다. 1번보다는 기능이 적을 수 있지

2022년 5월 14일
·
0개의 댓글
post-thumbnail

npm error 와 git detached HEAD그리고 TypeScript 에러

개발을 하던 도중에 갑자기 npm install이 안됐다.유효하지않은 버전이라니!node modules와 package-lock.json을 지운다.그리고 app.json파일과 package.json파일에서 다른 버전이 있다면 같게 만들어야한다.npm install을 하

2022년 5월 13일
·
0개의 댓글

[TS] TypeScript의 Types(2)

TS에만 존재하는 타입에 관하여 Void : 사실 void는 자바(JAVA)를 썼던 사람이라면(사실 대부분의 타입스크립트 타입들이 그렇지만) 알고 있는 개념일 것이다. 결과적으로 void는 함수에서 리턴값이 없을 때 return 타입을 void로 해주거나, retur

2022년 5월 13일
·
0개의 댓글
post-thumbnail

[TS] TypeScript의 Types(1)

위의 예시를 보면(타입스크립트 코드), 위에는 num이라는 변수의 타입을 명시적으로 표현해주지 않은 것이고, 아래는 명시적으로 넘버 타입을 표시해준 부분이다. 이 때, 주석 처리한 부분을 보면, num이라는 변수에 'string'이라는 문자열 타입의 자료를 할당하려했는

2022년 5월 13일
·
0개의 댓글
post-thumbnail

[TIL]22.05.12

오늘은 타입스크립트의 기본을 공부했다. 갑작스런 일때문에 3일동안 거의 공부하지 못했지만 남은 기간 열심히 공부하고 기업과제도 최대한 마무리해야겠다. 잠을 줄여보자..흑흑타입 안정성 때문에 코드에 버그를 줄일 수 있고 런타임 에러 또한 줄일 수 있기 때문에 타입스크립트

2022년 5월 12일
·
0개의 댓글

Array

만약 주어진 데이터를 변경하거나 업데이트를 할 수 없는 경우가 있다면? 함수 내부에서 변경하지 않도록 하기 위해서 타입으로 보장할 수 있는 방법이 있다. readonly라고 붙여 주는 방법이다. 이제부터는 fruits는 변경이 불가능하며 데이터만 읽을 수 있게

2022년 5월 12일
·
0개의 댓글

메인페이지(코인리스트) 상세페이지(해당코인)

메인 페이지 Coins.tsx /상세 페이지 Coin.tsxCoins.tsx 코드 최초 렌더링 시 데이터 정보 fetch 해옴data 예시

2022년 5월 12일
·
0개의 댓글

타입스크립트 기본설정

1\. index.tsx2\. app.tsxGlobalStyle\-Reset CSShttps://github.com/zacanger/styled-reset/blob/master/src/index.ts\-Source Sans Pro 폰트@import url('h

2022년 5월 11일
·
0개의 댓글
post-thumbnail

5/9 TIL

자바스크립트에 타입을 부여한 언어, 자바스크립트의 확장된 언어이다.타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해주어야 한다. 이 변환 과정을 우리는 컴파일(complile) 이라고 부른다.아래와 같이 자바스크립트 코드가 있다.개발자의 의도

2022년 5월 9일
·
0개의 댓글
post-thumbnail

[TIL] 원티드 프리온보딩_7일차_220509

타입스크립트는 다른언어가 아닌 SCRIPT + TYPE이라고 생각하면 된다.스크립트 에러를 사전 방지할 수 있다.예를들어 라는 코드가 작성되어 있다면 에러가 나야할 코드가 12라는 결과를 나타내는 경우가 발생한다. 타입이 서로 다름에도 불구하고 실행되는 것이다.여기서

2022년 5월 9일
·
0개의 댓글

유틸리티 타입

유틸리티 타입은 이미 정의해 놓은 타입을 변환할 때 사용하기 좋은 타입 partial : 내부 정의pick : 뽑아 쓰는것pick/omit 예시다른 유틸리티 타입https://www.typescriptlang.org/docs/handbook/utility-ty

2022년 5월 6일
·
0개의 댓글

Generic

재사용성이 높은 컴포넌트를 만들 때 자주 활용되는 특징.특히 한가지 타입보다 여러가지 타입에서 동작하는 컴포넌트를 생성하는데 사용됨. 제네릭이란 : 타입을 마치 함수의 파라미터 처럼 사용하는것을 의미제네릭 타입제한

2022년 5월 6일
·
0개의 댓글

클래스

→ 리액트나 뷰 모두 함수기반으로 사용.타입스크립트에서 클래스 이용리액트에서 클래스 이용

2022년 5월 6일
·
0개의 댓글

연산자를 이용한 타입 정의

\-유니온 타입(Union Type)이란, 자바스크립트의 OR 연산자(||)와 같이 A이거나 B이다 라는 의미의 타입. any를 사용하면 자바스크립트와 다름없이 동작하나, 유니온 타입을 사용하면 타입스크립트의 이점을 살릴 수 있다.한가지 이상의 타입을 사용하고 싶은 경

2022년 5월 6일
·
0개의 댓글

타입 별칭

새로운 타입 값을 하나 생성하는 것이 아니라 정의한 타입에 대해 나중에 쉽게 참고 할 수있게 이름을 부여하는것과 같음.→타입 스크립트에서 중복되는 타입선언을 개선 할 수 있는 방법 중 하나 타입 사용 예제 1,2,3vscode 프리뷰에서 타입안의 요소들을 바로 확인 가

2022년 5월 6일
·
0개의 댓글

인터페이스

인터페이스 : 항상 동일한 규칙으로 쓰겠다는 약속 배열 요소와 객체의 속성 접근(인덱싱방식)딕셔너리 패턴인터페이스의 확장 :Extend 를 이용해 확장가능

2022년 5월 6일
·
0개의 댓글