일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- react
- 호키도키
- SWIFT
- hokidoki
- jest
- 이종호
- 리액트
- queue
- 자스민
- 힛잇
- 비동기
- Hitit
- 계명대 이종호
- 개발자
- 리액트 예제
- 자바스크립트 자료구조
- 스벨트
- 자료구조
- Svelte
- HTML
- IOS
- 스위프트
- 자바스크립트
- 호키스
- 계명대
- 개발
- TDD
- hokeys
- data structure
- javascript
- Today
- Total
목록Hitit (17)
Dog foot print
상속이란 ? 클래스에서만 가능한 기능으로 상속은 특정 클래스의 메서드와 프로퍼티를 그대로 물려 받는 것 으로 정리가 가능합니다. 그래서 상속은 정의를 물려주는 클래스와 물려 받는 클래스가 존재하는데, 각각 슈퍼 클래스 와 서브 클래스 로 불리웁니다. 이를 번역 할 때 다른 이름으로 불리기도 하는데, 이를 정리하면 다음과 같습니다. 하위클래스 == 서브클래스 == 자식클래스 == 파생 클래스 상위클래스 == 슈퍼클래스 == 부모클래스 == 기본 클래스 상속을 받기 위한 class 를 정의 하는 것은 다음과 같습니다. class [name] : [상속받을 클래스] { 정의 부분 }만약 : 옆에 있는 클래스 이외에 다른 것이 있다면 이는 protocol 구현을 위한 구문 입니다. Ex : class Super..
클로져란 ? 보통 다른 프로그래밍 언어를 배울 때 Closure를 의미하는 것은 함수가 스코프가 유지 되었을 경우, 함수 내부에 있는 변수는 메모리에서 해제 되지 않는 것 을 의미하는데, 이는 소프트웨어 아키텍쳐 적인 의미의 클로져이다. swift에서의 클로져는 익명 함수 를 의미 합니다. 익명함수는 재사용 할 가능성이 적어 특정 코드 부분에서만 사용 되는 코드 집합으로, 콜백 패턴과 더불어 사용해서 함수 내부에 필요한 시기에 코드를 실행 할 수 있다는 장점이 존재합니다. 스위프트에는 다음과 같은 3개의 클로저 객체가 존재합니다. 전역 함수 이름이 있으며 주변 환경에서 캡처할 어떤 값도 없는 클로저 중첩 함수 이름이 있으며 자신을 둘러싼 함수로부터 값을 캡처할 수 있는 클로저 클로저 표현식 이름이 없으며..
옵셔널이란 ? 옵셔널의 개념은 쉽게 풀이하여, 값이 존재 할 수도 있고 없을 수도 있음을 표현한 자료형입니다. 다른 언어에서는 값이 없다는 표현으로 보통 null을 할당 하고는 하는데, 스위프트에서는 nil이라는 값으로 표현됩니다. Dictionary 자료형을 사용 할 때, 키로 해당 값에 접근 하게되면 optional객체로 감싸진 값들을 볼 수 있습니다. let country = ["korea" : "seoul"]; country["korea"] //Optional("seoul").이는 스위프트가 오류가 존재해서가 아닌, “korea”라는 키를 가진 value가 없을 수 도 있으니 바로 오류를 범하기 전에Optional 객체로 감싼 결과 입니다. 이 예시는 String을 Int형으로 변경 할 때도 발생..
Dictionary란 key와 값이 쌍으로 이루어진 집단 자료형이다. // [키 : 값] let countries = ["korea" : "seoul"]딕셔너리 제약 하나의 키는 하나의 데이터에만 연결되어야 한다. 하나의 딕셔너리에서 키는 중복될 수 없고, 만약 이를 중복으로 처리하면 해당 키의 값이 재 할당된다. any 타입을 이용해서, value 와 key의 타입 제한을 없앨 수 있지만 다른 이를 위해 값은 항상 같은 타입의 데이터가 할당 되어야 한다. 딕셔너리는 아이템의 순서를 보장해주지 않는다. 즉 늦게 할당한 A가 B보다 뒤에 있으리라는 보장이 없다. Key는 타입 제한이 없지만, 해당 클래스가 Hashable 프로토콜을 구현해야 한다. 딕셔너리 선언과 초기화 let d_1 = ["hi" : "..
Bool let isTrue = true; let isFalse = false;Bool이라고도 표현하고 Boolean이라고 풀 네임으로 말하기도 하는 이 자료형은 true 혹은 false의 값만 가질 수 있습니다. Bool은 어떤 명제의 참과 거짓에 대한 값이며, 이는 조건문이라고 불리는 상황에 따라 다른 행동을 할 수 있게 사용 되는 구문에서 사용됩니다. 10 > 20 //결과는 false 10 < 20 //결과는 true 10 < 10 //결과는 false 10
WEB CACHE 서론 Validation 서버에 새로운 버전의 프로덕트를 올릴 때 가끔 브라우저 캐싱때문에, 캐시된 데이터를 삭제하거나, 시크릿 모드에서 확인을 하였다. 이를 해결하기 위해서, 번들링 할때 JS파일 이름에 해싱데이터를 넣어 새로운 JS파일을 업로드 하게하고, HTML파일에 메타태그를 추가함으로써, HTML파일을 캐싱되지 않게 하였다. 캐싱에 대해서는 간단하게는 알고 있었지만, 오늘 만큼 공부해본적은 없었기에 이에 대한 기록을 남겨보도록 한다. 캐싱이란 ? Caching (캐싱)이란 어떤 데이터가 연산되어 산출 되었거나, 외부 저장소에서 로드 되었을 때 이에 대해 특정 저장소(Register, L!,L2,L3)에 저장하여, 빠르게 다시 사용 할 수 있게 하는 방법이다. 캐쉬를 사용하게 된..
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..
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를 ..