일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 호키스
- SWIFT
- 개발
- 계명대
- 호키도키
- 리액트
- Svelte
- 자료구조
- hokidoki
- 힛잇
- 자바스크립트
- 이종호
- 계명대 이종호
- data structure
- 자스민
- 스위프트
- 스벨트
- jest
- 리액트 예제
- queue
- javascript
- HTML
- TDD
- 자바스크립트 자료구조
- react
- hokeys
- IOS
- Hitit
- 비동기
- 개발자
- Today
- Total
목록분류 전체보기 (205)
Dog foot print
이번주에 다녀온 장소는 성남시 중원구에 위치한 라드독이다. 지인분의 추천으로 알게된 곳인데, 가까운 성남에 대형, 소형이 나눠진 운동장이 있길래 다녀왔다. 전경 성남 농수산물 도매시장 뒷길을 통해 들어오면 통유리로 되어 있는 라드독을 볼 수 있다. 들어오는 길은 길 양옆으로 차량들이 주차되어 있어 운전이 서툴다면 조심해서 들어와야 한다. 주차 라드독 바로 옆에 큰 공터가 존재하는데, 이곳이 라드독 주차장이다. 주차장 앞에 왠 주택이 있긴 한데, 라드독이 모든 주차차량을 관리하는 것으로 보아, 적절한 공간만 존재한다면 주차 할 수 있다. 약 20대 정도 주차할 수 있는 공간이 있다. 주차비는 무료다. 운동장 공간 보통 애견 운동장을 통해서 카페로 진입하는 곳은 리드줄을 잡고 선 결제를 하고 입장을 하는게 ..
서론 만약 도메인 이 뭔지, IP주소와 포트 에 대한 개념이 정립이 되지 않았다면 이전 포스트를 보고 이 포스트를 읽기를 추천한다. 통신 속도 향상을 위한 노력 (기본 지식편) DNS 도메인은 인간이 이해하기 쉽고 기억하기 쉬운 문자열로 이루어진 네트워크 식별자 라고 이야기 했다. 그렇다면, 이 도메인을 가지고 어떻게 특정 컴퓨터를 식별 할 수 있을까 ? 답은 누군가는 해당 도메인에 해당하는 IP주소를 가지고 있다. 이다. 즉 DNS 란 도메인과 IP주소를 연결 지어주는 서버를 말한다. 그러나, 세상에 얼마나 도메인이 많은데, 한개의 컴퓨터가 이 모든 도메인과 IP주소를 알고 있고, 모든 요청을 다 처리 할 수는 없다. DNS를 이용해서, IP를 찾는 방법 만약 우리가 www.naver.com을 찾는다고..
서론 2022년이 되어, 기존 프로덕트를 갈아 엎어버리는 프로젝트를 하다보니, 예전만큼 시간이 많이 나지 않아 2022년에는 블로그 포스팅이 거의 없어 조금 아쉬웠다. 그 만큼 새로운 기술에 대한 공부나 이전 지식에 대해서 공부를 소홀히 했다는 것이니까. 이제 서론은 그만하고 본론을 시작해보겠다. IP 주소 및 포트 이 게시물에 접근하는 사람들은 IP주소라는 것을 대부분 이해하거나, 뭔지는 들어 봤을 것이다. IP 주소란 특정 Device가 네트워크에 접속 했을 때 이 Device를 식별 할 수 있는 주소 개념이다. 이때 모바일 , 데스크탑 뿐만 아니라 서버 또한 모두 인터넷을 사용하는 Device 이니 모두 IP 주소를 가지고 있다. IP주소는 다음과 같이 xxx.xxx.xxx.xxx 의 형태로 생겼으..
컴포지트 패턴 활용 : 객체들의 관계를 트리구조로써 부분 전체 계층을 표현하는 패턴으로 사용자가 단일 객체 복합 객들도 모두 동일하게 다룰 수 있도록 할 때 사용 한다. 객체 구성 Component : 인터페이스를 정의하며, 컴포지트 객체에 대한 기본 동작을 구현한다. Leaf 와 Composite가 구현해야 하는 interface이며, 이 두 요소는 상황에 따라 개별적인 클래스가 아닌 Component 인터페이스로 다루어 진다. Composite : Leaf 혹은 Composite 인스턴스를 자식으로 가진다. Leaf : Composite의 자식의 역할을 하며, 이 노드가 Compsite를 자식으로 두지 않는다. 책의 카테고리라는 구성으로 본 Composite 패턴 . 카테고리 : 카테고리는 책을 포함..
싱글턴 패턴 활용 싱글턴 패턴은 시스템 전반에 걸쳐서 어떤 인스턴스가 한개만 생성되고 한개의 사용을 강제하는 것에 있다. 예를 들어 API 를 관장하는 인스턴스는 굳이 모듈별로 인스턴스를 생성하지 않아도 되며, API 인스턴스는 프로퍼티의 변화가 거의 없기 때문에 인스턴스를 계속 생성하면 메모리만 낭비하게 된다. 개발자간의 상호 협의간에 싱글턴 인스턴스를 사용하는 예시 var API = ( ()=>{ return { getData(){ console.log("Data 가져오기") }, postData(data : any){ console.log(`${data} 전송중`) } } } )() API.getData() API.postData("데이터") static 인스턴스를 사용하는 방법 class API ..
빌더 패턴 활용 구축 단계만 노출하여, 내부 구성요소를 캡슐화 하고 최종 제품을 직접 제공하는 패턴이다. 복잡한 객체 구축에 대한 더 유연한 추상화와 구현을 가능하게 한다. 즉 빌더는 구성요소를 만들 때, return 하지 않는다. 참여 객체 빌더 : 제품을 구축하는 빌더의 인터페이스를 정의한다. 구체적인 빌더 : 제품의 부분을 구축하는 메서드를 구현하며, 현재 구축 상태를 추적한다. 디렉터 : 단계를 정의하고 제품 구축을 위해 빌더와 협업한다. 최종 제품 : 빌더가 구축한 제품이다. [image:1A0310E4-6A98-4677-B66E-2F97E85EC6BD-75143-0008E9D425CBAA97/2021-10-23_15-22-44.png] 코드 예시 내가 만들고 싶은 Product abstract..
추상화 팩토리 메서드 활용 같은 생성 방식을 가진 클래스군을 만들기 위해서 사용하는 패턴이다. 만약 생성 절차는 동일하지만, 전체 팩토리 교체를 통해 동일한 생산 방식을 따르며 서로 다른 제품을 생산 할 수 있게 한다. 참여 객체 추상 팩토리 : 팩토리의 산업 표준을 정의하여 생산 절차가 복잡한 제품을 만드는 데 필요한 인터페이스를 제공한다. 구체적인 팩토리 : 추상팩토리에서 정의한 인터페이스를 구현하고 구체적인 제품을 만든다. 추상 제품 : 팩토리가 만들 제품의 인터페이스를 정의한다. 구체적인 제품: 구체적인 팩토리가 만들 실제 제품을 나타낸다. 클라이언트 : 팩토리 전체에 생산 프로세스를 배치한다. [image:1A58DCCB-066E-4AE6-B22E-56E6E7D4B8F7-75143-000796B..
팩토리 메서드 패턴 활용 클래스가 어떤 객체를 생성할지 정확하게 예측할 수 없는 경우가 존재하거나, 클래스의 서브클래스가 해당 객체를 더 구체적인 버전으로 생성하기 원할수도 있는 경우 . 참여 객체 Product : 팩토리가 반환할 추상클래스나 인터페이스를 의미 . Concrete Product : 팩토리가 실제로 반환하는 객체 Creator : 제품 생성을 하기 위해 접근하는 추상화 팩토리 클래스 Concrete Creator : Concrete Product를 실제로 구체화 하기 위한 생성자 . 이를 클래스 다이어그램으로 표현 하면 다음과 같다. 실생활 예제 우리가 자동차를 주문하기위해 접근 할 수 있는 공장이 존재한다. 우리는 이 공장에 자동차를 주문하면 우리가 원하는 자동차 가 전달 되는 것을 알..