본문 바로가기

PropTypes https://jistol.github.io/frontend/2018/12/03/react-proptypes/ (React) PropTypes 사용방법과 종류 · Jistol Github Page (React) PropTypes 사용방법과 종류 03 Dec 2018 | es6 react javascript React Component의 prop값을 검증하기 위해 PropTypes를 이용하여 값을 지정할 수 있습니다. React v15.5부터 다른 패키지로 변경되었는데 ‘prop-types’라이브러리를 사용하라고 권고하고 있습니다. 사용방법 import React, { Component } from 'react'; import PropTypes fr jistol.github.io https://medium..
Apache Kafka https://epicdevs.com/17 [Apache Kafka] 1. 소개및 아키텍처 정리 Apache Kafka(아파치 카프카)는 LinkedIn에서 개발된 분산 메시징 시스템으로써 2011년에 오픈소스로 공개되었다. 대용량의 실시간 로그처리에 특화된 아키텍처 설계를 통하여 기존 메시징 시스템보다 우수한 TPS.. epicdevs.com https://medium.com/@umanking/%EC%B9%B4%ED%94%84%EC%B9%B4%EC%97%90-%EB%8C%80%ED%95%B4%EC%84%9C-%EC%9D%B4%EC%95%BC%EA%B8%B0-%ED%95%98%EA%B8%B0%EC%A0%84%EC%97%90-%EB%A8%BC%EC%A0%80-data%EC%97%90-%EB%8C%80%ED..
비동기처리 - Future의 종류 ListenableFuture Google이 개발한 guava 오픈소스 라이브러리에 포함되어 있다. Executor에 task를 제출하고, 돌려 받는 Future 타입의 종류 중 하나이다. (기존의 Executor 대신 ListeningExecutorService를 사용한다.) Callback method를 생성해서 task가 성공했을 때, 실패했을 때의 작업을 미리 지정해놓을 수 있다. 이렇게 Callback method를 생성하는 것은 Futures를 사용하는 것과 ListenableFuture의 addListener 두 가지가 있다. ListeningExecutor와 task 생성 ListeningExecutorService executor = MoreExecutors.listeningDecorat..
비동기 처리 - ExecutorService Executor란? 쓰레드풀을 구현한 구현체. Executor를 선언하고 거기에 task를 등록하면 알아서 적절한 쓰레드를 사용해 작업을 처리한다. (단위작업 - Job 또는 Task, 여기서는 Task로 통일. 참고) Executor의 종류에는 여러 가지가 있지만 여기서는 ExecutorService에 대해서 알아본다. 선언여기서 살펴볼 ExecutorService에서 사용할 쓰레드풀 종류는 3가지가 있다. 12345ExecutorService fixedExecService = Executors.newFixedThreadPool(2); //thread 2개ExecutorService CachedExecService = Executors.newCacahedThreadPool();ExecutorServic..
[퀘스트] 추적! 특종을 찾아서 부서진 빙하의 섬 퀘스트를 진행하다보면 오염 원인을 찾다가 위장한 직원을 찾는 퀘스트가 있습니다. 마나 흐름 탐지기를 써서 찾는건데 아무 힌트도 없어서 그냥 계속 바닥에 터뜨릴 수 밖에 없는데 퀘스트마다 다를 수는 있지만 저는 여기였습니다. 첫번째는 뼈모양 근처 두번째는 커다란 뼈 앞 잡초 근처 세번째는 폭포수 아래 혹시 사람마다 다르면 알려주세요!
화살표함수 화살표함수Function에 비해 구문이 짧고 자신의 this, arguments, super 또는 new.target을 바인딩하지 않는다. 화살표함수는 항상 익명이다. 이 함수표현은 메소드함수가 아닌 곳에 적합하므로, 생성자로 사용할 수는 없다. 구문기본 구문(param1, param2, …, paramN) => { statements } (param1, param2, …, paramN) => expression ex) a => { return a * 2 } a => a * 2 // 매개변수가 하나뿐인 경우 괄호는 선택사항: (singleParam) => { statements } singleParam => { statements } // 매개변수가 없는 함수는 괄호가 필요: () => { stateme..