Dog foot print

Set이란 ? Array와 다르게 Set은 공통된 값을 배열내에 저장 할 수 없는 자료구조입니다. Array를 통해 Set을 구현 할 수도 있지만, 스위프트에서는 기본 집단 자료형으로 Set을 제공합니다. 선언 및 초기화 import UIKit let countrySet : Set= ["korea","korea","usa","japan","china"]; let nonset = ["korea","korea"]; //["usa", "korea", "china", "japan"] //["korea", "korea"]Set의 리터럴은 배열과 동일한 [] 대괄호를 사용한다. 그렇기에, 타입 어노테이션으로 Set을 표시하지 않는다면, 배열로 인식되게 된다. 다음은 집합을 생성하는 다양한 예제이다. let stri..

Electron with svelte 초기 세팅하기 requirement 일렉트론 윈도우에서는 svelte를 사용 할 수 있어야 한다. 유용한 플러그인 및 모듈을 설치하여, 깔끔한 폴더 구조를 만들어야 한다. svelte와 일렉트론에서 typescript를 사용 할 수 있어야 한다. svelte에서는 scss를 사용 할 수 있어야 한다. svelte에서 최신 문법을 사용 할 수 있어야 한다. svelte에서는 css초기화가 되어야 한다. svelte에서는 css 브라우저 접두사가 붙어야한다. 환경 OS : mac big-sur 11.3 NODE : 14.16.1 NPM : 6.14.12 YARN : 1.22.10 svelte 사용하기 SVELTE TEMPLATE설치 Note : npm , node , y..

Hugo’s Lookup order Hugo 는 Layout을 찾을 때, 정의된 순서에 따라 탐색하여 사용합니다. Hugo Layouts Lookup rules Hugo는 현재 페이지에 사용되는 레이아웃을 선정 할 때 아래의 있는 요소들을 고려합니다. 휴고는 이것들에 우선순위를 부여하여, 레이아웃을 찾습니다. Kind Page kind는 single page혹은 list page인지를 구분 합니다. Single Page : 보통의 일반적인 페이지를 의미합니다. (Ex : _default/single.html) List Page : 섹션 분할, 분류 목록, 분류 약관 등이 해당 됩니다. (Ex : _default/list.html) Layout Page 접두에 작성된 내용입니다. Output Format ..

Basic Syntax [1] Go의 템플릿은 변수와 함수로 이루어진 HTML입니다. GO의 템플릿에서 변수와 함수를 사용하기 위해서는 다음의 {{ }} 를 사용 합니다. Access a Predefined Variable (사전 정의 변수 사용하기) 현재 스코프에 존재하는 사전 정의된 변수를 사용하거나, 변경된 변수를 사용 할 수 있습니다. Note : .Title === predifend Variable Note : $address === custom Variable {{ .Title }} {{ $address }} 함수의 파라메터에 전달인자를 넣는 방법은 공백을 이용하는 것입니다. {{ FUNCTION ARG1 ARG2 }} 아래의 함수는 add 함수를 이용하여, 1과 2의 결과를 리턴하는 예제 입..

Directory structure Hugo new site [name] 명령어로 생성된 프로젝트는 다음과 같은 폴더 구조를 가지고 있습니다. ├── archetypes ├── config.toml ├── content ├── data ├── layouts ├── static └── themesDirectory Structure Explained 이 문서는 대략적으로 각 폴더에 대해서 리뷰한 글입니다. 각 폴더의 자세한 내용을 보고 싶다면, 링크되어 있는 회고 문서를 읽어주세요 . Archetypes Hugo에서는 Hugo new커맨드를 입력하는 것으로 새로운 컨텐츠 파일을 만드는 것이 가능합니다. Hugo는 새로운 컨텐츠를 만들때, date , title와 draft=true 형태를 포함하는 파일을 만..

Quick Start Note 이 문서는 Hugo의 공식문서를 번연하여 편집한 글입니다. 오타나 수정사항이 존재하면 언제든지 댓글로 말씀 부탁드립니다. Hugo Insatall On Mac Note : Hugo를 Mac에 설치하려면 Mac OS package Manager인 brew 혹은 MacPorts를 먼저 설치해야 합니다. Note : [Homebrew](The Missing Package Manager for macOS (or Linux) — Homebrew) $ brew install hugo Note : [Macport](The MacPorts Project — Home) $ port install hugoHugo create a New site $ hugo new site newSiteNam..

Snapshot Test Snapshot test란 UI가 바뀌지 않았다는 것을 증명하는 유용한 도구이다. snapshot 은 UI컴포넌트를 렌더링 한 후, 이를 다음 테스트와 함께 저장된 스냅샷과 비교하며 테스트가 진행된다. snapshot테스트는 두개의 스냅샷이 일치 하지 않은 경우, 실패하게 됩니다. 이 경우, 새롭게 적용한 컴포넌트의 UI가 의도치 않게 변경되었거나, 컴포넌트가 버전이 변경되었음을 시사합니다. Snapshot Testing with Jest 모든 App의 그래픽 UI를 렌더하는 대신에, 테스트 렌더러를 사용하여, React 트리를 빠르게 생성 할 수 있습니다. import React from 'react'; import renderer from 'react-test-renderer..

Attributes and props can't touch this 기본적으로 svelte 에서 element에 attribute 를 적용하는 것은 일반 HTML와 동일합니다. HTML에서 attribute에 전달하는 값은 문자열일 필요는 없습니다. page {p} ...attribute value는 javascript 표현식을 사용 할 수 있습니다. 혹은 문자열 보간법을 이용하지 않고, 자바사크립트 표현식을 바로 사용 가능합니다. This div has no title attributeboolean 형식의 attribute는 전달되는 값의 형태에 따라 truthy혹은 falsy로 분류되어 boolean값으로 전달 됩니다. 다른 모든 속성들은 nullish하여, null 혹은 undefined를 ..