분류 전체보기 (52) 썸네일형 리스트형 [Node.js] Stream 원문) https://medium.com/edge-coders/node-js-streams-everything-you-need-to-know-c9141306be93 Node.js Streams: Everything you need to know [JS] Stream 에 대해 당신이 알아야 할 모든 것 Table of Contents 1. What are streams? 2. streams practical example 4 type of streams ReadableStream WritableStream Stream api example with multer 1. What are streams? 우선 node.js stream에 관한 공식 설명부터 읽어보자. A stream is an abstract i.. 자바와 자바스크립트의 차이점 What is the difference between JavaScript and Java? 이름을 보면 자바스크립트는 마치 자바와 관련이 있는 것처럼 들리지만, 사실 개구라 사실상 이것의 관계는 햄스터와 햄의 관계와 같다. 다른 예로는 인도와 인도네시아의 관계와 같다. 결론은 일도 관련이 없다는 것 (사실 하나도 관계 없는건 아니긴 함, 인도와 인도네시아도 공통점이 존재하긴 하잖아??) 나는 자바는 기존에 계속 사용했었고, 자바스크립트는 작년에 처음 사용해 봤다. 차이점에 이야기하기 앞서, 2가지의 관점으로 나눠 볼 예정이다. 1. 코딩 할 때의 차이점 2. 언어적 특성의 차이점 먼저 코딩할 때의 관점에서 얘기해보겠다. 개인적으로 큰 차이라고 느꼈던 점을 비교해보려고 한다. 가장 큰 차이점이라고 생각 .. MVC MVC Pattern Table of Contents 1. What is MVC? 2. Motivation of MVC 3. Patterns in MVC 1. What is MVC? MVC(Model-View-Controller)란 무엇일까? Application을 세가지 역할로 구분한 개발 방법론이다. 아래의 그림과 같이 사용자가 Controller를 통해 Model을 변경하고, 변경사항은 View를 통해서 나타내게 된다. 가장 널리 사용되는 구조 중 하나이며 어플리케이션 개발, 웹 개발 등 다양한 분야에서 사용된다. 먼저 MVC는 각각 무슨 일을 하는지 간단하게 먼저 알아보자. Model: application object 모델은 데이터를 담당한다.(== DB query를 다룬다) 즉, 데이터들의 변.. 마작, 그거 도박 아니에요? [마작 게임 요약] 이 게임은 기본적으로 4인용 게임이다. 13개 패를 갖고 시작하며, 본인 차례에 하나의 패를 얻고 가진 것 중 하나를 버리는 방식으로 진행된다. 본인 차례에서 14개의 패로 족보를 만들어 승리하는 게임이다. 패는 136개(34개*4세트)로 구성이며, 포커로 비유하면 카드같은 개념이다. 게임 진행 단위의 가장 큰 개념은 장이다. 일장(혹은 전장)은 4개의 장으로 구성되며 동(장, 남장, 서장, 북장 으로 부른다. 이게 너무 길어 우리는 반(半)장으로 진행하였다. 하나의 장은 4개의 국으로 진행된다. 사실 개념이나 족보에 대해서 간단히 알려주고 싶지만, 정보가 너무 많고 용어들도 친숙하지 않고, 점수계산 방법도 복잡하다. 특히 용어는 한국에서 대중적인 게임이 아니어서 그런 것 같은데 일본.. [React] Material UI React - Material UI Contents 1. Material Design 2. Getting Started 2.1. Installation 2.2 Button Component 2.3 Theming 1. Material Design Material은 구글에 의해서 개발 된 시스템이다. 나사, 스포티파이, 넷플릭스, 아마존, 유니티 등 당신이 아는 유명한 기업들도 다 사용한다! 그래서 이게 뭐냐? 훨~씬 쉽게 웹 개발을 하도록 도와주는 리액트 컴포넌트이다. Material UI는 Material Design을 사용한다. https://material.io/design Material Design Build beautiful, usable products faster. Material Desig.. [Mac] Git ssh 등록 Git ssh Configuration Table of Contents 1. ssh 키 생성 2. git global config 설정하기 2.1. 프록시 (Optional) 3. github에 public key 등록 4. 연결 확인 5. Repository 등록하기 및 가져오기 5.1. Git 에 있는 프로젝트 가져오기 5.2. 등록되지 않은 내 프로젝트 Git에 등록하기 추가) ed25519 암호화 방식 이용하기 만약, git 이 설치되지 않았다면, 설치부터 하자. 맥이라면, $ brew install git 1. ssh 키 생성 ssh란? ssh를 등록하게 된 주된 이유는 제한된 repository 에 password 없이 사용하기 위한 위함이다. (기승전귀차니즘) 키 생성 부터 시작해보자. 만약.. Composite Pattern Composite Pattern Objectives 객체의 생성을 표현해주는 구조 패턴(Structural Pattern)이다. Scope는 Object이다. 객체들 간 계층 구조를 만들어주고, 여러 오브젝트를 구분하지 않고 동일한 인터페이스를 통해서 처리할 수 있도록 하는 것이다. Problems 트리가 있는 구조를 예시로 보자. 위와 같은 많은 메뉴들이 주어질 질 때, 어떻게 하면 이 메뉴들을 처리할 수 있을까? if ... else if 로 모두 나누어 처리하면 되지 않을까라는 생각을 할 수도 있다. 하지만, composite pattern 을사용해서 통합적으로 관리할 수 있다. 우선 클래스 다이어 그램으로 어떻게 표현되는지 알아보자 Component는 추상 클래스이며, operation() 함수를.. Adapter Pattern Adapter Pattern (== Wrapper) 용어 Target: 사용하려는 클래스나 오브젝트 Client: Target 을 사용하려는 주체이다. Targert Interface 를 사용한다. Adpater: Target을 적합한 폼으로 바꿔준다. Adaptee interface 를 사용한다. Adaptee: Adapter에 의해서 변경되는 클래스나 오브젝트 패턴의 목적 서로 다른 인터페이스가 함께 동작할 수 있게 만드는 것. 현실의 어댑터와 비슷하다. 즉, 내가 사용하려는 인터페이스에 맞게 바꿔주는 것이 목적이다. 유사하지만 다른 두 개의 클래스에 접근하려고 할 때, 어댑터를 통해서, 변경없이 하나처럼 사용할 수 있도록 하는 것이다. 어댑터 패턴은 재사용성을 높여준다. 쉬운 이해를 위해 아래 예제.. 이전 1 2 3 4 5 6 7 다음
