Dog foot print

XCODE 13변화 XCODE 13이 배포되고 IOS15가 배포 되며 Swift UI 에서는 더이상 App delegate Life cycle을 사용 할 수 없게 되었다. Xcode 12버전에서는 Swift UI를에서 App Delegate와 Scene Delegate를 사용하며, 앱의 상태변화를 체크 하였지만 이제는 SwiftUI life Cycle만 사용 가능하며, 이로 인하여 지금 현재 인터넷에 존재하는 대다수 강의들과 차이가 존재하기에 처음 배우는 사람들의 난황이 예상된다. 링크 모음 : Swift 프로젝트 생성에서 Life Cycle 선택하기 View Protocol 기존 UIKIt 에서는 UIView Class 를 상속하여 이를 인스턴스화 하는 형식이었다. 그러나, Swift에서 View를 그..

옵셔널이란 ? 옵셔널의 개념은 쉽게 풀이하여, 값이 존재 할 수도 있고 없을 수도 있음을 표현한 자료형입니다. 다른 언어에서는 값이 없다는 표현으로 보통 null을 할당 하고는 하는데, 스위프트에서는 nil이라는 값으로 표현됩니다. Dictionary 자료형을 사용 할 때, 키로 해당 값에 접근 하게되면 optional객체로 감싸진 값들을 볼 수 있습니다. let country = ["korea" : "seoul"]; country["korea"] //Optional("seoul").이는 스위프트가 오류가 존재해서가 아닌, “korea”라는 키를 가진 value가 없을 수 도 있으니 바로 오류를 범하기 전에Optional 객체로 감싼 결과 입니다. 이 예시는 String을 Int형으로 변경 할 때도 발생..

변수와 상수 프로그래밍을 처음에 배우게 되면, 접하는 내용이 변수와 상수이다. 변수는 말 그대로 추후에 담고 있는 값을 변경 할 수 있는 공간을 의미하고, 상수는 차후에도 변경 할 수 없는 공간을 의미한다. 선언 방법 var variable; let constants;위의 코드를 보면, var와 let 으로 구분되어 있는 문자가 있는데, 이것이 변수와 상수를 의미한다. 추후 나오는 variable과 constants는 이 공간의 이름(변수 명)을 의미한다. 이렇게 발생된 공간은 실제로 RAM의 공간의 일부분을 의미 하는건데, 이 공간은 실제로 숫자로 이루어져 우리가 그 값에 접근하기 매우 어렵다.변수명은 우리가 알기 어려운 숫자 대신에 사용하기 쉬운 문자로 이루어져 그 공간을 식별하게 해준다. 그렇기 때..

on:eventname on:eventname={handler} on:eventname|modifiers={handler}스벨트에서는 on: 키워드를 컴포넌트에 입력하는 것으로 해당 컴포넌트에서 발생하는 DOMevent를 연결 할 수 있습니다. count: {count} 이벤트 핸들러는 성능의 영향을 주지않고 인라인으로 선언 할 수 있습니다. ' 따옴표와 함께 사용하는 경우, 스벨트 문법은 하이라이팅 되며, 정상 작동 합니다. count: {count} preventDefault 같은 모디파이어를 사용하는 경우 | 문자와 함께 사용 할 수 있습니다. 사용 할 수 있는 modifier의 종류는 다음과 같습니다. preventDefault - 이벤트 핸들러가 실행 되기전에 event.preventDe..

Basic Syntax[2] Pipes Go 템플릿의 가장 강력한 구성요소 중 하나는 작업을 차례대로 쌓는 기능입니다. 이것은 pipe에 의해 완료됩니다. 파이프라인의 출력은 다음 파이프라인의 입력이 되기 때문에 가능합니다. Go 템플릿의 문법이 쉬운 이유는 파이프가 필요한 함수를 체인형식으로 호출하기 때문입니다. 파이프의 한가지 한계는 한가지 값에 의해 실행되고, 이 값은 다음 파이프의 다음 파이프의 마지막 인자가 됩니다. 다음 예제는 파이프를 이용하고, 사용하는데 도움이 될 것입니다. shuffle 다음 두개의 예제는 동일합니다. {{ shuffle (seq 1 5) }}{{ (seq 1 5) shuffle }}index 다음 예제에서는 페이지 파라메터로 “disqus_url” 을 전달 하였고, HT..

{#key} {#key expression}…{/key}key블럭은 특정 값이 변경 될때마다, 삭제와 생성을 반복합니다. {#key value} {value} {/key} key블럭은 값이 변경되었을 때 transition을 새롭게 시작하는데 유용합니다. key값이 변경된다면, 새롭게 스벨트 컴포넌트를 인스턴스화하고 생성자함수를 실행합니다. #svelte

{#each…} 스벨트는 반복 가능한 데이터 구조에 한하여, 컴포넌트에 데이터를 전달하여 렌더 할 수 있습니다. {#each expression as name}...{/each} {#each expression as name, index}...{/each} {#each expression as name (key)}...{/each} {#each expression as name, index (key)}...{/each} {#each expression as name}...{:else}...{/each}Shopping list {#each items as item} {item.name} x {item.qty} {/each} 반복 가능한 배열은 각 블럭마다 반복 횟수에 맞는 index를 가진 값을 사용 할 ..

Store contract store = { subscribe: (subscription: (value: any) => void) => (() => void), set?: (value: any) => void }개발자는 svelte/store의 도움 없이, store contract를 구현 할 수 있습니다. 다음은 커스텀 스토어를 생성하기 위한 규칙입니다. 스토어는 반드시 subscription 정의에 맞는 첫번째 전달인자를 가진 .subscribe메서드를 가지고 있어야 합니다. subscription콜백은 신속하고 동기적으로 현재 값을 전달해주어야 합니다. .subscribe메서드는 반드시 unsubscribe메서드를 반환해야 합니다. unsubscribe메서드를 호출 하게되면, 더 이상 store의 ..