programing/Language
-
[TS] 깊은 복사(deep copy) 라이브러리programing/Language 2020. 3. 30. 15:14
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 타입스크립트에서 깊은 복사 함수 라이브러리를 공유하고자 합니다. https://github.com/erikvullings/deep-copy-ts erikvullings/deep-copy-ts A deep-copy utility function for TypeScript. Contribute to erikvullings/deep-copy-ts development by creating an account on GitHub. github.com
-
[TS] Utility Typesprograming/Language 2020. 3. 18. 15:40
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 이번 포스트에서는 Type Script의 Utility Types에 대해 알아보도록 하겠습니다. Utility Types 타입스크립트에서는 타입 변환을 용이하게 하기 위해 몇가지 유틸리티 타입을 제공합니다. 이 유틸리티 타입은 전역으로 사용할 수 있습니다. 해당 포스트에서 T는 타입, K는 키(속성), U는 유니온 타입을 의미합니다. Patial T의 모든 속성이 선택 사항인 타입을 만들어줍니다. 즉, T의 모든 하위집합을 나타내는 타입을 반환합니다. interface Todo { title: string; description: string; } function updateTodo(todo: Todo, fieldsToUpdat..
-
[TS] TS with React - hook 사용하기 3programing/Language 2020. 2. 23. 19:51
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 2020/02/23 - [programing/JavaScript] - [TS] TS with React - hook 사용하기 1 2020/02/23 - [programing/JavaScript] - [TS] TS with React - hook 사용하기 2 이번 포스트에서는 TypeScript로 React의 hook을 사용하는 방법에 대해 알아보도록 하겠습니다. useRef useRef는 .current 프로퍼티로 전달된 인자(initialValue)로 초기화된 변경 가능한 ref 객체를 반환합니다. 반환된 객체는 컴포넌트의 전 생애주기를 통해 유지될 것입니다. 본질적으로 useRef는 .current 프로퍼티에 변경 가능한 값..
-
[TS] TS with React - hook 사용하기 2programing/Language 2020. 2. 23. 19:44
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 2020/02/23 - [programing/JavaScript] - [TS] TS with React - hook 사용하기 1 2020/02/23 - [programing/JavaScript] - [TS] TS with React - hook 사용하기 3 이번 포스트에서는 TypeScript로 React의 hook을 사용하는 방법에 대해 알아보도록 하겠습니다. useReducer useCallback useMemo 참고 https://ko.reactjs.org/docs/hooks-reference.html Hooks API Reference – React A JavaScript library for building user i..
-
[TS] TS with React - hook 사용하기 1programing/Language 2020. 2. 23. 19:22
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 2020/02/23 - [programing/JavaScript] - [TS] TS with React - hook 사용하기 2 2020/02/23 - [programing/JavaScript] - [TS] TS with React - hook 사용하기 3 이번 포스트에서는 TypeScript로 React의 hook을 사용하는 방법에 대해 알아보도록 하겠습니다. useState useEffect createContext, useContext // todoInfoContext.ts import {createContext} from 'react'; // todoInfo의 타입을 정의합니다. export interface TodoIn..
-
[TS] Interface vs Typeprograming/Language 2020. 2. 20. 21:39
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 이번 포스트에서는 타입스크립트의 인터페이스와 타입에 대해 알아보도록 하겠습니다. Type 흔히 사용하게 되는 type foo = number | string과 같은 구문을 타입 앨리어스(type alias)라고 합니다. 이름에서 유추할 수 있듯이, 타입 앨리어스는 주어진 자료형에 대한 별명을 만들어주는 역할을 합니다. 즉, 실제로 새로운 자료형을 만드는 것이 아닙니다. 이름있는 객체 자료형을 만드는 인터페이스와는 달리, 타입 앨리어스는 프리미티브, 유니온, 인터섹션을 포함하여 어느 자료형이든 만들 수 있습니다. 또한, 추가적으로 타입 파라미터(type parameter)를 선언할 수 있습니다. 타입 파라미터는 실제로 제공될 타입..
-
[TS] TypeScript 기초 - 6programing/Language 2020. 2. 1. 16:06
안녕하세요,Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 2020/01/24 - [programing/JavaScript] - [TS] TypeScript 기초 - 1 2020/01/25 - [programing/JavaScript] - [TS] TypeScript 기초 - 2 2020/01/26 - [programing/JavaScript] - [TS] TypeScript 기초 - 3 2020/01/28 - [programing/JavaScript] - [TS] TypeScript 기초 - 4 2020/01/31 - [programing/JavaScript] - [TS] TypeScript 기초 - 5 2020/02/01 - [programing/JavaScript] - [TS] Ty..
-
[TS] TypeScript 기초 - 5programing/Language 2020. 1. 31. 15:45
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 2020/01/24 - [programing/JavaScript] - [TS] TypeScript 기초 - 1 2020/01/25 - [programing/JavaScript] - [TS] TypeScript 기초 - 2 2020/01/26 - [programing/JavaScript] - [TS] TypeScript 기초 - 3 2020/01/28 - [programing/JavaScript] - [TS] TypeScript 기초 - 4 2020/01/31 - [programing/JavaScript] - [TS] TypeScript 기초 - 5 2020/02/01 - [programing/JavaScript] - [TS] T..