programing
-
[Kubernetes] API Conventionprograming/etc 2020. 3. 18. 17:00
Terms 쿠버네티스에서 사용하는 특정 단어들의 정의를 설명합니다. Kind 특정 객체의 스키마를 의미합니다. 카인드는 카멜케이스에 단수형입니다. ex) Pod Resource 시스템 엔티티를 가리킵니다. JSON형식으로 HTTP를 통해 서버에 전송하거나 받을수 있습니다. 리소스는 다음 두가지 분류가 있습니다. Collections 동일한 타입의 리소스들의 목록입니다. 콜렉션은 쿼리가 가능합니다. 콜렉션은 소문자에 복수형입니다. ex) pods Elements 개별적인 리소스입니다. URL을 통해 주소 지정이 가능합니다. API Group 함께 노출되는 리소스들의 집합입니다. JSON형식에서, apiVersion이라는 필드에 "GROUP/VERSION"형식으로 표현됩니다. 여기서 GROUP은 소문자에 유..
-
[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)를 선언할 수 있습니다. 타입 파라미터는 실제로 제공될 타입..
-
[CSS] scroll-snapprograming/Web 2020. 2. 18. 10:25
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 참고 https://css-tricks.com/practical-css-scroll-snapping/ Practical CSS Scroll Snapping | CSS-Tricks CSS scroll snapping allows you to lock the viewport to certain elements or locations after a user has finished scrolling. It’s great for building css-tricks.com
-
[CSS] CSS Layout & patternprograming/Web 2020. 2. 18. 10:19
대중적으로 사용되는 CSS 레이아웃과 패턴을 모아놓은 사이트입니다. https://csslayout.io/ CSS Layout Starting with the most basic part, you can customize easily for each specific need. By composing them, you can have any possible layout that exists in the real life. csslayout.io