전체태그 보기

#타입스크립트 (10개의 포스트)

nudge411
블록체인에 대해 간단히 이해하고 또한 가볍게 타입스크립트의 매력을 느껴볼수 있는 프로젝트 였다. 기본셋팅 파일구조 스크린샷 2020-01-08 오후 2.39.28.png 위와 같은 기본적인 파일구조를 만들어준다. src 폴더 안에있는 .ts 파일들을 .js로 번역하여 dist 폴더에 생성하는 구조이다. $ tsc src/...
runningwater
타입스크립트는 무엇이고 왜 써야하는가? TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. 공식홈페이지에 나와있는 설명만큼 좋은게 있을까 ? 타입스크립트는 자바스크립트의 수퍼셋이다. 간단히 말하자면 자바스크립트를 포함하며, 자바스크립트보다 엄격한 문법(타입)...
TypeScript 3.7 살펴보기
augusty

TypeScript 3.7 살펴보기

2019년 10월 31일7개의 댓글
2019년 11월 5일 3.7이 정식버전으로 릴리즈되었습니다. 아래에선 3.7에 추가된 주요기능들을 살펴보실 수 있어요! (rc버전에서 작성되었던 내용이지만 설명드린 내용들은 정식버전과 차이가 없어 내용은 수정되지 않았습니다) 해당 포스트는 MicroSoft devblog에 Daniel Rosenwasser님이 기재하신 "Announcing TypeSc...
TypeScript 환경에서 Redux를 프로처럼 사용하기
velopert
이번에 준비한 튜토리얼에서는 TypeScript 환경에서 Redux를 프로처럼 사용하는 방법을 다뤄보도록 하겠습니다. 왜 제목이 "프로처럼"이냐! 사실은 조금 주관적입니다. 이 튜토리얼에서는 지금까지 제가 다양한 TypeScript/Redux 관련 코드를 읽고, 작성해오면서 그 중에서 제가 맘에 들었던 구조를 소개시켜드리겠습니다. 그런데 프로처럼 사용해...
TypeScript 환경에서 리액트 Context API 제대로 활용하기
velopert
이번 튜토리얼에서는 타입스크립트 환경에서 Context API를 제대로 활용하는 방법에 대해서 다뤄보도록 하겠습니다. Context API를 사용함에 있어서, 코드의 구조를 어떻게 가져갈 지에 대해서는 딱 정해진 방법이 존재하지 않습니다. Context 를 준비하는 과정에서 클래스형 컴포넌트를 사용 할 수도 있고, 함수형 컴포넌트를 사용 할 수도 있죠. 함...
타입스크립트로 리액트 Hooks 사용하기 (useState, useReducer, useRef)
velopert
이번 섹션에서는 타입스크립트를 사용하는 리액트 컴포넌트에서 `useState` 및 `useReducer` 를 사용하여 컴포넌트의 상태를 관리하는 방법과 `useRef` 를 사용하여 컴포넌트 내부에서 관리하는 변수 및 DOM 을 이용하는 방법에 대해서 알아보겠습니다.
타입스크립트 기초 연습
velopert

타입스크립트 기초 연습

2019년 9월 27일5개의 댓글
이 포스트에서는 여러분들이 타입스크립트를 리액트 프로젝트에서 사용해보기 전에, 알아두면 유용한 타입스크립트의 기초 핵심을 다뤄보게 됩니다. 추후 리액트를 사용할 것이 아니더라 하더라도, 이 튜토리얼에 나와있는 연습을 진행해보시면 타입스크립트를 통해 어떤 도움을 얻을 수 있는지 갈피를 잡을 수 있게 되어 입문에 도움이 될 거예요. 이 튜토리얼에서는 리액트...
리액트 프로젝트에서 타입스크립트 사용하기
velopert
이번에 올리게 될 개발 튜토리얼 시리즈에서는 리액트 프로젝트에서 타입스크립트를 사용하는 방법에 대하여 알아보겠습니다. JavaScript 는 Weakly-typed 된 언어이기 때문에 특정 숫자 변수를 선언 한 다음에 그 안에 다른 타입의 값을 담을 수 있어요. 예를 들자면, 숫자로 선언한 변수에 문자열을 넣을 수도 있고, null을 넣을 수도 있고 배열...