# 타입스크립트

16개의 포스트
post-thumbnail

TypeScript interface 와 type aliases

자바에서 인터페이스는 클래스를 구현하기 전에 필요한 메서드를 정의하는 용도로 쓰이지만, 타입스크립트에서는 좀 더 다양한 것들을 정의하는 데 사용된다.인터페이스로 타입을 정의할 때는 interface 키워드를 사용한다.Person 인터페이스를 정의하고 객체 내부에 존재하

약 10시간 전
·
0개의 댓글
post-thumbnail

TypeScript 타입2

자바스크립트에서 값으로 존재하는 null과 undefined는 타입 스크립트에서 각각 값으로 존재함undefined와 null 타입은 다른 타입과 함께 유니온 타입으로 정의할 때 많이 사용 된다.아무 값도 반환하지 않고 종료되는 함수의 반환 타입은 void 타입으로 정

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

TypeScript 타입

타입스크립트에는 타입에는 number, string, boolean, object, array, enum의 타입이 있다.자바스크립트와 타입스크립트에는 int, float, double 같은 형이 없고 다 number 형을 쓴다.그리고 char형도 없다 한글자를 표현하든

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

TypeScript 설치 및 설정

타입스크립트를 실행하기 위해서는 nodejs가 설치되어 있어야 한다. 그리고 원하는 폴더로 가서 설정을 시작한다.그리고 typescript를 설치해준다.그리고 ts를 node에서 실행하게 해주는 ts-node를 설치한다.엄밀히 말하면 ts를 node에서 실행하는게 아니

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

TypeScript 타입스크립트란?

타입스크립트는 자바스크립트의 슈퍼셋이다.타입스크립트를 쓰는 이유는 자바스크립트에서 발생할 수 있는 에러를 미리 방지해주기 때문이다. 를 했을 때를 해버리면 우리는 15라는 값을 원했는데 510이라는 값이 출력 될 것이다. 저것을 제대로 계산하게 하려면이런식으로 해야 한

4일 전
·
0개의 댓글

TIL - Typescript의 Interface

Typescript 하면서 중요하다고 느꼈던 Interface를 정리해보고자 한다. Interface Typescript의 핵심 기능 중 하나가 type-checking이다. Interface는 이러한 타입의 이름을 지정하는 역할을 한다. 지정한 type대로 값이 들

5일 전
·
0개의 댓글

React + TypeScript + Styled-Components 초기 세팅하기

설치하면 이와 같은 화면 상태를 볼 수 있다.없어도 되는 파일 리스트setupTests.tslogo.svgserviceWorker.tsApp.test.tsx"baseUrl": "src" 스타일 리셋 패키지 설치하기 및 styles 폴더 만들기styles 폴더 내부에 G

2020년 3월 21일
·
0개의 댓글

TIL - 네이버 로그인 API in React + TypeScript

clientId: 자리에 본인 api 신청시 받은 id를 입력해줘야 한다.callbackUrl: 콜백 url에 등록해 놓은 url 입력. 안해주면 안됨...callbackHandlke: true로 설정해 놓으면 해당 페이지는 callback페이지로의 동작을 수행한다.i

2020년 3월 15일
·
0개의 댓글

노마드코더 - Typescript로 블록체인 만들기

블록체인에 대해 간단히 이해하고 또한 가볍게 타입스크립트의 매력을 느껴볼수 있는 프로젝트 였다. 기본셋팅 파일구조 스크린샷 2020-01-08 오후 2.39.28.png 위와 같은 기본적인 파일구조를 만들어준다. src 폴더 안에있는 .ts 파일들을 .js로 번역하여 dist 폴더에 생성하는 구조이다. $ tsc src/index.ts 를 ...

2020년 1월 8일
·
0개의 댓글

[TIL] 리액트에 타입스크립트 더하기

타입스크립트는 무엇이고 왜 써야하는가? > TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. 공식홈페이지에 나와있는 설명만큼 좋은게 있을까 ? 타입스크립트는 자바스크립트의 수퍼셋이다. 간단히 말하자면 자바스크립트를 포함하며, 자바스크립트보다 엄격한 문법(타입)...

2019년 12월 15일
·
0개의 댓글
post-thumbnail

TypeScript 3.7 살펴보기

2019년 11월 5일 3.7이 정식버전으로 릴리즈되었습니다. 아래에선 3.7에 추가된 주요기능들을 살펴보실 수 있어요! (rc버전에서 작성되었던 내용이지만 설명드린 내용들은 정식버전과 차이가 없어 내용은 수정되지 않았습니다) > 해당 포스트는 MicroSoft devblog에 Daniel Rosenwasser님이 기재하신 "Announcing TypeS...

2019년 10월 31일
·
7개의 댓글
post-thumbnail

TypeScript 환경에서 Redux를 프로처럼 사용하기

이번에 준비한 튜토리얼에서는 TypeScript 환경에서 Redux를 프로처럼 사용하는 방법을 다뤄보도록 하겠습니다. 왜 제목이 "프로처럼"이냐! 사실은 조금 주관적입니다. 이 튜토리얼에서는 지금까지 제가 다양한 TypeScript/Redux 관련 코드를 읽고, 작성해오면서 그 중에서 제가 맘에 들었던 구조를 소개시켜드리겠습니다. 그런데 프로처럼 사용해...

2019년 10월 3일
·
38개의 댓글
post-thumbnail

TypeScript 환경에서 리액트 Context API 제대로 활용하기

이번 튜토리얼에서는 타입스크립트 환경에서 Context API를 제대로 활용하는 방법에 대해서 다뤄보도록 하겠습니다. Context API를 사용함에 있어서, 코드의 구조를 어떻게 가져갈 지에 대해서는 딱 정해진 방법이 존재하지 않습니다. Context 를 준비하는 과정에서 클래스형 컴포넌트를 사용 할 수도 있고, 함수형 컴포넌트를 사용 할 수도 있죠. 함...

2019년 9월 29일
·
10개의 댓글
post-thumbnail

타입스크립트로 리액트 Hooks 사용하기 (useState, useReducer, useRef)

이번 섹션에서는 타입스크립트를 사용하는 리액트 컴포넌트에서 `useState` 및 `useReducer` 를 사용하여 컴포넌트의 상태를 관리하는 방법과 `useRef` 를 사용하여 컴포넌트 내부에서 관리하는 변수 및 DOM 을 이용하는 방법에 대해서 알아보겠습니다.

2019년 9월 27일
·
7개의 댓글
post-thumbnail

타입스크립트 기초 연습

이 포스트에서는 여러분들이 타입스크립트를 리액트 프로젝트에서 사용해보기 전에, 알아두면 유용한 타입스크립트의 기초 핵심을 다뤄보게 됩니다. 추후 리액트를 사용할 것이 아니더라 하더라도, 이 튜토리얼에 나와있는 연습을 진행해보시면 타입스크립트를 통해 어떤 도움을 얻을 수 있는지 갈피를 잡을 수 있게 되어 입문에 도움이 될 거예요. 이 튜토리얼에서는 리액트...

2019년 9월 27일
·
7개의 댓글
post-thumbnail

리액트 프로젝트에서 타입스크립트 사용하기

이번에 올리게 될 개발 튜토리얼 시리즈에서는 리액트 프로젝트에서 타입스크립트를 사용하는 방법에 대하여 알아보겠습니다. JavaScript 는 Weakly-typed 된 언어이기 때문에 특정 숫자 변수를 선언 한 다음에 그 안에 다른 타입의 값을 담을 수 있어요. 예를 들자면, 숫자로 선언한 변수에 문자열을 넣을 수도 있고, null을 넣을 수도 있고 배열...

2019년 9월 27일
·
6개의 댓글