diff --git a/README.md b/README.md
index 3e5eb0a..3723bb7 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,5 @@
-## Overview
+
+# funfunnet-crawler
 뻔뻔넷 크롤러 입니다.
 
 
diff --git a/build.sbt b/build.sbt
index 1bdd22b..eed78dd 100644
--- a/build.sbt
+++ b/build.sbt
@@ -11,11 +11,25 @@ Seq(unmanagedResourceDirectories in Compile += baseDirectory.value / "conf")
 
 libraryDependencies ++= Seq(
   "com.typesafe.akka" %% "akka-actor" % Versions.akka,
-  "com.typesafe.akka" %% "akka-testkit" % Versions.akka,
+  "com.typesafe.akka" %% "akka-testkit" % Versions.akka % Test,
+  "com.typesafe.akka" %% "akka-http" % Versions.akka_http,
+//  "com.typesafe.akka" %% "akka-http-testkit" % Versions.akka_http % Test,
+  "org.jsoup" % "jsoup" % "1.10.3",
+
   "com.enragedginger" %% "akka-quartz-scheduler" % "1.6.1-akka-2.5.x",
   "com.typesafe" % "config" % "1.2.1",
+
+  "com.typesafe.scala-logging" %% "scala-logging" % "3.7.2",
+  "ch.qos.logback" % "logback-classic" % "1.2.3",
+
+  "org.json4s" %% "json4s-native" % "3.5.3",
+
   "org.scalatest" %% "scalatest" % "3.0.1" % "test"
 )
+dependencyOverrides ++= Set(
+  // akka-http bug : akka-stream 2.4.9 version을 가져옴
+  "com.typesafe.akka" %%  "akka-stream" % Versions.akka
+)
 
 // scalastyle configurations
 // test task 수행시, scalastyle에 실패하면 에러를 발생시킴
diff --git a/conf/application.conf b/conf/application.conf
index c46b90e..6d14dfe 100644
--- a/conf/application.conf
+++ b/conf/application.conf
@@ -1,10 +1,9 @@
 akka {
   quartz {
     schedules {
-      Every30Seconds {
-        description = "A cron job that fires off every 30 seconds"
-        expression = "*/30 * * ? * *"
-//        calendar = "OnlyBusinessHours"
+      Crawling {
+        description = "A cron job that fires off every 1 min"
+        expression = "0 * * ? * *"
       }
     }
   }
diff --git a/project/Versions.scala b/project/Versions.scala
index e3fd321..be8ded4 100644
--- a/project/Versions.scala
+++ b/project/Versions.scala
@@ -1,4 +1,5 @@
 object Versions {
-  lazy val scala = "2.12.2"
+  lazy val scala = "2.12.3"
   lazy val akka = "2.5.3"
+  lazy val akka_http = "10.0.9"
 }
diff --git a/src/main/scala/net/funfunnet/crawler/Application.scala b/src/main/scala/net/funfunnet/crawler/Application.scala
index acf8a3c..e19cbfa 100644
--- a/src/main/scala/net/funfunnet/crawler/Application.scala
+++ b/src/main/scala/net/funfunnet/crawler/Application.scala
@@ -2,22 +2,13 @@ package net.funfunnet.crawler
 
 import akka.actor.{ActorSystem, Props}
 import com.typesafe.akka.extension.quartz.QuartzSchedulerExtension
-import scala.concurrent.duration._
+import net.funfunnet.crawler.actor.{Start, Supervisor}
 
 object Application extends App {
 
   val system = ActorSystem("funfunnet-crawler")
-
-  import system.dispatcher
-
-  val crawlingBySchedulerActor = system.actorOf(Props[CrawlingActor], name = "crawlingBySchedulerActor")
-  val crawlingByQuartzActor = system.actorOf(Props[CrawlingActor], name = "crawlingByQuartzActor")
-
-
-  //call by scheduler
-  val cancellable =
-    system.scheduler.schedule(5 seconds, 10 seconds, crawlingBySchedulerActor, "scheduler")
+  val supervisor = system.actorOf(Props[Supervisor], name = "supervisor")
 
   //call by quartz
-  QuartzSchedulerExtension(system).schedule("Every30Seconds", crawlingByQuartzActor, "quartz")
+  QuartzSchedulerExtension(system).schedule("Crawling", supervisor, Start)
 }
diff --git a/src/main/scala/net/funfunnet/crawler/actor/Messages.scala b/src/main/scala/net/funfunnet/crawler/actor/Messages.scala
new file mode 100644
index 0000000..cf897b8
--- /dev/null
+++ b/src/main/scala/net/funfunnet/crawler/actor/Messages.scala
@@ -0,0 +1,7 @@
+package net.funfunnet.crawler.actor
+
+import net.funfunnet.crawler.model.{Article, SiteSource}
+
+case class Start()
+case class Crawl(siteSource: SiteSource)
+case class Result(article: Article)
diff --git a/src/main/scala/net/funfunnet/crawler/CrawlingActor.scala b/src/main/scala/net/funfunnet/crawler/actor/Processor.scala
similarity index 61%
rename from src/main/scala/net/funfunnet/crawler/CrawlingActor.scala
rename to src/main/scala/net/funfunnet/crawler/actor/Processor.scala
index 1fda659..2e1d0f2 100644
--- a/src/main/scala/net/funfunnet/crawler/CrawlingActor.scala
+++ b/src/main/scala/net/funfunnet/crawler/actor/Processor.scala
@@ -1,8 +1,8 @@
-package net.funfunnet.crawler
+package net.funfunnet.crawler.actor
 
 import akka.actor.{Actor, ActorLogging}
 
-class CrawlingActor extends Actor with ActorLogging{
+class Processor extends Actor with ActorLogging{
 
   override def receive: Receive = {
     case msg => log.info(s"start crawling by $msg")
diff --git a/src/main/scala/net/funfunnet/crawler/actor/Supervisor.scala b/src/main/scala/net/funfunnet/crawler/actor/Supervisor.scala
new file mode 100644
index 0000000..c1640e8
--- /dev/null
+++ b/src/main/scala/net/funfunnet/crawler/actor/Supervisor.scala
@@ -0,0 +1,30 @@
+package net.funfunnet.crawler.actor
+
+import akka.actor.{Actor, ActorLogging, Props}
+import net.funfunnet.crawler.actor.medium.MediumArticleListCrawler
+import net.funfunnet.crawler.model.{Site, SiteSource}
+
+class Supervisor extends Actor with ActorLogging {
+  val actors = List(
+    context.system.actorOf(Props[MediumArticleListCrawler], name = Site.Medium.toString)
+  )
+  val crawlers = actors.map(x => x.path.name -> x).toMap
+
+  override def receive: Receive = {
+    case Start =>
+      log.info("start")
+      SiteSource.findAll().foreach(self ! Crawl(_))
+    case Crawl(siteSource) =>
+      log.info(s"crawl to ${siteSource.name}")
+      crawlers.get(siteSource.site.toString) match {
+        case Some(ref) => ref ! siteSource
+        case _ => log.error(s"could not found crawler actor : ${siteSource.site.toString}")
+      }
+    case Result(article) =>
+      //TODO 저장 관련 처리
+      log.info(s"result : title:${article.title}, url:${article.url}")
+    case x =>
+      log.warning(s"unknown message type : $x")
+  }
+
+}
diff --git a/src/main/scala/net/funfunnet/crawler/actor/medium/MediumArticleCrawler.scala b/src/main/scala/net/funfunnet/crawler/actor/medium/MediumArticleCrawler.scala
new file mode 100644
index 0000000..0363967
--- /dev/null
+++ b/src/main/scala/net/funfunnet/crawler/actor/medium/MediumArticleCrawler.scala
@@ -0,0 +1,61 @@
+package net.funfunnet.crawler.actor.medium
+
+import java.net.URLEncoder
+import java.time.{LocalDateTime, ZonedDateTime}
+import java.time.format.DateTimeFormatter
+
+import akka.actor.{Actor, ActorLogging}
+import akka.http.scaladsl.Http
+import akka.http.scaladsl.model.{HttpRequest, HttpResponse, StatusCodes, Uri}
+import akka.pattern.pipe
+import akka.stream.{ActorMaterializer, ActorMaterializerSettings}
+import akka.util.ByteString
+import net.funfunnet.crawler.actor.Result
+import net.funfunnet.crawler.common.TimeUtils
+import net.funfunnet.crawler.model.Article
+import org.jsoup.Jsoup
+
+class MediumArticleCrawler extends Actor with ActorLogging {
+
+  import context.dispatcher
+
+  private val DATE_REGEX = "\"datePublished\":\"(.{1,30})\",\"dateModified".r
+
+  private val http = Http(context.system)
+
+  final implicit val materializer: ActorMaterializer =
+    ActorMaterializer(ActorMaterializerSettings(context.system))
+
+  override def receive: Receive = {
+    case url: String =>
+      http.singleRequest(HttpRequest(uri = encodeUrl(url))).pipeTo(self)(sender())
+
+    case HttpResponse(StatusCodes.OK, headers, entity, _) =>
+      val sd = sender()
+      entity.dataBytes.runFold(ByteString(""))(_ ++ _).foreach { body =>
+        sd ! Result(findArticle(body.utf8String))
+      }
+    case resp@HttpResponse(code, _, _, _) =>
+      log.info("Request failed, response code: " + code)
+      resp.discardEntityBytes()
+  }
+
+  def encodeUrl(url: String) : String = {
+    val prefix = url.substring(0, url.lastIndexOf("/") + 1)
+    val params = url.substring(url.lastIndexOf("/") + 1)
+    prefix + URLEncoder.encode(params, "UTF-8")
+  }
+
+  def findArticle(html: String): Article = {
+    val doc = Jsoup.parse(html)
+    val title = doc.select("meta[property=og:title]").attr("content")
+    val desc = doc.select("meta[property=og:description]").attr("content")
+    val url = doc.select("meta[property=og:url]").attr("content")
+    val image = doc.select("meta[property=og:image]").attr("content")
+
+    val dateStr = DATE_REGEX.findFirstMatchIn(html).map(x => x.group(1)).get
+    val createdAt = TimeUtils.parseIsoTime(dateStr)
+
+    Article(title, desc, image, url, createdAt)
+  }
+}
diff --git a/src/main/scala/net/funfunnet/crawler/actor/medium/MediumArticleListCrawler.scala b/src/main/scala/net/funfunnet/crawler/actor/medium/MediumArticleListCrawler.scala
new file mode 100644
index 0000000..6c8a065
--- /dev/null
+++ b/src/main/scala/net/funfunnet/crawler/actor/medium/MediumArticleListCrawler.scala
@@ -0,0 +1,53 @@
+package net.funfunnet.crawler.actor.medium
+
+import akka.actor.{Actor, ActorLogging, Props}
+import akka.http.scaladsl.Http
+import akka.http.scaladsl.model.{HttpRequest, HttpResponse, StatusCodes}
+import akka.pattern.pipe
+import akka.stream.{ActorMaterializer, ActorMaterializerSettings}
+import akka.util.ByteString
+import net.funfunnet.crawler.model.SiteSource
+
+class MediumArticleListCrawler extends Actor with ActorLogging {
+
+  import context.dispatcher
+
+  private val MEDIUMID_REGEX = "https:\\/\\/medium.com\\/(.{1,20})\\/latest".r
+  private val UNIQUESLUG_REGEX = "\"uniqueSlug\":\"(.{1,100})\",\"previewContent\"".r
+  private val http = Http(context.system)
+  private val articleCrawler =
+    context.system.actorOf(Props[MediumArticleCrawler], name = "mediumArticleCrawler")
+
+  final implicit val materializer: ActorMaterializer =
+    ActorMaterializer(ActorMaterializerSettings(context.system))
+
+  override def receive: Receive = {
+    case source: SiteSource =>
+      http.singleRequest(HttpRequest(uri = source.url)).pipeTo(self)(sender())
+
+    case HttpResponse(StatusCodes.OK, headers, entity, _) =>
+      log.info("response ok")
+      val sd = sender()
+      entity.dataBytes.runFold(ByteString(""))(_ ++ _).foreach { body =>
+        log.info(s"Got response, body length: ${body.length}")
+        findArticleUrls(body.utf8String).foreach(x => {
+          articleCrawler.tell(x, sd)
+        })
+      }
+      log.info("end of response ok")
+    case resp@HttpResponse(code, _, _, _) =>
+      log.info("Request failed, response code: " + code)
+      resp.discardEntityBytes()
+  }
+
+  def findPrefixUrl(html: String): Option[String] = MEDIUMID_REGEX.findFirstMatchIn(html)
+    .map(x => x.group(1))
+    .map(x => s"https://medium.com/$x")
+
+  def findUniqueSlugs(html: String): List[String] =
+    UNIQUESLUG_REGEX.findAllMatchIn(html).map(x => x.group(1)).toList
+
+  def findArticleUrls(html: String): List[String] =
+    findPrefixUrl(html).map(x => findUniqueSlugs(html).map(y => s"$x/$y"))
+      .getOrElse(Nil)
+}
diff --git a/src/main/scala/net/funfunnet/crawler/common/TimeUtils.scala b/src/main/scala/net/funfunnet/crawler/common/TimeUtils.scala
new file mode 100644
index 0000000..58ca28b
--- /dev/null
+++ b/src/main/scala/net/funfunnet/crawler/common/TimeUtils.scala
@@ -0,0 +1,9 @@
+package net.funfunnet.crawler.common
+
+import java.time.format.DateTimeFormatter
+import java.time.{LocalDateTime, ZonedDateTime}
+
+object TimeUtils {
+  def parseIsoTime(text: String): LocalDateTime =
+    ZonedDateTime.parse(text, DateTimeFormatter.ISO_DATE_TIME).toLocalDateTime
+}
diff --git a/src/main/scala/net/funfunnet/crawler/model/Article.scala b/src/main/scala/net/funfunnet/crawler/model/Article.scala
new file mode 100644
index 0000000..cefa854
--- /dev/null
+++ b/src/main/scala/net/funfunnet/crawler/model/Article.scala
@@ -0,0 +1,11 @@
+package net.funfunnet.crawler.model
+
+import java.time.LocalDateTime
+
+case class Article(
+  title: String,
+  desc: String,
+  image: String,
+  url: String,
+  createdAt: LocalDateTime
+)
diff --git a/src/main/scala/net/funfunnet/crawler/model/Site.scala b/src/main/scala/net/funfunnet/crawler/model/Site.scala
new file mode 100644
index 0000000..5103a8e
--- /dev/null
+++ b/src/main/scala/net/funfunnet/crawler/model/Site.scala
@@ -0,0 +1,7 @@
+package net.funfunnet.crawler.model
+
+object Site extends Enumeration {
+  type Site = Value
+
+  val Medium = Value
+}
diff --git a/src/main/scala/net/funfunnet/crawler/model/SiteSource.scala b/src/main/scala/net/funfunnet/crawler/model/SiteSource.scala
new file mode 100644
index 0000000..5f82d0b
--- /dev/null
+++ b/src/main/scala/net/funfunnet/crawler/model/SiteSource.scala
@@ -0,0 +1,20 @@
+package net.funfunnet.crawler.model
+
+import net.funfunnet.crawler.model.Site.Site
+
+case class SiteSource(id: Int, name: String, site: Site, url: String)
+
+object SiteSource {
+
+  def findAll(): List[SiteSource] = {
+    //TODO db에서 가져오도록 변경
+    List(
+      SiteSource(id = 1, name = "Rainist Engineering", site = Site.Medium,
+                 url = "https://medium.com/rainist-engineering/latest"),
+      SiteSource(id = 2, name = "디지털 세상을 만드는 아날로거", site = Site.Medium,
+                 url = "https://medium.com/@goinhacker/latest"),
+      SiteSource(id = 3, name = "Lazysoul", site = Site.Medium,
+                 url = "https://medium.com/@lazysoul/latest")
+    )
+  }
+}
diff --git a/src/test/resources/crawler/medium/article.html b/src/test/resources/crawler/medium/article.html
new file mode 100644
index 0000000..2cd0c9f
--- /dev/null
+++ b/src/test/resources/crawler/medium/article.html
@@ -0,0 +1,240 @@
+<!DOCTYPE html><html xmlns:cc="http://creativecommons.org/ns#"><head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# medium-com: http://ogp.me/ns/fb/medium-com#"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Kotlin, AWS 그리고 레이니스트와 함께라면 육군훈련소에서도 외롭지 않아 – Rainist Engineering – Medium</title><link rel="canonical" href="https://medium.com/rainist-engineering/writing-aws-lambda-function-in-kotlin-b3faf3f55777"><meta name="title" content="Kotlin, AWS 그리고 레이니스트와 함께라면 육군훈련소에서도 외롭지 않아 – Rainist Engineering – Medium"><meta name="referrer" content="unsafe-url"><meta name="description" content="Kotlin과 AWS를 활용해 간단한 Slack 봇을 만든 경험을 통해 뱅크샐러드 Android 앱의 Architecture를 간단히 공유합니다."><meta name="theme-color" content="#000000"><meta property="og:title" content="Kotlin, AWS 그리고 레이니스트와 함께라면 육군훈련소에서도 외롭지 않아 – Rainist Engineering – Medium"><meta property="og:url" content="https://medium.com/rainist-engineering/writing-aws-lambda-function-in-kotlin-b3faf3f55777"><meta property="og:image" content="https://cdn-images-1.medium.com/max/1200/1*KIa4eZARMVelBWNRMd3D9Q.png"><meta property="fb:app_id" content="542599432471018"><meta property="og:description" content="Kotlin과 AWS를 활용해 간단한 Slack 봇을 만든 경험을 통해 뱅크샐러드 Android 앱의 Architecture를 간단히 공유합니다."><meta name="twitter:description" content="Kotlin과 AWS를 활용해 간단한 Slack 봇을 만든 경험을 통해 뱅크샐러드 Android 앱의 Architecture를 간단히 공유합니다."><meta name="twitter:image:src" content="https://cdn-images-1.medium.com/max/1200/1*KIa4eZARMVelBWNRMd3D9Q.png"><link rel="publisher" href="https://plus.google.com/103654360130207659246"><link rel="author" href="https://medium.com/@devholic"><meta property="author" content="Sunghoon Kang"><meta property="og:type" content="article"><meta name="twitter:card" content="summary_large_image"><meta property="article:publisher" content="https://www.facebook.com/medium"><meta property="article:author" content="https://medium.com/@devholic"><meta name="robots" content="index, follow"><meta property="article:published_time" content="2017-09-15T06:09:11.760Z"><meta name="twitter:site" content="@Medium"><meta property="og:site_name" content="Medium"><meta name="twitter:label1" value="Reading time"><meta name="twitter:data1" value="7 min read"><meta name="twitter:app:name:iphone" content="Medium"><meta name="twitter:app:id:iphone" content="828256236"><meta name="twitter:app:url:iphone" content="medium://p/b3faf3f55777"><meta property="al:ios:app_name" content="Medium"><meta property="al:ios:app_store_id" content="828256236"><meta property="al:android:package" content="com.medium.reader"><meta property="al:android:app_name" content="Medium"><meta property="al:ios:url" content="medium://p/b3faf3f55777"><meta property="al:android:url" content="medium://p/b3faf3f55777"><meta property="al:web:url" content="https://medium.com/rainist-engineering/writing-aws-lambda-function-in-kotlin-b3faf3f55777"><link rel="search" type="application/opensearchdescription+xml" title="Medium" href="/osd.xml" /><link rel="alternate" href="android-app://com.medium.reader/https/medium.com/p/b3faf3f55777" /><script type="application/ld+json">{"@context":"http://schema.org","@type":"NewsArticle","image":{"@type":"ImageObject","width":1831,"height":1444,"url":"https://cdn-images-1.medium.com/max/2000/1*KIa4eZARMVelBWNRMd3D9Q.png"},"datePublished":"2017-09-15T06:09:11.760Z","dateModified":"2017-09-16T05:52:55.481Z","headline":"Kotlin, AWS 그리고 레이니스트와 함께라면 육군훈련소에서도 외롭지 않아","name":"Kotlin, AWS 그리고 레이니스트와 함께라면 육군훈련소에서도 외롭지 않아","keywords":["Kotlin","Rxjava","AWS","AWS Lambda","Rainist"],"author":{"@type":"Person","name":"Sunghoon Kang","url":"https://medium.com/@devholic"},"creator":["Sunghoon Kang"],"publisher":{"@type":"Organization","name":"Rainist Engineering","url":"https://medium.com/rainist-engineering","logo":{"@type":"ImageObject","width":215,"height":60,"url":"https://cdn-images-1.medium.com/max/237/1*5ztbgEt4NqpVaxTc64C-XA.png"}},"mainEntityOfPage":"https://medium.com/rainist-engineering/writing-aws-lambda-function-in-kotlin-b3faf3f55777"}</script><link rel="stylesheet" type="text/css" href="https://glyph.medium.com/css/e/sr/latin/e/ssr/latin/e/ssb/latin/m.css" /><link rel="stylesheet" href="https://cdn-static-1.medium.com/_/fp/css/main-branding-base.8XxDoQc2XpRsDGst14SGyQ.css"><script>if (window.top !== window.self) window.top.location = window.self.location.href;var OB_startTime = new Date().getTime(); var OB_loadErrors = []; function _onerror(e) { OB_loadErrors.push(e) }; if (document.addEventListener) document.addEventListener("error", _onerror, true); else if (document.attachEvent) document.attachEvent("onerror", _onerror); function _asyncScript(u) {var d = document, f = d.getElementsByTagName("script")[0], s = d.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = u; f.parentNode.insertBefore(s, f);}function _asyncStyles(u) {var d = document, f = d.getElementsByTagName("script")[0], s = d.createElement("link"); s.rel = "stylesheet"; s.href = u; f.parentNode.insertBefore(s, f); return s}(new Image()).src = "/_/stat?event=pixel.load&origin=" + encodeURIComponent(location.origin);</script><script>window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga("create", "UA-24232453-2", "auto", {"allowLinker": true, "legacyCookieDomain": window.location.hostname}); ga("send", "pageview");</script><script async src="https://www.google-analytics.com/analytics.js"></script><!--[if lt IE 9]><script charset="UTF-8" src="https://cdn-static-1.medium.com/_/fp/js/shiv.RI2ePTZ5gFmMgLzG5bEVAA.js"></script><![endif]--><link rel="icon" href="https://cdn-static-1.medium.com/_/fp/icons/favicon-rebrand-medium.3Y6xpZ-0FSdWDnPM3hSBIA.ico" class="js-favicon"><link rel="apple-touch-icon" sizes="152x152" href="https://cdn-images-1.medium.com/fit/c/167/167/1*J6VGBl2EFbwB03urRiFFOg.png"><link rel="apple-touch-icon" sizes="120x120" href="https://cdn-images-1.medium.com/fit/c/132/132/1*J6VGBl2EFbwB03urRiFFOg.png"><link rel="apple-touch-icon" sizes="76x76" href="https://cdn-images-1.medium.com/fit/c/84/84/1*J6VGBl2EFbwB03urRiFFOg.png"><link rel="apple-touch-icon" sizes="60x60" href="https://cdn-images-1.medium.com/fit/c/66/66/1*J6VGBl2EFbwB03urRiFFOg.png"><link rel="mask-icon" href="https://cdn-static-1.medium.com/_/fp/icons/favicon.KjTfUJo7yJH_fCoUzzH3cg.svg" color="#171717"></head><body itemscope class=" postShowScreen browser-chrome os-mac is-withMagicUnderlines v-glyph v-glyph--m is-noJs"><script>document.body.className = document.body.className.replace(/(^|\s)is-noJs(\s|$)/, "$1is-js$2")</script><div class="site-main" id="container"><div class="butterBar butterBar--error"></div><div class="surface"><div id="prerendered" class="screenContent"><canvas class="canvas-renderer"></canvas><div class="container u-maxWidth740 u-xs-margin0 notesPositionContainer js-notesPositionContainer"></div><div class="metabar u-clearfix js-metabar u-textColorTransparentWhiteDarker u-tintBgColor u-tintSpectrum"><div class="metabar-inner u-marginAuto u-maxWidth1000 u-flexCenter u-justifyContentSpaceBetween u-paddingLeft20 u-paddingRight20 u-height65 js-metabarMiddle"><div class="metabar-block u-flex1 u-flexCenter"><div class="js-metabarLogoLeft"><a href="https://medium.com/" data-log-event="home" class="siteNav-logo u-flexCenter u-paddingTop0"><span class="svgIcon svgIcon--logoMonogram svgIcon--45px is-flushLeft u-textColorDarker"><svg class="svgIcon-use" width="45" height="45" viewBox="0 0 45 45" ><path d="M5 40V5h35v35H5zm8.56-12.627c0 .555-.027.687-.318 1.03l-2.457 2.985v.396h6.974v-.396l-2.456-2.985c-.291-.343-.344-.502-.344-1.03V18.42l6.127 13.364h.714l5.256-13.364v10.644c0 .29 0 .342-.185.528l-1.848 1.796v.396h9.19v-.396l-1.822-1.796c-.184-.186-.21-.238-.21-.528V15.937c0-.291.026-.344.21-.528l1.823-1.797v-.396h-6.471l-4.622 11.542-5.203-11.542h-6.79v.396l2.14 2.64c.239.292.291.37.291.768v10.353z"/></svg></span><span class="u-textScreenReader">Homepage</span></a></div><div class="u-alignMiddle u-inlineBlock u-verticalAlignTop u-height65 u-xs-height56"><div class="u-alignBlock"><span class="u-inlineBlock u-height28 u-xs-height24 u-verticalAlignTop u-marginRight20 u-borderRightTransparentWhiteLighter"></span></div></div><div class="u-alignMiddle u-inlineBlock u-verticalAlignTop u-height65 u-xs-height56 u-marginRight18"><div class="u-alignBlock"><a class="js-collectionLogoOrName" href="https://medium.com/rainist-engineering?source=logo-aea8a30a8e5a---47d34fb1aaf5"><span class="u-inlineBlock u-uiTextBold u-fontSize18 u-lineHeight18 u-xs-fontSize22 u-xs-lineHeight22 u-xs-noWrapWithEllipsis u-xs-maxWidth200">Rainist Engineering</span></a></div></div><div class="u-alignMiddle u-inlineBlock u-verticalAlignTop u-height65 u-xs-height56 u-xs-hide"><div class="u-alignBlock"><div class="buttonSet u-lineHeightInherit u-marginLeft0"><div class="buttonSet-inner"><button class="button button--primary u-paddingLeft10 u-paddingRight10 u-height19 u-lineHeight13 u-verticalAlignMiddle u-fontSize12 u-uiTextMedium button--small u-noUserSelect button--withChrome u-accentColor--buttonNormal js-relationshipButton is-smallPill"  data-action="toggle-follow-collection" data-action-source="----47d34fb1aaf5----------------------follow_header" data-collection-id="47d34fb1aaf5"><span class="button-label  js-buttonLabel">Follow</span></button></div><a class="button button--light button--chromeless is-touchIconBlackPulse u-baseColor--buttonLight button--withIcon button--withSvgIcon u-paddingLeft0"   href="//facebook.com/rainistcompany" title="Visit “Rainist Engineering” on Facebook" aria-label="Visit “Rainist Engineering” on Facebook" rel="me" target="_blank"><span class="button-defaultState"><span class="svgIcon svgIcon--facebookFilled svgIcon--25px"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25" ><path d="M21 12.646C21 7.65 16.97 3.6 12 3.6s-9 4.05-9 9.046a9.026 9.026 0 0 0 7.59 8.924v-6.376H8.395V12.64h2.193v-1.88c0-2.186 1.328-3.375 3.267-3.375.93 0 1.728.07 1.96.1V9.77H14.47c-1.055 0-1.26.503-1.26 1.242v1.63h2.517l-.33 2.554H13.21V21.6c4.398-.597 7.79-4.373 7.79-8.954"/></svg></span></span></a></div></div></div></div><div class="metabar-block u-flex0 u-flexCenter"><div class="u-alignMiddle u-inlineBlock u-verticalAlignTop u-height65 u-xs-height56"><div class="u-alignBlock"><div class="buttonSet u-lineHeightInherit u-block u-margin0"><label class="button button--chromeless button--small button--circle button--withIcon button--withSvgIcon inputGroup u-sm-hide metabar-predictiveSearch u-widthAuto u-baseColor--placeholderNormal  u-lineHeight30 u-height32 u-verticalAlignMiddle" title="Search"><span class="svgIcon svgIcon--search svgIcon--25px u-top0 u-baseColor--iconLight"><svg class="svgIcon-use" width="25" height="25"  viewBox="0 0 25 25"><path d="M20.067 18.933l-4.157-4.157a6 6 0 1 0-.884.884l4.157 4.157a.624.624 0 1 0 .884-.884zM6.5 11c0-2.62 2.13-4.75 4.75-4.75S16 8.38 16 11s-2.13 4.75-4.75 4.75S6.5 13.62 6.5 11z"/></svg></span><input class="js-predictiveSearchInput textInput textInput--rounded textInput--darkText u-baseColor--textNormal textInput--transparent  u-lineHeight30 u-height32 u-verticalAlignMiddle" type="search" placeholder="Search" required="true" data-collection-id="47d34fb1aaf5" /></label><a class="button button--small button--chromeless u-sm-show is-inSiteNavBar u-baseColor--buttonNormal button--withIcon button--withSvgIcon u-xs-top2"   href="https://medium.com/rainist-engineering/search" title="Search" aria-label="Search"><span class="button-defaultState"><span class="svgIcon svgIcon--search svgIcon--25px"><svg class="svgIcon-use" width="25" height="25"  viewBox="0 0 25 25"><path d="M20.067 18.933l-4.157-4.157a6 6 0 1 0-.884.884l4.157 4.157a.624.624 0 1 0 .884-.884zM6.5 11c0-2.62 2.13-4.75 4.75-4.75S16 8.38 16 11s-2.13 4.75-4.75 4.75S6.5 13.62 6.5 11z"/></svg></span></span></a><button class="button button--small button--circle button--chromeless is-touchIconBlackPulse is-inSiteNavBar u-baseColor--buttonNormal button--withIcon button--withSvgIcon button--activity js-notificationsButton u-marginRight10 u-xs-marginRight5 is-styleLight"  title="Notifications" aria-label="Notifications" data-action="open-notifications"><span class="svgIcon svgIcon--bell svgIcon--25px"><svg class="svgIcon-use" width="25" height="25"  viewBox="-293 409 25 25"><path d="M-273.327 423.67l-1.673-1.52v-3.646a5.5 5.5 0 0 0-6.04-5.474c-2.86.273-4.96 2.838-4.96 5.71v3.41l-1.68 1.553c-.204.19-.32.456-.32.734V427a1 1 0 0 0 1 1h3.49a3.079 3.079 0 0 0 3.01 2.45 3.08 3.08 0 0 0 3.01-2.45h3.49a1 1 0 0 0 1-1v-2.59c0-.28-.12-.55-.327-.74zm-7.173 5.63c-.842 0-1.55-.546-1.812-1.3h3.624a1.92 1.92 0 0 1-1.812 1.3zm6.35-2.45h-12.7v-2.347l1.63-1.51c.236-.216.37-.522.37-.843v-3.41c0-2.35 1.72-4.356 3.92-4.565a4.353 4.353 0 0 1 4.78 4.33v3.645c0 .324.137.633.376.85l1.624 1.477v2.373z"/></svg></span></button><button class="button button--chromeless u-baseColor--buttonNormal is-inSiteNavBar js-userActions"  aria-haspopup="true" data-action="open-userActions"><div class="avatar"><img  src="https://cdn-images-1.medium.com/fit/c/35/35/0*wuND6WfPFc1DD0Ec." class="avatar-image avatar-image--icon" alt="조백규"></div></button></div></div></div></div><div class="u-absolute u-sizeFullWidth u-top0 u-right0 u-textAlignCenter js-metabarLogoCentered u-hide"><a href="https://medium.com/" data-log-event="home" class="siteNav-logo u-flexCenter u-paddingTop0"><span class="svgIcon svgIcon--logoMonogram svgIcon--45px is-flushLeft u-textColorDarker"><svg class="svgIcon-use" width="45" height="45" viewBox="0 0 45 45" ><path d="M5 40V5h35v35H5zm8.56-12.627c0 .555-.027.687-.318 1.03l-2.457 2.985v.396h6.974v-.396l-2.456-2.985c-.291-.343-.344-.502-.344-1.03V18.42l6.127 13.364h.714l5.256-13.364v10.644c0 .29 0 .342-.185.528l-1.848 1.796v.396h9.19v-.396l-1.822-1.796c-.184-.186-.21-.238-.21-.528V15.937c0-.291.026-.344.21-.528l1.823-1.797v-.396h-6.471l-4.622 11.542-5.203-11.542h-6.79v.396l2.14 2.64c.239.292.291.37.291.768v10.353z"/></svg></span><span class="u-textScreenReader">Homepage</span></a></div></div></div><div class="metabar metabar--spacer js-metabarSpacer u-tintBgColor u-height65 u-xs-height56"></div><main role="main"><article class=" u-sizeViewHeightMin100 u-overflowHidden postArticle postArticle--full is-withAccentColors"  lang="ko"><header class="container u-maxWidth740"><div class="postMetaHeader u-paddingBottom10 row"><div class="col u-size12of12 js-postMetaLockup"><div class="postMetaLockup postMetaLockup--authorWithBio u-flex js-postMetaLockup"><div class="u-flex0"><a class="link avatar u-baseColor--link"   href="https://medium.com/@devholic?source=post_header_lockup" data-action="show-user-card" data-action-source="post_header_lockup" data-action-value="7c59a12b4ac7" data-action-type="hover" data-user-id="7c59a12b4ac7" dir="auto"><img  src="https://cdn-images-1.medium.com/fit/c/66/66/1*ZZwtCUhDgks0wK_E5pVSHQ.jpeg" class="avatar-image avatar-image--small" alt="Go to the profile of Sunghoon Kang"></a></div><div class="u-flex1 u-paddingLeft15 u-overflowHidden"><a class="link link link--darken link--darker u-baseColor--link"   href="https://medium.com/@devholic?source=post_header_lockup" data-action="show-user-card" data-action-source="post_header_lockup" data-action-value="7c59a12b4ac7" data-action-type="hover" data-user-id="7c59a12b4ac7" dir="auto">Sunghoon Kang</a><span class="followState js-followState" data-user-id="7c59a12b4ac7"><button class="button u-paddingLeft10 u-paddingRight10 u-height19 u-lineHeight13 u-verticalAlignMiddle u-fontSize12 u-uiTextMedium u-noUserSelect button--withChrome u-baseColor--buttonNormal button--withHover button--unblock js-unblockButton u-marginLeft10 u-marginTopNegative2 u-xs-hide"  data-action="toggle-block-user" data-action-value="7c59a12b4ac7" data-action-source="post_header_lockup"><span class="button-label  button-defaultState">Blocked</span><span class="button-label button-hoverState">Unblock</span></button><button class="button button--primary u-paddingLeft10 u-paddingRight10 u-height19 u-lineHeight13 u-verticalAlignMiddle u-fontSize12 u-uiTextMedium u-noUserSelect button--withChrome u-accentColor--buttonNormal button--follow js-followButton u-marginLeft10 u-marginTopNegative2 u-xs-hide"  data-action="toggle-subscribe-user" data-action-value="7c59a12b4ac7" data-action-source="post_header_lockup--------------------------follow_byline" data-subscribe-source="post_header_lockup" data-follow-context-entity-id="b3faf3f55777"><span class="button-label  button-defaultState js-buttonLabel">Follow</span><span class="button-label button-activeState">Following</span></button></span><div class="postMetaInline u-noWrapWithEllipsis u-xs-normalWrap u-xs-lineClamp2 u-xs-maxHeight2LineHeightBase">Love to build things</div><div class="postMetaInline js-testPostMetaInlineSupplemental"><time datetime="2017-09-15T06:09:11.760Z">Sep 15</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="7 min read"></span></div></div></div></div></div></header><div class="postArticle-content js-postField js-notesSource js-trackedPost"  data-post-id="b3faf3f55777" data-source="post_page" data-collection-id="47d34fb1aaf5" data-tracking-context="postPage"><section name="2d4d" class="section section--body section--first section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><h1 name="0af1" id="0af1" class="graf graf--h3 graf--leading graf--title">Kotlin, AWS 그리고 레이니스트와 함께라면 육군훈련소에서도 외롭지 않아</h1><p name="0f66" id="0f66" class="graf graf--p graf-after--h3">올해 <em class="markup--em markup--p-em">Google IO</em>에서 <a href="https://blog.jetbrains.com/kotlin/2017/05/kotlin-on-android-now-official" data-href="https://blog.jetbrains.com/kotlin/2017/05/kotlin-on-android-now-official" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank"><em class="markup--em markup--p-em">Kotlin</em>이 <em class="markup--em markup--p-em">Android</em> 공식 언어로 선정</a>되었는데요, 레이니스트에서는 작년부터 뱅크샐러드 <em class="markup--em markup--p-em">Android</em> 앱을 100% <em class="markup--em markup--p-em">Kotlin</em>으로 작성하고 있습니다.</p><figure name="33f4" id="33f4" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 79px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 11.200000000000001%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*GP9SlOTjVWeWp2xzjejTLw.png" data-width="1978" data-height="222" data-action="zoom" data-action-value="1*GP9SlOTjVWeWp2xzjejTLw.png"><img src="https://cdn-images-1.medium.com/freeze/max/33/1*GP9SlOTjVWeWp2xzjejTLw.png?q=20" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/880/1*GP9SlOTjVWeWp2xzjejTLw.png"><noscript class="js-progressiveMedia-inner"><img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/max/880/1*GP9SlOTjVWeWp2xzjejTLw.png"></noscript></div></div><figcaption class="imageCaption">It’s real</figcaption></figure><p name="fcc9" id="fcc9" class="graf graf--p graf-after--figure"><em class="markup--em markup--p-em">Kotlin</em>의 특징 중 하나는 <em class="markup--em markup--p-em">Java</em>와 100% 호환된다는 점인데요, 이번 포스트에서는 <em class="markup--em markup--p-em">AWS</em>의 <a href="https://aws.amazon.com/ko/lambda/details/" data-href="https://aws.amazon.com/ko/lambda/details/" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank"><em class="markup--em markup--p-em">Lambda Function</em></a>을 <em class="markup--em markup--p-em">Kotlin</em>으로 작성한 경험을 공유하고자 합니다.</p><h3 name="38d9" id="38d9" class="graf graf--h3 graf-after--p">들어가면서</h3><p name="da46" id="da46" class="graf graf--p graf-after--h3">레이니스트는 병무청에서 지정한 <a href="https://www.mma.go.kr/contents.do?mc=mma0000760" data-href="https://www.mma.go.kr/contents.do?mc=mma0000760" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">병역지정업체</a>입니다. 아직 병역의 의무를 해결하지 못한 분이라면 레이니스트에서 산업기능요원으로 근무하면서 병역의 의무를 함께 할 수 있습니다. (현재는 보충역 대상자만 가능합니다)</p><p name="398a" id="398a" class="graf graf--p graf-after--p">저는 올해 초부터 레이니스트에서 산업기능요원으로 병역의 의무를 수행하고 있는데요. 열심히 뱅크샐러드 앱을 만들고 있는 도중 한 통의 편지를 받게 됩니다.</p><figure name="3681" id="3681" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 394px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 56.2%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*Xq6xHmfvZEhSh_6JoM7mNA.png" data-width="2568" data-height="1444" data-action="zoom" data-action-value="1*Xq6xHmfvZEhSh_6JoM7mNA.png"><img src="https://cdn-images-1.medium.com/freeze/max/33/1*Xq6xHmfvZEhSh_6JoM7mNA.png?q=20" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/880/1*Xq6xHmfvZEhSh_6JoM7mNA.png"><noscript class="js-progressiveMedia-inner"><img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/max/880/1*Xq6xHmfvZEhSh_6JoM7mNA.png"></noscript></div></div><figcaption class="imageCaption">국방의 의무 축하해~♪</figcaption></figure><p name="5062" id="5062" class="graf graf--p graf-after--figure">바로 군사교육 소집 통지서였습니다. 통지서를 받고 나서 (말로만) 훈련을 받거나 사회 소식을 못 듣는 건 별로 걱정이 되지 않았는데 회사 소식을 4주 동안 못 듣게 되면 나오고 나서 업무를 진행하는데 흐름을 못 탈 것 같아(?) 회사 동료분들께 편지 작성을 부탁드릴 간단한 <a href="https://api.slack.com/bot-users" data-href="https://api.slack.com/bot-users" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank"><strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">Slack Bot</em></strong></a>을 만들기로 했습니다. <em class="markup--em markup--p-em">Slack</em>에서 기본적으로 제공하는 <em class="markup--em markup--p-em">Reminder</em>를 사용해도 되지만 <em class="markup--em markup--p-em">AWS Lambda</em>를 활용해보고 싶어 주말에 조금씩 시간을 내서 만들기로 했습니다.</p><figure name="f709" id="f709" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 569px; max-height: 420px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 73.8%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*Pwt6IJLgkvo7fAY_uLReMA.png" data-width="569" data-height="420"><img src="https://cdn-images-1.medium.com/freeze/max/33/1*Pwt6IJLgkvo7fAY_uLReMA.png?q=20" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/880/1*Pwt6IJLgkvo7fAY_uLReMA.png"><noscript class="js-progressiveMedia-inner"><img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/max/880/1*Pwt6IJLgkvo7fAY_uLReMA.png"></noscript></div></div><figcaption class="imageCaption">사실 주말에 할게 없어서…</figcaption></figure><h3 name="a335" id="a335" class="graf graf--h3 graf-after--figure">만들기 시작!</h3><p name="f31f" id="f31f" class="graf graf--p graf-after--h3">사실 처음 목표는 육군훈련소 홈페이지에 자동으로 편지를 쓰게 해주는 <em class="markup--em markup--p-em">Lambda Function</em>을 만들계획이었으나, 본인인증이라는 거대한 벽에 막혀 다음과 같은 흐름을 가지는 <em class="markup--em markup--p-em">Lambda Function</em>을 만들기로 했습니다.</p><figure name="65f0" id="65f0" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 533px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 76.1%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*njSATgm2IgBhxVgQ_td4qQ.png" data-width="1400" data-height="1065" data-action="zoom" data-action-value="1*njSATgm2IgBhxVgQ_td4qQ.png"><img src="https://cdn-images-1.medium.com/freeze/max/33/1*njSATgm2IgBhxVgQ_td4qQ.png?q=20" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/880/1*njSATgm2IgBhxVgQ_td4qQ.png"><noscript class="js-progressiveMedia-inner"><img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/max/880/1*njSATgm2IgBhxVgQ_td4qQ.png"></noscript></div></div><figcaption class="imageCaption">간단하쥬?</figcaption></figure><p name="a281" id="a281" class="graf graf--p graf-after--figure">가장 먼저, <a href="https://api.slack.com/apps?new_app=1" data-href="https://api.slack.com/apps?new_app=1" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank"><em class="markup--em markup--p-em">Slack API 사이트</em></a>에서 <em class="markup--em markup--p-em">Slack App</em>을 만들고 <em class="markup--em markup--p-em">Lambda Function</em>에서 Slack 채널로 메시지를 보낼 때 사용할 <strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">Webhook URL</em></strong>을 발급받습니다. 생성된 Slack App을 관리 페이지 좌측의 <em class="markup--em markup--p-em">Incoming Webhooks</em>에서 다음 사진과 같이 <em class="markup--em markup--p-em">Webhook URL</em>을 발급받을 수 있습니다.</p><figure name="bed4" id="bed4" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 100px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 14.299999999999999%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*65JzbdxHAbZDfhvAZKY8Ig.png" data-width="1340" data-height="192" data-action="zoom" data-action-value="1*65JzbdxHAbZDfhvAZKY8Ig.png"><img src="https://cdn-images-1.medium.com/freeze/max/33/1*65JzbdxHAbZDfhvAZKY8Ig.png?q=20" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/880/1*65JzbdxHAbZDfhvAZKY8Ig.png"><noscript class="js-progressiveMedia-inner"><img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/max/880/1*65JzbdxHAbZDfhvAZKY8Ig.png"></noscript></div></div></figure><h3 name="f834" id="f834" class="graf graf--h3 graf-after--figure">Lambda Function 작성하기</h3><p name="d7c0" id="d7c0" class="graf graf--p graf-after--h3">먼저 <code class="markup--code markup--p-code"><a href="https://mvnrepository.com/artifact/com.amazonaws/aws-lambda-java-core/1.1.0" data-href="https://mvnrepository.com/artifact/com.amazonaws/aws-lambda-java-core/1.1.0" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank"><em class="markup--em markup--p-em">aws-lambda-java-core</em></a></code>를 <em class="markup--em markup--p-em">gradle dependency</em>로 추가하고, <em class="markup--em markup--p-em">Lambda Function</em>의 <em class="markup--em markup--p-em">Entry Point </em>역할을 할<em class="markup--em markup--p-em"> </em><a href="http://javadox.com/com.amazonaws/aws-lambda-java-core/1.1.0/com/amazonaws/services/lambda/runtime/RequestHandler.html" data-href="http://javadox.com/com.amazonaws/aws-lambda-java-core/1.1.0/com/amazonaws/services/lambda/runtime/RequestHandler.html" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank"><strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">RequestHandler</em></strong></a>를 구현합니다.</p><figure name="f5ce" id="f5ce" class="graf graf--figure graf--iframe graf-after--p"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 35.699999999999996%;"></div><div class="progressiveMedia js-progressiveMedia"><img src="https://i.embed.ly/1/display/resize?url=https%3A%2F%2Favatars1.githubusercontent.com%2Fu%2F6194958%3Fv%3D4%26s%3D400&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;width=40" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><div class="iframeContainer"><IFRAME width="700" height="250" data-src="/media/5cbf29ed68ed09906a367b0507e570d5?postId=b3faf3f55777" data-media-id="5cbf29ed68ed09906a367b0507e570d5" data-thumbnail="https://i.embed.ly/1/image?url=https%3A%2F%2Favatars1.githubusercontent.com%2Fu%2F6194958%3Fv%3D4%26s%3D400&amp;key=a19fcc184b9711e1b4764040d3dc5c07" class="progressiveMedia-iframe js-progressiveMedia-iframe" allowfullscreen frameborder="0"></IFRAME></div><noscript class="js-progressiveMedia-inner"><div class="iframeContainer"><IFRAME width="700" height="250" src="/media/5cbf29ed68ed09906a367b0507e570d5?postId=b3faf3f55777" data-media-id="5cbf29ed68ed09906a367b0507e570d5" data-thumbnail="https://i.embed.ly/1/image?url=https%3A%2F%2Favatars1.githubusercontent.com%2Fu%2F6194958%3Fv%3D4%26s%3D400&amp;key=a19fcc184b9711e1b4764040d3dc5c07" allowfullscreen frameborder="0"></IFRAME></div></noscript></div></div><figcaption class="imageCaption">handleRequest를 구현하면 됩니다</figcaption></figure><p name="874c" id="874c" class="graf graf--p graf-after--figure"><em class="markup--em markup--p-em">handleRequest</em> 메소드를 어떻게 작성할까 고민하다, 뱅크샐러드 안드로이드 앱의 <strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">UseCase</em></strong>처럼 코드를 작성하기로 했습니다. (자세한 내용은 <em class="markup--em markup--p-em">Droid Knights 2017</em>에서 저희 CTO님께서 발표하신 <a href="https://academy.realm.io/kr/posts/clean-architecture-in-android" data-href="https://academy.realm.io/kr/posts/clean-architecture-in-android" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank"><strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">Clean Architecture in Android</em></strong></a>발표를 참고해주세요)</p><p name="45fc" id="45fc" class="graf graf--p graf-after--p">일단, 육군훈련소 홈페이지에서 제가 배치된 연대, 중대, 소대 정보를 가져올 <a href="https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/KATCRepository.kt" data-href="https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/KATCRepository.kt" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank"><em class="markup--em markup--p-em">KATCRepository</em></a>, 편지 써줄 사람을 지목하고 채널에 메시지를 보낼 <a href="https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/SlackRepository.kt" data-href="https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/SlackRepository.kt" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank"><em class="markup--em markup--p-em">SlackRepository</em></a>, 채널에 보낼 메시지를 만들 <a href="https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/MessageRepository.kt" data-href="https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/MessageRepository.kt" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank"><em class="markup--em markup--p-em">MessageRepository</em></a>, 끝으로 지목당한 분이 편지에 쓸 내용이 없는 경우를 대비해 편지에 바깥 세상(?) 소식 요약본을 담기 위한 <a href="https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/NaverNewsRepository.kt" data-href="https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/NaverNewsRepository.kt" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank"><em class="markup--em markup--p-em">NaverNewsRepository</em></a><em class="markup--em markup--p-em">,</em> 총 4개를 만들었습니다.</p><p name="dcbc" id="dcbc" class="graf graf--p graf-after--p"><em class="markup--em markup--p-em">Repository</em>의 각 메소드들은 비동기 처리를 위해 <a href="http://reactivex.io/RxJava/javadoc/io/reactivex/Single.html" data-href="http://reactivex.io/RxJava/javadoc/io/reactivex/Single.html" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank"><em class="markup--em markup--p-em">Single</em></a>, 혹은 <a href="http://reactivex.io/RxJava/javadoc/io/reactivex/Completable.html" data-href="http://reactivex.io/RxJava/javadoc/io/reactivex/Completable.html" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank"><em class="markup--em markup--p-em">Completable</em></a>을 <em class="markup--em markup--p-em">return</em>하게 되어있는데, <code class="markup--code markup--p-code">.blockingGet()</code>을 사용하면 <em class="markup--em markup--p-em">Stream</em>이 종료될 때 <em class="markup--em markup--p-em">Lambda Function</em>이 종료될 수 있도록 <em class="markup--em markup--p-em">blocking </em>처리 할 수 있습니다.</p><figure name="80dc" id="80dc" class="graf graf--figure graf--iframe graf-after--p"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 35.699999999999996%;"></div><div class="progressiveMedia js-progressiveMedia"><img src="https://i.embed.ly/1/display/resize?url=https%3A%2F%2Favatars1.githubusercontent.com%2Fu%2F6194958%3Fv%3D4%26s%3D400&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;width=40" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><div class="iframeContainer"><IFRAME width="700" height="250" data-src="/media/f8090a200706b392a705fbbb2ecac3e5?postId=b3faf3f55777" data-media-id="f8090a200706b392a705fbbb2ecac3e5" data-thumbnail="https://i.embed.ly/1/image?url=https%3A%2F%2Favatars1.githubusercontent.com%2Fu%2F6194958%3Fv%3D4%26s%3D400&amp;key=a19fcc184b9711e1b4764040d3dc5c07" class="progressiveMedia-iframe js-progressiveMedia-iframe" allowfullscreen frameborder="0"></IFRAME></div><noscript class="js-progressiveMedia-inner"><div class="iframeContainer"><IFRAME width="700" height="250" src="/media/f8090a200706b392a705fbbb2ecac3e5?postId=b3faf3f55777" data-media-id="f8090a200706b392a705fbbb2ecac3e5" data-thumbnail="https://i.embed.ly/1/image?url=https%3A%2F%2Favatars1.githubusercontent.com%2Fu%2F6194958%3Fv%3D4%26s%3D400&amp;key=a19fcc184b9711e1b4764040d3dc5c07" allowfullscreen frameborder="0"></IFRAME></div></noscript></div></div></figure><p name="bbe3" id="bbe3" class="graf graf--p graf-after--figure"><em class="markup--em markup--p-em">Slack Bot</em>을 다 만들었으니, 이제 <em class="markup--em markup--p-em">AWS</em>에 업로드하는 일만 남았습니다. <em class="markup--em markup--p-em">Gradle Script</em>에 <em class="markup--em markup--p-em">jar task</em>를 추가해서 <em class="markup--em markup--p-em">jar</em>파일로 빌드합니다.</p><figure name="ce09" id="ce09" class="graf graf--figure graf--iframe graf-after--p"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 35.699999999999996%;"></div><div class="progressiveMedia js-progressiveMedia"><img src="https://i.embed.ly/1/display/resize?url=https%3A%2F%2Favatars1.githubusercontent.com%2Fu%2F6194958%3Fv%3D4%26s%3D400&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;width=40" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><div class="iframeContainer"><IFRAME width="700" height="250" data-src="/media/d9476902998af3b4e70abcbb6704fd99?postId=b3faf3f55777" data-media-id="d9476902998af3b4e70abcbb6704fd99" data-thumbnail="https://i.embed.ly/1/image?url=https%3A%2F%2Favatars1.githubusercontent.com%2Fu%2F6194958%3Fv%3D4%26s%3D400&amp;key=a19fcc184b9711e1b4764040d3dc5c07" class="progressiveMedia-iframe js-progressiveMedia-iframe" allowfullscreen frameborder="0"></IFRAME></div><noscript class="js-progressiveMedia-inner"><div class="iframeContainer"><IFRAME width="700" height="250" src="/media/d9476902998af3b4e70abcbb6704fd99?postId=b3faf3f55777" data-media-id="d9476902998af3b4e70abcbb6704fd99" data-thumbnail="https://i.embed.ly/1/image?url=https%3A%2F%2Favatars1.githubusercontent.com%2Fu%2F6194958%3Fv%3D4%26s%3D400&amp;key=a19fcc184b9711e1b4764040d3dc5c07" allowfullscreen frameborder="0"></IFRAME></div></noscript></div></div></figure><p name="5230" id="5230" class="graf graf--p graf-after--figure"><em class="markup--em markup--p-em">AWS Console</em>을 통해 <em class="markup--em markup--p-em">Lambda Function</em>을 생성해주고, 생성된 <em class="markup--em markup--p-em">jar</em>파일을 업로드 하면 되는데요. <em class="markup--em markup--p-em">trigger</em>는 일단 비워둔 상태로, <strong class="markup--strong markup--p-strong">Lambda 함수 핸들러 및 역할</strong>을<strong class="markup--strong markup--p-strong"> </strong>다음과 같이 런타임은 <strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">Java8</em></strong>, 핸들러는 <code class="markup--code markup--p-code">package.classname::handlerMethodName</code>형식으로 생성하면 됩니다.</p><figure name="fd17" id="fd17" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 193px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 27.6%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*mWKJcNDOXH0wmeSw76DGcw.png" data-width="1274" data-height="352" data-action="zoom" data-action-value="1*mWKJcNDOXH0wmeSw76DGcw.png"><img src="https://cdn-images-1.medium.com/freeze/max/33/1*mWKJcNDOXH0wmeSw76DGcw.png?q=20" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/880/1*mWKJcNDOXH0wmeSw76DGcw.png"><noscript class="js-progressiveMedia-inner"><img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/max/880/1*mWKJcNDOXH0wmeSw76DGcw.png"></noscript></div></div></figure><p name="0124" id="0124" class="graf graf--p graf-after--figure"><em class="markup--em markup--p-em">Slack Bot</em>의 전체 소스는<em class="markup--em markup--p-em"> </em><a href="https://github.com/devholic/epilogue" data-href="https://github.com/devholic/epilogue" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank"><strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">GitHub</em></strong></a>에서 확인하실 수 있습니다.</p><div name="fe5f" id="fe5f" class="graf graf--mixtapeEmbed graf-after--p"><a href="https://github.com/devholic/epilogue" data-href="https://github.com/devholic/epilogue" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://github.com/devholic/epilogue" rel="nofollow"><strong class="markup--strong markup--mixtapeEmbed-strong">devholic/epilogue</strong><br><em class="markup--em markup--mixtapeEmbed-em">epilogue - 훈련소 갔을때 편지써줄 여자친구가 있으면 좋겠다</em>github.com</a><a href="https://github.com/devholic/epilogue" class="js-mixtapeImage mixtapeImage u-ignoreBlock" data-media-id="15a00e5b5ac3c33b574c2391be0633eb" data-thumbnail-img-id="0*Lpc0CHX6Js-mOvaO." style="background-image: url(https://cdn-images-1.medium.com/fit/c/176/176/0*Lpc0CHX6Js-mOvaO.);"></a></div><h3 name="fe55" id="fe55" class="graf graf--h3 graf-after--mixtapeEmbed">CloudWatch Event 만들기</h3><p name="8684" id="8684" class="graf graf--p graf-after--h3">이제 일정 주기마다 위에서 생성한 <em class="markup--em markup--p-em">Lambda Function</em>을 실행을 시켜야 하는데, 이 문제는 <a href="https://aws.amazon.com/ko/cloudwatch/" data-href="https://aws.amazon.com/ko/cloudwatch/" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank"><em class="markup--em markup--p-em">CloudWatch</em></a><em class="markup--em markup--p-em"> Event</em>로 간단하게 해결할 수 있습니다. <em class="markup--em markup--p-em">CloudWatch Event</em>는 <em class="markup--em markup--p-em">Cron</em>식을 지원하는데요. 저는 <strong class="markup--strong markup--p-strong">화요일, 금요일 아침 9시</strong>에만 메시지를 보내기로 했으므로 다음 식을 사용했습니다.</p><p name="f016" id="f016" class="graf graf--p graf-after--p"><code class="markup--code markup--p-code"><em class="markup--em markup--p-em">0 0 ? * TUE, FRI *</em></code></p><p name="540f" id="540f" class="graf graf--p graf-after--p">여기서 중요한 점은 <strong class="markup--strong markup--p-strong">시간대가 <em class="markup--em markup--p-em">GMT +0</em></strong>으로 설정되어있기 때문에, <strong class="markup--strong markup--p-strong">서울 시간 기준으로 -9시간을 해줘야 원하는 스케줄대로 작동</strong>합니다. <em class="markup--em markup--p-em">Cron</em>식을 입력하고 화면 우측의 호출할 대상을 위에서 생성한 <em class="markup--em markup--p-em">Lambda</em> 함수로 지정하면, 모든 준비가 끝납니다!</p><figure name="2246" id="2246" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 310px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 44.3%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*IOTAYohisstB6TbI6AUtVw.png" data-width="2920" data-height="1294" data-action="zoom" data-action-value="1*IOTAYohisstB6TbI6AUtVw.png"><img src="https://cdn-images-1.medium.com/freeze/max/33/1*IOTAYohisstB6TbI6AUtVw.png?q=20" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/880/1*IOTAYohisstB6TbI6AUtVw.png"><noscript class="js-progressiveMedia-inner"><img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/max/880/1*IOTAYohisstB6TbI6AUtVw.png"></noscript></div></div><figcaption class="imageCaption">끝!</figcaption></figure><h3 name="c38b" id="c38b" class="graf graf--h3 graf-after--figure">입소, 그리고 수료</h3><p name="f8a9" id="f8a9" class="graf graf--p graf-after--h3">입소하고 시간은 흐르고 흘러 CloudWatch Event가 발생하는, 그리고 슬랙봇이 작동할 수도 있는 첫 번째 화요일이 되었습니다. 제 입소 정보는 화요일 오후쯤에 육군훈련소 홈페이지에 올라가니 편지가 오지 않을 거라 예상 했으나…</p><figure name="1887" id="1887" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 394px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 56.2%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*3xXtAZp_-YXFvM3UQ4MVnA.png" data-width="2568" data-height="1444" data-action="zoom" data-action-value="1*3xXtAZp_-YXFvM3UQ4MVnA.png"><img src="https://cdn-images-1.medium.com/freeze/max/33/1*3xXtAZp_-YXFvM3UQ4MVnA.png?q=20" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/880/1*3xXtAZp_-YXFvM3UQ4MVnA.png"><noscript class="js-progressiveMedia-inner"><img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/max/880/1*3xXtAZp_-YXFvM3UQ4MVnA.png"></noscript></div></div><figcaption class="imageCaption">다시봐도 감동</figcaption></figure><p name="2f2b" id="2f2b" class="graf graf--p graf-after--figure">봇이 작동하지 않았음에도 첫날에 편지가 두 통이나 왔습니다 ㅠㅠ</p><figure name="51bb" id="51bb" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 502px; max-height: 268px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 53.400000000000006%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*rYpUc_LTSgNxGhtmr7J_Ew.png" data-width="502" data-height="268"><img src="https://cdn-images-1.medium.com/freeze/max/33/1*rYpUc_LTSgNxGhtmr7J_Ew.png?q=20" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/880/1*rYpUc_LTSgNxGhtmr7J_Ew.png"><noscript class="js-progressiveMedia-inner"><img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/max/880/1*rYpUc_LTSgNxGhtmr7J_Ew.png"></noscript></div></div><figcaption class="imageCaption">가… 감동이야… <em class="markup--em markup--figure-em">(슬랙 봇 같은건 필요 없었어!)</em></figcaption></figure><p name="4c7f" id="4c7f" class="graf graf--p graf-after--figure">동료 분들과 가족들에게 편지를 받고 나니, 봇이 정상적으로 동작하는지 안 동작하는지 확인할 수 있는 금요일이 손꼽아 기다려지기 시작했습니다. (사회소식이 궁금하지 않다고 했었지만 진짜 궁금해서 애가 탔었… 볼 수 있는 게 국방일보 밖에 없었습니다 ㅠㅠ)</p><p name="a6fe" id="a6fe" class="graf graf--p graf-after--p">그리고 손꼽아 기다리던 금요일 저녁, 편지가 도착했습니다!</p><figure name="ec5a" id="ec5a" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 552px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 78.9%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*KIa4eZARMVelBWNRMd3D9Q.png" data-width="1831" data-height="1444" data-is-featured="true" data-action="zoom" data-action-value="1*KIa4eZARMVelBWNRMd3D9Q.png"><img src="https://cdn-images-1.medium.com/freeze/max/33/1*KIa4eZARMVelBWNRMd3D9Q.png?q=20" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/880/1*KIa4eZARMVelBWNRMd3D9Q.png"><noscript class="js-progressiveMedia-inner"><img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/max/880/1*KIa4eZARMVelBWNRMd3D9Q.png"></noscript></div></div><figcaption class="imageCaption">기술부채 말고 편지부채!</figcaption></figure><blockquote name="9e26" id="9e26" class="graf graf--pullquote graf-after--figure">편지 써준다던 친구들은 거의 안써주고…</blockquote><blockquote name="1437" id="1437" class="graf graf--pullquote graf-after--pullquote">레이니스트 더럽… the love…</blockquote><p name="39a9" id="39a9" class="graf graf--p graf-after--pullquote">수료하고 난 뒤 <em class="markup--em markup--p-em">Slack</em>을 켜서 봇이 동작한 모습을 보니 뿌듯한 마음 반, 편지 써주신 동료분들에 대한 감사의 마음 반으로 가득 찼습니다.</p><figure name="2423" id="2423" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 381px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 54.400000000000006%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*LaHmp-XmB9CiWmS4u4P3WA.png" data-width="2682" data-height="1460" data-action="zoom" data-action-value="1*LaHmp-XmB9CiWmS4u4P3WA.png"><img src="https://cdn-images-1.medium.com/freeze/max/33/1*LaHmp-XmB9CiWmS4u4P3WA.png?q=20" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/880/1*LaHmp-XmB9CiWmS4u4P3WA.png"><noscript class="js-progressiveMedia-inner"><img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/max/880/1*LaHmp-XmB9CiWmS4u4P3WA.png"></noscript></div></div><figcaption class="imageCaption">돌아와서 슬랙을 보니…</figcaption></figure><h3 name="23f9" id="23f9" class="graf graf--h3 graf-after--figure">글을 맺으며</h3><ol class="postList"><li name="55ed" id="55ed" class="graf graf--li graf-after--h3"><em class="markup--em markup--li-em">Kotlin</em>은 <em class="markup--em markup--li-em">Java</em>와 100% 호환되기에 <em class="markup--em markup--li-em">AWS Lambda Function</em>을 <em class="markup--em markup--li-em">Kotlin</em>으로도 작성할 수 있습니다.</li><li name="bb5f" id="bb5f" class="graf graf--li graf-after--li">레이니스트에서 금융정보의 비대칭성을 함께 해결해 나갈 <a href="https://rainist.com/recruit/engineer" data-href="https://rainist.com/recruit/engineer" class="markup--anchor markup--li-anchor" rel="noopener nofollow" target="_blank">개발자를 찾습니다</a>. (산업기능요원 보충역 신규 편입 / 전직 가능)</li><li name="a02c" id="a02c" class="graf graf--li graf-after--li">군인에게 편지는 힘이 됩니다 (저희와 함께하시다 훈련소 가시게 되면 제가 1주일에 2번 편지써드릴께요 ㅠㅠ)</li></ol><p name="ee3a" id="ee3a" class="graf graf--p graf-after--li"><em class="markup--em markup--p-em">아, 마지막으로 다시 한번 편지를 써주신 분들께 감사의 말씀을 전합니다 ㅠㅠ</em></p><p name="acd2" id="acd2" class="graf graf--p graf-after--p graf--trailing">읽어주셔서 감사합니다 :D</p></div></div></section></div><footer class="u-paddingTop10"><div class="container u-maxWidth740"><div class="row"><div class="col u-size12of12"></div></div><div class="row"><div class="col u-size12of12 js-postTags"><div class="u-paddingBottom10"><ul class="tags tags--postTags tags--borderless"><li><a class="link u-baseColor--link"   href="https://medium.com/tag/kotlin?source=post" data-action-source="post">Kotlin</a></li><li><a class="link u-baseColor--link"   href="https://medium.com/tag/rxjava?source=post" data-action-source="post">Rxjava</a></li><li><a class="link u-baseColor--link"   href="https://medium.com/tag/aws?source=post" data-action-source="post">AWS</a></li><li><a class="link u-baseColor--link"   href="https://medium.com/tag/aws-lambda?source=post" data-action-source="post">AWS Lambda</a></li><li><a class="link u-baseColor--link"   href="https://medium.com/tag/rainist?source=post" data-action-source="post">Rainist</a></li></ul></div></div></div><section class="u-paddingTop20 u-borderTopLightest u-marginTop10"><div class="u-textColorDarker u-fontSize22 u-marginBottom7">Show your support</div><p class="u-textColorDark u-fontSize16">Clapping shows how much you appreciated Sunghoon Kang’s story.</p></section><div class="postActions u-flexCenter js-postActionsFooter"><div class="u-flex1"><div class="multirecommend js-actionMultirecommend u-flexCenter u-width60" data-post-id="b3faf3f55777" data-is-icon-29px="true" data-is-circle="true" data-has-recommend-list="true" data-source="post_actions_footer"><div class="u-relative u-foreground"><button class="button button--large button--circle button--withChrome u-baseColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton clapButton--largePill u-relative u-foreground u-width60 u-height60 u-accentColor--textNormal u-accentColor--buttonNormal"  data-action="multivote" data-action-value="b3faf3f55777" data-action-type="long-press" data-action-source="post_actions_footer" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--33px u-relative u-topNegative2 u-xs-top0"><svg class="svgIcon-use" width="33" height="33" viewBox="0 0 33 33" ><path d="M28.86 17.342l-3.64-6.402c-.292-.433-.712-.729-1.163-.8a1.124 1.124 0 0 0-.889.213c-.63.488-.742 1.181-.33 2.061l1.222 2.587 1.4 2.46c2.234 4.085 1.511 8.007-2.145 11.663-.26.26-.526.49-.797.707 1.42-.084 2.881-.683 4.292-2.094 3.822-3.823 3.565-7.876 2.05-10.395zm-6.252 11.075c3.352-3.35 3.998-6.775 1.978-10.469l-3.378-5.945c-.292-.432-.712-.728-1.163-.8a1.122 1.122 0 0 0-.89.213c-.63.49-.742 1.182-.33 2.061l1.72 3.638a.502.502 0 0 1-.806.568l-8.91-8.91a1.335 1.335 0 0 0-1.887 1.886l5.292 5.292a.5.5 0 0 1-.707.707l-5.292-5.292-1.492-1.492c-.503-.503-1.382-.505-1.887 0a1.337 1.337 0 0 0 0 1.886l1.493 1.492 5.292 5.292a.499.499 0 0 1-.353.854.5.5 0 0 1-.354-.147L5.642 13.96a1.338 1.338 0 0 0-1.887 0 1.338 1.338 0 0 0 0 1.887l2.23 2.228 3.322 3.324a.499.499 0 0 1-.353.853.502.502 0 0 1-.354-.146l-3.323-3.324a1.333 1.333 0 0 0-1.886 0 1.325 1.325 0 0 0-.39.943c0 .356.138.691.39.943l6.396 6.397c3.528 3.53 8.86 5.313 12.821 1.353zM12.73 9.26l5.68 5.68-.49-1.037c-.518-1.107-.426-2.13.224-2.89l-3.303-3.304a1.337 1.337 0 0 0-1.886 0 1.326 1.326 0 0 0-.39.944c0 .217.067.42.165.607zm14.787 19.184c-1.599 1.6-3.417 2.392-5.353 2.392-.349 0-.7-.03-1.058-.082a7.922 7.922 0 0 1-3.667.887c-3.049 0-6.115-1.626-8.359-3.87l-6.396-6.397A2.315 2.315 0 0 1 2 19.724a2.327 2.327 0 0 1 1.923-2.296l-.875-.875a2.339 2.339 0 0 1 0-3.3 2.33 2.33 0 0 1 1.24-.647l-.139-.139c-.91-.91-.91-2.39 0-3.3.884-.884 2.421-.882 3.301 0l.138.14a2.335 2.335 0 0 1 3.948-1.24l.093.092c.091-.423.291-.828.62-1.157a2.336 2.336 0 0 1 3.3 0l3.384 3.386a2.167 2.167 0 0 1 1.271-.173c.534.086 1.03.354 1.441.765.11-.549.415-1.034.911-1.418a2.12 2.12 0 0 1 1.661-.41c.727.117 1.385.565 1.853 1.262l3.652 6.423c1.704 2.832 2.025 7.377-2.205 11.607zM13.217.484l-1.917.882 2.37 2.837-.454-3.719zm8.487.877l-1.928-.86-.44 3.697 2.368-2.837zM16.5 3.293L15.478-.005h2.044L16.5 3.293z" fill-rule="evenodd"/></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--33px u-relative u-topNegative2 u-xs-top0"><svg class="svgIcon-use" width="33" height="33" viewBox="0 0 33 33" ><g fill-rule="evenodd"><path d="M29.58 17.1l-3.854-6.78c-.365-.543-.876-.899-1.431-.989a1.491 1.491 0 0 0-1.16.281c-.42.327-.65.736-.7 1.207v.001l3.623 6.367c2.46 4.498 1.67 8.802-2.333 12.807-.265.265-.536.505-.81.728 1.973-.222 3.474-1.286 4.45-2.263 4.166-4.165 3.875-8.6 2.215-11.36zm-4.831.82l-3.581-6.3c-.296-.439-.725-.742-1.183-.815a1.105 1.105 0 0 0-.89.213c-.647.502-.755 1.188-.33 2.098l1.825 3.858a.601.601 0 0 1-.197.747.596.596 0 0 1-.77-.067L10.178 8.21c-.508-.506-1.393-.506-1.901 0a1.335 1.335 0 0 0-.393.95c0 .36.139.698.393.95v.001l5.61 5.61a.599.599 0 1 1-.848.847l-5.606-5.606c-.001 0-.002 0-.003-.002L5.848 9.375a1.349 1.349 0 0 0-1.902 0 1.348 1.348 0 0 0 0 1.901l1.582 1.582 5.61 5.61a.6.6 0 0 1-.848.848l-5.61-5.61c-.51-.508-1.393-.508-1.9 0a1.332 1.332 0 0 0-.394.95c0 .36.139.697.393.952l2.363 2.362c.002.001.002.002.002.003l3.52 3.52a.6.6 0 0 1-.848.847l-3.522-3.523h-.001a1.336 1.336 0 0 0-.95-.393 1.345 1.345 0 0 0-.949 2.295l6.779 6.78c3.715 3.713 9.327 5.598 13.49 1.434 3.527-3.528 4.21-7.13 2.086-11.015zM11.817 7.727c.06-.328.213-.64.466-.893.64-.64 1.755-.64 2.396 0l3.232 3.232c-.82.783-1.09 1.833-.764 2.992l-5.33-5.33z"/><path d="M13.285.48l-1.916.881 2.37 2.837z"/><path d="M21.719 1.361L19.79.501l-.44 3.697z"/><path d="M16.502 3.298L15.481 0h2.043z"/></g></svg></span></span></button><div class="clapUndo u-width60 u-round u-height32 u-absolute u-borderBox u-paddingRight5 u-transition--transform200Spring u-background--brandSageLighter js-clapUndo" style="top: 14px; padding: 2px;"><button class="button button--chromeless u-baseColor--buttonNormal button--withIcon button--withSvgIcon u-floatRight"  data-action="multivote-undo" data-action-value="b3faf3f55777"><span class="svgIcon svgIcon--removeThin svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><path d="M20.13 8.11l-5.61 5.61-5.609-5.61-.801.801 5.61 5.61-5.61 5.61.801.8 5.61-5.609 5.61 5.61.8-.801-5.609-5.61 5.61-5.61" fill-rule="evenodd"/></svg></span></button></div></div><span class="u-textAlignCenter u-relative u-background js-actionMultirecommendCount u-marginLeft10"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton"  data-action="show-recommends" data-action-value="b3faf3f55777">295</button></span></div></div><div class="u-flex0 buttonSet buttonSet--narrow"><div class="buttonSet-inner"><button class="button button--large button--dark button--chromeless is-touchIconBlackPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon"  data-action="respond" data-action-source="post_actions_footer"><span class="svgIcon svgIcon--response svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><path d="M21.27 20.058c1.89-1.826 2.754-4.17 2.754-6.674C24.024 8.21 19.67 4 14.1 4 8.53 4 4 8.21 4 13.384c0 5.175 4.53 9.385 10.1 9.385 1.007 0 2-.14 2.95-.41.285.25.592.49.918.7 1.306.87 2.716 1.31 4.19 1.31.276-.01.494-.14.6-.36a.625.625 0 0 0-.052-.65c-.61-.84-1.042-1.71-1.282-2.58a5.417 5.417 0 0 1-.154-.75zm-3.85 1.324l-.083-.28-.388.12a9.72 9.72 0 0 1-2.85.424c-4.96 0-8.99-3.706-8.99-8.262 0-4.556 4.03-8.263 8.99-8.263 4.95 0 8.77 3.71 8.77 8.27 0 2.25-.75 4.35-2.5 5.92l-.24.21v.32c0 .07 0 .19.02.37.03.29.1.6.19.92.19.7.49 1.4.89 2.08-.93-.14-1.83-.49-2.67-1.06-.34-.22-.88-.48-1.16-.74z"/></svg></span></button></div><div class="buttonSet-inner u-xs-hide"><button class="button button--large button--dark button--chromeless is-touchIconBlackPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon"  title="Share on Twitter" aria-label="Share on Twitter" data-action="share-on-twitter" data-action-source="post_actions_footer"><span class="svgIcon svgIcon--twitter svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><path d="M21.967 11.8c.018 5.93-4.607 11.18-11.177 11.18-2.172 0-4.25-.62-6.047-1.76l-.268.422-.038.5.186.013.168.012c.3.02.44.032.6.046 2.06-.026 3.95-.686 5.49-1.86l1.12-.85-1.4-.048c-1.57-.055-2.92-1.08-3.36-2.51l-.48.146-.05.5c.22.03.48.05.75.08.48-.02.87-.07 1.25-.15l2.33-.49-2.32-.49c-1.68-.35-2.91-1.83-2.91-3.55 0-.05 0-.01-.01.03l-.49-.1-.25.44c.63.36 1.35.57 2.07.58l1.7.04L7.4 13c-.978-.662-1.59-1.79-1.618-3.047a4.08 4.08 0 0 1 .524-1.8l-.825.07a12.188 12.188 0 0 0 8.81 4.515l.59.033-.06-.59v-.02c-.05-.43-.06-.63-.06-.87a3.617 3.617 0 0 1 6.27-2.45l.2.21.28-.06c1.01-.22 1.94-.59 2.73-1.09l-.75-.56c-.1.36-.04.89.12 1.36.23.68.58 1.13 1.17.85l-.21-.45-.42-.27c-.52.8-1.17 1.48-1.92 2L22 11l.016.28c.013.2.014.35 0 .52v.04zm.998.038c.018-.22.017-.417 0-.66l-.498.034.284.41a8.183 8.183 0 0 0 2.2-2.267l.97-1.48-1.6.755c.17-.08.3-.02.34.03a.914.914 0 0 1-.13-.292c-.1-.297-.13-.64-.1-.766l.36-1.254-1.1.695c-.69.438-1.51.764-2.41.963l.48.15a4.574 4.574 0 0 0-3.38-1.484 4.616 4.616 0 0 0-4.61 4.613c0 .29.02.51.08.984l.01.02.5-.06.03-.5c-3.17-.18-6.1-1.7-8.08-4.15l-.48-.56-.36.64c-.39.69-.62 1.48-.65 2.28.04 1.61.81 3.04 2.06 3.88l.3-.92c-.55-.02-1.11-.17-1.6-.45l-.59-.34-.14.67c-.02.08-.02.16 0 .24-.01 2.12 1.55 4.01 3.69 4.46l.1-.49-.1-.49c-.33.07-.67.12-1.03.14-.18-.02-.43-.05-.64-.07l-.76-.09.23.73c.57 1.84 2.29 3.14 4.28 3.21l-.28-.89a8.252 8.252 0 0 1-4.85 1.66c-.12-.01-.26-.02-.56-.05l-.17-.01-.18-.01L2.53 21l1.694 1.07a12.233 12.233 0 0 0 6.58 1.917c7.156 0 12.2-5.73 12.18-12.18l-.002.04z"/></svg></span></button></div><div class="buttonSet-inner u-xs-hide"><button class="button button--large button--dark button--chromeless is-touchIconBlackPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon"  title="Share on Facebook" aria-label="Share on Facebook" data-action="share-on-facebook" data-action-source="post_actions_footer"><span class="svgIcon svgIcon--facebook svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><path d="M16.39 23.61v-5.808h1.846a.55.55 0 0 0 .546-.48l.36-2.797a.551.551 0 0 0-.547-.62H16.39V12.67c0-.67.12-.813.828-.813h1.474a.55.55 0 0 0 .55-.55V8.803a.55.55 0 0 0-.477-.545c-.436-.06-1.36-.116-2.22-.116-2.5 0-4.13 1.62-4.13 4.248v1.513H10.56a.551.551 0 0 0-.55.55v2.797c0 .304.248.55.55.55h1.855v5.76c-4.172-.96-7.215-4.7-7.215-9.1 0-5.17 4.17-9.36 9.31-9.36 5.14 0 9.31 4.19 9.31 9.36 0 4.48-3.155 8.27-7.43 9.15M14.51 4C8.76 4 4.1 8.684 4.1 14.46c0 5.162 3.75 9.523 8.778 10.32a.55.55 0 0 0 .637-.543v-6.985a.551.551 0 0 0-.55-.55H11.11v-1.697h1.855a.55.55 0 0 0 .55-.55v-2.063c0-2.02 1.136-3.148 3.03-3.148.567 0 1.156.027 1.597.06v1.453h-.924c-1.363 0-1.93.675-1.93 1.912v1.78c0 .3.247.55.55.55h2.132l-.218 1.69H15.84c-.305 0-.55.24-.55.55v7.02c0 .33.293.59.623.54 5.135-.7 9.007-5.11 9.007-10.36C24.92 8.68 20.26 4 14.51 4"/></svg></span></button></div><div class="buttonSet-inner u-xs-show"><button class="button button--large button--dark button--chromeless u-baseColor--buttonDark button--withIcon button--withSvgIcon js-shareStoryButton"  title="Share this story on Twitter or Facebook" aria-label="Share this story on Twitter or Facebook" data-action="show-share-popover" data-action-source="post_actions_footer"><span class="svgIcon svgIcon--share svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><path d="M20.385 8H19a.5.5 0 1 0 .011 1h1.39c.43 0 .84.168 1.14.473.31.305.48.71.48 1.142v10.77c0 .43-.17.837-.47 1.142-.3.305-.71.473-1.14.473H8.62c-.43 0-.84-.168-1.144-.473a1.603 1.603 0 0 1-.473-1.142v-10.77c0-.43.17-.837.48-1.142A1.599 1.599 0 0 1 8.62 9H10a.502.502 0 0 0 0-1H8.615c-.67 0-1.338.255-1.85.766-.51.51-.765 1.18-.765 1.85v10.77c0 .668.255 1.337.766 1.848.51.51 1.18.766 1.85.766h11.77c.668 0 1.337-.255 1.848-.766.51-.51.766-1.18.766-1.85v-10.77c0-.668-.255-1.337-.766-1.848A2.61 2.61 0 0 0 20.384 8zm-8.67-2.508L14 3.207v8.362c0 .27.224.5.5.5s.5-.23.5-.5V3.2l2.285 2.285a.49.49 0 0 0 .704-.001.511.511 0 0 0 0-.708l-3.14-3.14a.504.504 0 0 0-.71 0L11 4.776a.501.501 0 0 0 .71.706" fill-rule="evenodd"/></svg></span></button></div><button class="button button--large button--dark button--chromeless is-touchIconFadeInPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton"  title="Bookmark this story to read later" aria-label="Bookmark this story to read later" data-action="add-to-bookmarks" data-action-value="b3faf3f55777"><span class="button-defaultState"><span class="svgIcon svgIcon--bookmark svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><path d="M19.385 4h-9.77A2.623 2.623 0 0 0 7 6.615V23.01a1.022 1.022 0 0 0 1.595.847l5.905-4.004 5.905 4.004A1.022 1.022 0 0 0 22 23.011V6.62A2.625 2.625 0 0 0 19.385 4zM21 23l-5.91-3.955-.148-.107a.751.751 0 0 0-.884 0l-.147.107L8 23V6.615C8 5.725 8.725 5 9.615 5h9.77C20.275 5 21 5.725 21 6.615V23z" fill-rule="evenodd"/></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><path d="M19.385 4h-9.77A2.623 2.623 0 0 0 7 6.615V23.01a1.022 1.022 0 0 0 1.595.847l5.905-4.004 5.905 4.004A1.022 1.022 0 0 0 22 23.011V6.62A2.625 2.625 0 0 0 19.385 4z" fill-rule="evenodd"/></svg></span></span></button><button class="button button--large button--dark button--chromeless is-touchIconBlackPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon js-moreActionsButton"  title="More actions" aria-label="More actions" data-action="more-actions" data-action-source="post_actions_footer"><span class="svgIcon svgIcon--more svgIcon--25px"><svg class="svgIcon-use" width="25" height="25"  viewBox="-480.5 272.5 21 21"><path d="M-463 284.6c.9 0 1.6-.7 1.6-1.6s-.7-1.6-1.6-1.6-1.6.7-1.6 1.6.7 1.6 1.6 1.6zm0 .9c-1.4 0-2.5-1.1-2.5-2.5s1.1-2.5 2.5-2.5 2.5 1.1 2.5 2.5-1.1 2.5-2.5 2.5zm-7-.9c.9 0 1.6-.7 1.6-1.6s-.7-1.6-1.6-1.6-1.6.7-1.6 1.6.7 1.6 1.6 1.6zm0 .9c-1.4 0-2.5-1.1-2.5-2.5s1.1-2.5 2.5-2.5 2.5 1.1 2.5 2.5-1.1 2.5-2.5 2.5zm-7-.9c.9 0 1.6-.7 1.6-1.6s-.7-1.6-1.6-1.6-1.6.7-1.6 1.6.7 1.6 1.6 1.6zm0 .9c-1.4 0-2.5-1.1-2.5-2.5s1.1-2.5 2.5-2.5 2.5 1.1 2.5 2.5-1.1 2.5-2.5 2.5z"/></svg></span></button></div></div></div><div class="js-postPromotionWrapper postPromotionWrapper" data-location-id="footer_above_post_attribution"></div><div class="u-maxWidth740 u-paddingTop20 u-marginTop10 u-borderTopLightest container u-paddingBottom20 u-xs-paddingBottom10 js-postAttributionFooterContainer"><div class="row js-postFooterInfo"><div class="col u-size6of12 u-xs-size12of12"><li class="u-block u-paddingBottom18 js-cardUser"><div class="u-marginLeft20 u-floatRight"><span class="followState js-followState" data-user-id="7c59a12b4ac7"><button class="button button--small u-noUserSelect button--withChrome u-baseColor--buttonNormal button--withHover button--unblock js-unblockButton"  data-action="toggle-block-user" data-action-value="7c59a12b4ac7" data-action-source="footer_card"><span class="button-label  button-defaultState">Blocked</span><span class="button-label button-hoverState">Unblock</span></button><button class="button button--primary button--small u-noUserSelect button--withChrome u-accentColor--buttonNormal button--follow js-followButton"  data-action="toggle-subscribe-user" data-action-value="7c59a12b4ac7" data-action-source="footer_card--------------------------follow_footer" data-subscribe-source="footer_card" data-follow-context-entity-id="b3faf3f55777"><span class="button-label  button-defaultState js-buttonLabel">Follow</span><span class="button-label button-activeState">Following</span></button></span></div><div class="u-tableCell "><a class="link avatar u-baseColor--link"   href="https://medium.com/@devholic?source=footer_card" title="Go to the profile of Sunghoon Kang" aria-label="Go to the profile of Sunghoon Kang" data-action-source="footer_card" data-user-id="7c59a12b4ac7" dir="auto"><img  src="https://cdn-images-1.medium.com/fit/c/66/66/1*ZZwtCUhDgks0wK_E5pVSHQ.jpeg" class="avatar-image avatar-image--small" alt="Go to the profile of Sunghoon Kang"></a></div><div class="u-tableCell u-verticalAlignMiddle u-breakWord u-paddingLeft15"><h3 class="u-fontSize18 u-lineHeightTighter u-marginBottom4"><a class="link link--primary u-accentColor--hoverTextNormal"   href="https://medium.com/@devholic" property="cc:attributionName" title="Go to the profile of Sunghoon Kang" aria-label="Go to the profile of Sunghoon Kang" rel="author cc:attributionUrl" data-user-id="7c59a12b4ac7" dir="auto">Sunghoon Kang</a></h3><p class="u-fontSize14 u-lineHeightBaseSans u-textColorDark u-marginBottom4">Love to build things</p></div></li></div><div class="col u-size6of12 u-xs-size12of12 u-xs-marginTop30"><li class="u-block u-paddingBottom18 js-cardCollection"><div class="u-marginLeft20 u-floatRight"><button class="button button--primary button--small u-noUserSelect button--withChrome u-accentColor--buttonNormal js-relationshipButton"  data-action="toggle-follow-collection" data-action-source="----47d34fb1aaf5" data-collection-id="47d34fb1aaf5"><span class="button-label  js-buttonLabel">Follow</span></button></div><div class="u-tableCell "><a class="link avatar avatar--roundedRectangle u-baseColor--link"   href="https://medium.com/rainist-engineering?source=footer_card" title="Go to Rainist Engineering" aria-label="Go to Rainist Engineering" data-action-source="footer_card"><img src="https://cdn-images-1.medium.com/fit/c/66/66/1*J6VGBl2EFbwB03urRiFFOg.png" class="avatar-image u-size60x60" alt="Rainist Engineering"></a></div><div class="u-tableCell u-verticalAlignMiddle u-breakWord u-paddingLeft15"><h3 class="u-fontSize18 u-lineHeightTighter u-marginBottom4"><a class="link link--primary u-accentColor--hoverTextNormal"   href="https://medium.com/rainist-engineering?source=footer_card" rel="collection" data-action-source="footer_card">Rainist Engineering</a></h3><p class="u-fontSize14 u-lineHeightBaseSans u-textColorDark u-marginBottom4">개인 금융 관리 서비스 뱅크샐러드를 만드는 Rainist의 Engineering 팀입니다.</p><div class="buttonSet"></div></div></li></div></div></div><div class="js-postFooterPlacements"></div><div class="u-padding0 u-clearfix u-backgroundGrayLightest u-print-hide supplementalPostContent js-responsesWrapper"></div><div class="supplementalPostContent js-readNext"></div><div class="supplementalPostContent js-heroPromo"></div></footer></article></main><div class="u-marginAuto u-maxWidth1000"><div class="js-postShareWidget u-foreground u-sm-hide u-transition--fadeOut300 u-fixed"><ul><li class="u-textAlignCenter"><div class="multirecommend js-actionMultirecommend u-flexColumn u-marginBottom10 u-width60" data-post-id="b3faf3f55777" data-is-icon-29px="true" data-is-vertical="true" data-is-circle="true" data-is-compressed="true" data-has-recommend-list="true" data-source="post_share_widget"><div class="u-relative u-foreground"><button class="button button--large button--circle button--withChrome u-baseColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton clapButton--largePill u-relative u-foreground u-width60 u-height60 u-accentColor--textNormal u-accentColor--buttonNormal"  data-action="multivote" data-action-value="b3faf3f55777" data-action-type="long-press" data-action-source="post_share_widget" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--33px u-relative u-topNegative2 u-xs-top0"><svg class="svgIcon-use" width="33" height="33" viewBox="0 0 33 33" ><path d="M28.86 17.342l-3.64-6.402c-.292-.433-.712-.729-1.163-.8a1.124 1.124 0 0 0-.889.213c-.63.488-.742 1.181-.33 2.061l1.222 2.587 1.4 2.46c2.234 4.085 1.511 8.007-2.145 11.663-.26.26-.526.49-.797.707 1.42-.084 2.881-.683 4.292-2.094 3.822-3.823 3.565-7.876 2.05-10.395zm-6.252 11.075c3.352-3.35 3.998-6.775 1.978-10.469l-3.378-5.945c-.292-.432-.712-.728-1.163-.8a1.122 1.122 0 0 0-.89.213c-.63.49-.742 1.182-.33 2.061l1.72 3.638a.502.502 0 0 1-.806.568l-8.91-8.91a1.335 1.335 0 0 0-1.887 1.886l5.292 5.292a.5.5 0 0 1-.707.707l-5.292-5.292-1.492-1.492c-.503-.503-1.382-.505-1.887 0a1.337 1.337 0 0 0 0 1.886l1.493 1.492 5.292 5.292a.499.499 0 0 1-.353.854.5.5 0 0 1-.354-.147L5.642 13.96a1.338 1.338 0 0 0-1.887 0 1.338 1.338 0 0 0 0 1.887l2.23 2.228 3.322 3.324a.499.499 0 0 1-.353.853.502.502 0 0 1-.354-.146l-3.323-3.324a1.333 1.333 0 0 0-1.886 0 1.325 1.325 0 0 0-.39.943c0 .356.138.691.39.943l6.396 6.397c3.528 3.53 8.86 5.313 12.821 1.353zM12.73 9.26l5.68 5.68-.49-1.037c-.518-1.107-.426-2.13.224-2.89l-3.303-3.304a1.337 1.337 0 0 0-1.886 0 1.326 1.326 0 0 0-.39.944c0 .217.067.42.165.607zm14.787 19.184c-1.599 1.6-3.417 2.392-5.353 2.392-.349 0-.7-.03-1.058-.082a7.922 7.922 0 0 1-3.667.887c-3.049 0-6.115-1.626-8.359-3.87l-6.396-6.397A2.315 2.315 0 0 1 2 19.724a2.327 2.327 0 0 1 1.923-2.296l-.875-.875a2.339 2.339 0 0 1 0-3.3 2.33 2.33 0 0 1 1.24-.647l-.139-.139c-.91-.91-.91-2.39 0-3.3.884-.884 2.421-.882 3.301 0l.138.14a2.335 2.335 0 0 1 3.948-1.24l.093.092c.091-.423.291-.828.62-1.157a2.336 2.336 0 0 1 3.3 0l3.384 3.386a2.167 2.167 0 0 1 1.271-.173c.534.086 1.03.354 1.441.765.11-.549.415-1.034.911-1.418a2.12 2.12 0 0 1 1.661-.41c.727.117 1.385.565 1.853 1.262l3.652 6.423c1.704 2.832 2.025 7.377-2.205 11.607zM13.217.484l-1.917.882 2.37 2.837-.454-3.719zm8.487.877l-1.928-.86-.44 3.697 2.368-2.837zM16.5 3.293L15.478-.005h2.044L16.5 3.293z" fill-rule="evenodd"/></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--33px u-relative u-topNegative2 u-xs-top0"><svg class="svgIcon-use" width="33" height="33" viewBox="0 0 33 33" ><g fill-rule="evenodd"><path d="M29.58 17.1l-3.854-6.78c-.365-.543-.876-.899-1.431-.989a1.491 1.491 0 0 0-1.16.281c-.42.327-.65.736-.7 1.207v.001l3.623 6.367c2.46 4.498 1.67 8.802-2.333 12.807-.265.265-.536.505-.81.728 1.973-.222 3.474-1.286 4.45-2.263 4.166-4.165 3.875-8.6 2.215-11.36zm-4.831.82l-3.581-6.3c-.296-.439-.725-.742-1.183-.815a1.105 1.105 0 0 0-.89.213c-.647.502-.755 1.188-.33 2.098l1.825 3.858a.601.601 0 0 1-.197.747.596.596 0 0 1-.77-.067L10.178 8.21c-.508-.506-1.393-.506-1.901 0a1.335 1.335 0 0 0-.393.95c0 .36.139.698.393.95v.001l5.61 5.61a.599.599 0 1 1-.848.847l-5.606-5.606c-.001 0-.002 0-.003-.002L5.848 9.375a1.349 1.349 0 0 0-1.902 0 1.348 1.348 0 0 0 0 1.901l1.582 1.582 5.61 5.61a.6.6 0 0 1-.848.848l-5.61-5.61c-.51-.508-1.393-.508-1.9 0a1.332 1.332 0 0 0-.394.95c0 .36.139.697.393.952l2.363 2.362c.002.001.002.002.002.003l3.52 3.52a.6.6 0 0 1-.848.847l-3.522-3.523h-.001a1.336 1.336 0 0 0-.95-.393 1.345 1.345 0 0 0-.949 2.295l6.779 6.78c3.715 3.713 9.327 5.598 13.49 1.434 3.527-3.528 4.21-7.13 2.086-11.015zM11.817 7.727c.06-.328.213-.64.466-.893.64-.64 1.755-.64 2.396 0l3.232 3.232c-.82.783-1.09 1.833-.764 2.992l-5.33-5.33z"/><path d="M13.285.48l-1.916.881 2.37 2.837z"/><path d="M21.719 1.361L19.79.501l-.44 3.697z"/><path d="M16.502 3.298L15.481 0h2.043z"/></g></svg></span></span></button><div class="clapUndo u-width60 u-round u-height32 u-absolute u-borderBox u-paddingRight5 u-transition--transform200Spring u-background--brandSageLighter js-clapUndo" style="top: 14px; padding: 2px;"><button class="button button--chromeless u-baseColor--buttonNormal button--withIcon button--withSvgIcon u-floatRight"  data-action="multivote-undo" data-action-value="b3faf3f55777"><span class="svgIcon svgIcon--removeThin svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><path d="M20.13 8.11l-5.61 5.61-5.609-5.61-.801.801 5.61 5.61-5.61 5.61.801.8 5.61-5.609 5.61 5.61.8-.801-5.609-5.61 5.61-5.61" fill-rule="evenodd"/></svg></span></button></div></div><span class="u-textAlignCenter u-relative u-background js-actionMultirecommendCount u-flexOrderNegative1 u-height20 u-marginBottom7"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-block u-marginAuto"  data-action="show-recommends" data-action-value="b3faf3f55777">295</button></span></div></li><li class="u-textAlignCenter"><button class="button button--large button--dark button--chromeless is-touchIconBlackPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon"  title="Share on Twitter" aria-label="Share on Twitter" data-action="share-on-twitter" data-action-source="post_share_widget"><span class="svgIcon svgIcon--twitter svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><path d="M21.967 11.8c.018 5.93-4.607 11.18-11.177 11.18-2.172 0-4.25-.62-6.047-1.76l-.268.422-.038.5.186.013.168.012c.3.02.44.032.6.046 2.06-.026 3.95-.686 5.49-1.86l1.12-.85-1.4-.048c-1.57-.055-2.92-1.08-3.36-2.51l-.48.146-.05.5c.22.03.48.05.75.08.48-.02.87-.07 1.25-.15l2.33-.49-2.32-.49c-1.68-.35-2.91-1.83-2.91-3.55 0-.05 0-.01-.01.03l-.49-.1-.25.44c.63.36 1.35.57 2.07.58l1.7.04L7.4 13c-.978-.662-1.59-1.79-1.618-3.047a4.08 4.08 0 0 1 .524-1.8l-.825.07a12.188 12.188 0 0 0 8.81 4.515l.59.033-.06-.59v-.02c-.05-.43-.06-.63-.06-.87a3.617 3.617 0 0 1 6.27-2.45l.2.21.28-.06c1.01-.22 1.94-.59 2.73-1.09l-.75-.56c-.1.36-.04.89.12 1.36.23.68.58 1.13 1.17.85l-.21-.45-.42-.27c-.52.8-1.17 1.48-1.92 2L22 11l.016.28c.013.2.014.35 0 .52v.04zm.998.038c.018-.22.017-.417 0-.66l-.498.034.284.41a8.183 8.183 0 0 0 2.2-2.267l.97-1.48-1.6.755c.17-.08.3-.02.34.03a.914.914 0 0 1-.13-.292c-.1-.297-.13-.64-.1-.766l.36-1.254-1.1.695c-.69.438-1.51.764-2.41.963l.48.15a4.574 4.574 0 0 0-3.38-1.484 4.616 4.616 0 0 0-4.61 4.613c0 .29.02.51.08.984l.01.02.5-.06.03-.5c-3.17-.18-6.1-1.7-8.08-4.15l-.48-.56-.36.64c-.39.69-.62 1.48-.65 2.28.04 1.61.81 3.04 2.06 3.88l.3-.92c-.55-.02-1.11-.17-1.6-.45l-.59-.34-.14.67c-.02.08-.02.16 0 .24-.01 2.12 1.55 4.01 3.69 4.46l.1-.49-.1-.49c-.33.07-.67.12-1.03.14-.18-.02-.43-.05-.64-.07l-.76-.09.23.73c.57 1.84 2.29 3.14 4.28 3.21l-.28-.89a8.252 8.252 0 0 1-4.85 1.66c-.12-.01-.26-.02-.56-.05l-.17-.01-.18-.01L2.53 21l1.694 1.07a12.233 12.233 0 0 0 6.58 1.917c7.156 0 12.2-5.73 12.18-12.18l-.002.04z"/></svg></span></button></li><li class="u-textAlignCenter"><button class="button button--large button--dark button--chromeless is-touchIconBlackPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon"  title="Share on Facebook" aria-label="Share on Facebook" data-action="share-on-facebook" data-action-source="post_share_widget"><span class="svgIcon svgIcon--facebook svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><path d="M16.39 23.61v-5.808h1.846a.55.55 0 0 0 .546-.48l.36-2.797a.551.551 0 0 0-.547-.62H16.39V12.67c0-.67.12-.813.828-.813h1.474a.55.55 0 0 0 .55-.55V8.803a.55.55 0 0 0-.477-.545c-.436-.06-1.36-.116-2.22-.116-2.5 0-4.13 1.62-4.13 4.248v1.513H10.56a.551.551 0 0 0-.55.55v2.797c0 .304.248.55.55.55h1.855v5.76c-4.172-.96-7.215-4.7-7.215-9.1 0-5.17 4.17-9.36 9.31-9.36 5.14 0 9.31 4.19 9.31 9.36 0 4.48-3.155 8.27-7.43 9.15M14.51 4C8.76 4 4.1 8.684 4.1 14.46c0 5.162 3.75 9.523 8.778 10.32a.55.55 0 0 0 .637-.543v-6.985a.551.551 0 0 0-.55-.55H11.11v-1.697h1.855a.55.55 0 0 0 .55-.55v-2.063c0-2.02 1.136-3.148 3.03-3.148.567 0 1.156.027 1.597.06v1.453h-.924c-1.363 0-1.93.675-1.93 1.912v1.78c0 .3.247.55.55.55h2.132l-.218 1.69H15.84c-.305 0-.55.24-.55.55v7.02c0 .33.293.59.623.54 5.135-.7 9.007-5.11 9.007-10.36C24.92 8.68 20.26 4 14.51 4"/></svg></span></button></li><li class="u-textAlignCenter"><button class="button button--large button--dark button--chromeless is-touchIconFadeInPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton"  title="Bookmark this story to read later" aria-label="Bookmark this story to read later" data-action="add-to-bookmarks" data-action-value="b3faf3f55777"><span class="button-defaultState"><span class="svgIcon svgIcon--bookmark svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><path d="M19.385 4h-9.77A2.623 2.623 0 0 0 7 6.615V23.01a1.022 1.022 0 0 0 1.595.847l5.905-4.004 5.905 4.004A1.022 1.022 0 0 0 22 23.011V6.62A2.625 2.625 0 0 0 19.385 4zM21 23l-5.91-3.955-.148-.107a.751.751 0 0 0-.884 0l-.147.107L8 23V6.615C8 5.725 8.725 5 9.615 5h9.77C20.275 5 21 5.725 21 6.615V23z" fill-rule="evenodd"/></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><path d="M19.385 4h-9.77A2.623 2.623 0 0 0 7 6.615V23.01a1.022 1.022 0 0 0 1.595.847l5.905-4.004 5.905 4.004A1.022 1.022 0 0 0 22 23.011V6.62A2.625 2.625 0 0 0 19.385 4z" fill-rule="evenodd"/></svg></span></span></button></li></ul></div></div><div class="postActionsBar js-postActionsBar "><div class="postActionsBar-container container"><div class="postActionsBar-content u-boxShadowNormal row js-postActionsBarContent"><div class="postActions u-height44 "><div class="u-maxWidth1250 u-marginAuto u-relative"><div class="u-absolute u-right0 u-marginRight20"><div class="u-floatLeft"><div class="u-floatRight buttonSet"><div class="buttonSet-inner"><button class="button button--large button--dark button--chromeless is-touchIconBlackPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon"  data-action="respond" data-action-source="post_actions_bar"><span class="svgIcon svgIcon--response svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><path d="M21.27 20.058c1.89-1.826 2.754-4.17 2.754-6.674C24.024 8.21 19.67 4 14.1 4 8.53 4 4 8.21 4 13.384c0 5.175 4.53 9.385 10.1 9.385 1.007 0 2-.14 2.95-.41.285.25.592.49.918.7 1.306.87 2.716 1.31 4.19 1.31.276-.01.494-.14.6-.36a.625.625 0 0 0-.052-.65c-.61-.84-1.042-1.71-1.282-2.58a5.417 5.417 0 0 1-.154-.75zm-3.85 1.324l-.083-.28-.388.12a9.72 9.72 0 0 1-2.85.424c-4.96 0-8.99-3.706-8.99-8.262 0-4.556 4.03-8.263 8.99-8.263 4.95 0 8.77 3.71 8.77 8.27 0 2.25-.75 4.35-2.5 5.92l-.24.21v.32c0 .07 0 .19.02.37.03.29.1.6.19.92.19.7.49 1.4.89 2.08-.93-.14-1.83-.49-2.67-1.06-.34-.22-.88-.48-1.16-.74z"/></svg></span></button></div><div class="buttonSet-inner u-xs-hide"><button class="button button--large button--dark button--chromeless is-touchIconBlackPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon"  title="Share on Twitter" aria-label="Share on Twitter" data-action="share-on-twitter" data-action-source="post_actions_bar"><span class="svgIcon svgIcon--twitter svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><path d="M21.967 11.8c.018 5.93-4.607 11.18-11.177 11.18-2.172 0-4.25-.62-6.047-1.76l-.268.422-.038.5.186.013.168.012c.3.02.44.032.6.046 2.06-.026 3.95-.686 5.49-1.86l1.12-.85-1.4-.048c-1.57-.055-2.92-1.08-3.36-2.51l-.48.146-.05.5c.22.03.48.05.75.08.48-.02.87-.07 1.25-.15l2.33-.49-2.32-.49c-1.68-.35-2.91-1.83-2.91-3.55 0-.05 0-.01-.01.03l-.49-.1-.25.44c.63.36 1.35.57 2.07.58l1.7.04L7.4 13c-.978-.662-1.59-1.79-1.618-3.047a4.08 4.08 0 0 1 .524-1.8l-.825.07a12.188 12.188 0 0 0 8.81 4.515l.59.033-.06-.59v-.02c-.05-.43-.06-.63-.06-.87a3.617 3.617 0 0 1 6.27-2.45l.2.21.28-.06c1.01-.22 1.94-.59 2.73-1.09l-.75-.56c-.1.36-.04.89.12 1.36.23.68.58 1.13 1.17.85l-.21-.45-.42-.27c-.52.8-1.17 1.48-1.92 2L22 11l.016.28c.013.2.014.35 0 .52v.04zm.998.038c.018-.22.017-.417 0-.66l-.498.034.284.41a8.183 8.183 0 0 0 2.2-2.267l.97-1.48-1.6.755c.17-.08.3-.02.34.03a.914.914 0 0 1-.13-.292c-.1-.297-.13-.64-.1-.766l.36-1.254-1.1.695c-.69.438-1.51.764-2.41.963l.48.15a4.574 4.574 0 0 0-3.38-1.484 4.616 4.616 0 0 0-4.61 4.613c0 .29.02.51.08.984l.01.02.5-.06.03-.5c-3.17-.18-6.1-1.7-8.08-4.15l-.48-.56-.36.64c-.39.69-.62 1.48-.65 2.28.04 1.61.81 3.04 2.06 3.88l.3-.92c-.55-.02-1.11-.17-1.6-.45l-.59-.34-.14.67c-.02.08-.02.16 0 .24-.01 2.12 1.55 4.01 3.69 4.46l.1-.49-.1-.49c-.33.07-.67.12-1.03.14-.18-.02-.43-.05-.64-.07l-.76-.09.23.73c.57 1.84 2.29 3.14 4.28 3.21l-.28-.89a8.252 8.252 0 0 1-4.85 1.66c-.12-.01-.26-.02-.56-.05l-.17-.01-.18-.01L2.53 21l1.694 1.07a12.233 12.233 0 0 0 6.58 1.917c7.156 0 12.2-5.73 12.18-12.18l-.002.04z"/></svg></span></button></div><div class="buttonSet-inner u-xs-hide"><button class="button button--large button--dark button--chromeless is-touchIconBlackPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon"  title="Share on Facebook" aria-label="Share on Facebook" data-action="share-on-facebook" data-action-source="post_actions_bar"><span class="svgIcon svgIcon--facebook svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><path d="M16.39 23.61v-5.808h1.846a.55.55 0 0 0 .546-.48l.36-2.797a.551.551 0 0 0-.547-.62H16.39V12.67c0-.67.12-.813.828-.813h1.474a.55.55 0 0 0 .55-.55V8.803a.55.55 0 0 0-.477-.545c-.436-.06-1.36-.116-2.22-.116-2.5 0-4.13 1.62-4.13 4.248v1.513H10.56a.551.551 0 0 0-.55.55v2.797c0 .304.248.55.55.55h1.855v5.76c-4.172-.96-7.215-4.7-7.215-9.1 0-5.17 4.17-9.36 9.31-9.36 5.14 0 9.31 4.19 9.31 9.36 0 4.48-3.155 8.27-7.43 9.15M14.51 4C8.76 4 4.1 8.684 4.1 14.46c0 5.162 3.75 9.523 8.778 10.32a.55.55 0 0 0 .637-.543v-6.985a.551.551 0 0 0-.55-.55H11.11v-1.697h1.855a.55.55 0 0 0 .55-.55v-2.063c0-2.02 1.136-3.148 3.03-3.148.567 0 1.156.027 1.597.06v1.453h-.924c-1.363 0-1.93.675-1.93 1.912v1.78c0 .3.247.55.55.55h2.132l-.218 1.69H15.84c-.305 0-.55.24-.55.55v7.02c0 .33.293.59.623.54 5.135-.7 9.007-5.11 9.007-10.36C24.92 8.68 20.26 4 14.51 4"/></svg></span></button></div><div class="buttonSet-inner u-xs-show"><button class="button button--large button--dark button--chromeless u-baseColor--buttonDark button--withIcon button--withSvgIcon js-shareStoryButton"  title="Share this story on Twitter or Facebook" aria-label="Share this story on Twitter or Facebook" data-action="show-share-popover" data-action-source="post_actions_bar"><span class="svgIcon svgIcon--share svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><path d="M20.385 8H19a.5.5 0 1 0 .011 1h1.39c.43 0 .84.168 1.14.473.31.305.48.71.48 1.142v10.77c0 .43-.17.837-.47 1.142-.3.305-.71.473-1.14.473H8.62c-.43 0-.84-.168-1.144-.473a1.603 1.603 0 0 1-.473-1.142v-10.77c0-.43.17-.837.48-1.142A1.599 1.599 0 0 1 8.62 9H10a.502.502 0 0 0 0-1H8.615c-.67 0-1.338.255-1.85.766-.51.51-.765 1.18-.765 1.85v10.77c0 .668.255 1.337.766 1.848.51.51 1.18.766 1.85.766h11.77c.668 0 1.337-.255 1.848-.766.51-.51.766-1.18.766-1.85v-10.77c0-.668-.255-1.337-.766-1.848A2.61 2.61 0 0 0 20.384 8zm-8.67-2.508L14 3.207v8.362c0 .27.224.5.5.5s.5-.23.5-.5V3.2l2.285 2.285a.49.49 0 0 0 .704-.001.511.511 0 0 0 0-.708l-3.14-3.14a.504.504 0 0 0-.71 0L11 4.776a.501.501 0 0 0 .71.706" fill-rule="evenodd"/></svg></span></button></div><div class="buttonSet-inner"><button class="button button--large button--dark button--chromeless is-touchIconFadeInPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton"  title="Bookmark this story to read later" aria-label="Bookmark this story to read later" data-action="add-to-bookmarks" data-action-value="b3faf3f55777"><span class="button-defaultState"><span class="svgIcon svgIcon--bookmark svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><path d="M19.385 4h-9.77A2.623 2.623 0 0 0 7 6.615V23.01a1.022 1.022 0 0 0 1.595.847l5.905-4.004 5.905 4.004A1.022 1.022 0 0 0 22 23.011V6.62A2.625 2.625 0 0 0 19.385 4zM21 23l-5.91-3.955-.148-.107a.751.751 0 0 0-.884 0l-.147.107L8 23V6.615C8 5.725 8.725 5 9.615 5h9.77C20.275 5 21 5.725 21 6.615V23z" fill-rule="evenodd"/></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><path d="M19.385 4h-9.77A2.623 2.623 0 0 0 7 6.615V23.01a1.022 1.022 0 0 0 1.595.847l5.905-4.004 5.905 4.004A1.022 1.022 0 0 0 22 23.011V6.62A2.625 2.625 0 0 0 19.385 4z" fill-rule="evenodd"/></svg></span></span></button></div></div></div><div class="u-xs-hide u-width255 u-foreground u-floatLeft js-readNextMetabarRight"></div></div><div class="container u-maxWidth740"><div class="buttonSet buttonSet--withLabels"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="b3faf3f55777" data-is-icon-29px="true" data-has-recommend-list="true" data-source="post_actions_bar"><div class="u-relative u-foreground"><button class="button button--primary button--large button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton"  data-action="multivote" data-action-value="b3faf3f55777" data-action-type="long-press" data-action-source="post_actions_bar" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><g fill-rule="evenodd"><path d="M13.739 1l.761 2.966L15.261 1z"/><path d="M16.815 4.776l1.84-2.551-1.43-.471z"/><path d="M10.378 2.224l1.84 2.551-.408-3.022z"/><path d="M22.382 22.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 0 1 .66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 0 1 .707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 0 0 .624-.624L6.11 15.04l-1.75-1.75a.998.998 0 1 1 1.41-1.413l4.154 4.156a.44.44 0 0 0 .624 0 .44.44 0 0 0 0-.624l-4.152-4.153-1.172-1.171a.998.998 0 0 1 0-1.41 1.018 1.018 0 0 1 1.41 0l1.172 1.17 4.153 4.152a.437.437 0 0 0 .624 0 .442.442 0 0 0 0-.624L8.43 9.222a.988.988 0 0 1-.291-.705.99.99 0 0 1 .29-.706 1 1 0 0 1 1.412 0l6.992 6.993a.443.443 0 0 0 .71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 0 1 .66-.16c.342.056.659.28.879.606L20.628 15c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM12.99 6.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 0 1-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 0 1 1.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 0 0-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 0 0-1.095-.562 1.776 1.776 0 0 0-.992.128l-2.636-2.636a1.883 1.883 0 0 0-2.658 0 1.862 1.862 0 0 0-.478.847 1.886 1.886 0 0 0-2.671-.012 1.867 1.867 0 0 0-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 0 0 0 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 0 0 0 2.659l.624.622a1.879 1.879 0 0 0-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 0 0 1.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"/></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--29px"><svg class="svgIcon-use" width="29" height="29" viewBox="0 0 29 29" ><g fill-rule="evenodd"><path d="M13.738 1l.762 2.966L15.262 1z"/><path d="M18.634 2.224l-1.432-.47-.408 3.022z"/><path d="M11.79 1.754l-1.431.47 1.84 2.552z"/><path d="M24.472 14.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 0 0-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 0 1-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"/><path d="M14.58 10.887c-.156-.83.096-1.569.692-2.142L12.78 6.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"/><path d="M17.812 10.04c-.218-.323-.539-.55-.88-.606a.814.814 0 0 0-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 1 1-.868.612L9.2 7.378a.986.986 0 1 0-1.395 1.395l4.401 4.403a.538.538 0 1 1-.762.762L7.046 9.54 5.802 8.295a.99.99 0 0 0-1.396 0 .981.981 0 0 0 0 1.394l1.241 1.241 4.402 4.403a.537.537 0 0 1 0 .761.535.535 0 0 1-.762 0L4.89 11.696a.992.992 0 0 0-1.399-.003.983.983 0 0 0 0 1.395l1.855 1.854 2.763 2.765a.538.538 0 0 1-.76.761l-2.765-2.764a.982.982 0 0 0-1.395 0 .989.989 0 0 0 0 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C21.74 20.8 22.271 18 20.62 14.982l-2.809-4.942z"/></g></svg></span></span></button></div><span class="u-textAlignCenter u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton"  data-action="show-recommends" data-action-value="b3faf3f55777">295</button></span></div></div></div></div></div></div></div></div><div class="js-drawerContainer"></div><style class="js-collectionStyle">
+.u-accentColor--borderLight {border-color: #0093D2 !important;}
+.u-accentColor--borderNormal {border-color: #0093D2 !important;}
+.u-accentColor--borderDark {border-color: #107DAF !important;}
+.u-accentColor--iconLight .svgIcon,.u-accentColor--iconLight.svgIcon {fill: #0093D2 !important;}
+.u-accentColor--iconNormal .svgIcon,.u-accentColor--iconNormal.svgIcon {fill: #0093D2 !important;}
+.u-accentColor--iconDark .svgIcon,.u-accentColor--iconDark.svgIcon {fill: #107DAF !important;}
+.u-accentColor--textNormal {color: #107DAF !important;}
+.u-accentColor--hoverTextNormal:hover {color: #107DAF !important;}
+.u-accentColor--textNormal.u-accentColor--textDarken:hover {color: #1B729E !important;}
+.u-accentColor--textDark {color: #1B729E !important;}
+.u-accentColor--backgroundLight {background-color: #0093D2 !important;}
+.u-accentColor--backgroundNormal {background-color: #0093D2 !important;}
+.u-accentColor--backgroundDark {background-color: #107DAF !important;}
+.u-accentColor--buttonDark {border-color: #107DAF !important; color: #1B729E !important;}
+.u-accentColor--buttonDark:hover {border-color: #1B729E !important;}
+.u-accentColor--buttonDark .icon:before,.u-accentColor--buttonDark .svgIcon{color: #107DAF !important; fill: #107DAF !important;}
+.u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: #0093D2 !important; color: #107DAF !important;}
+.u-accentColor--buttonNormal:hover {border-color: #107DAF !important;}
+.u-accentColor--buttonNormal .icon:before,.u-accentColor--buttonNormal .svgIcon{color: #0093D2 !important; fill: #0093D2 !important;}
+.u-accentColor--buttonNormal.button--filled .icon:before,.u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-accentColor--buttonDark.button--filled,.u-accentColor--buttonDark.button--withChrome.is-active,.u-accentColor--fillWhenActive.is-active {background-color: #107DAF !important; border-color: #107DAF !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: #0093D2 !important; border-color: #0093D2 !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.postArticle.is-withAccentColors .markup--user,.postArticle.is-withAccentColors .markup--query {color: #107DAF !important;}.u-tintBgColor {background-color: rgba(0, 158, 222, 1) !important;}.u-tintBgColor .u-fadeLeft:before {background-image: linear-gradient(to right, rgba(0, 158, 222, 1) 0%, rgba(0, 158, 222, 0) 100%) !important;}.u-tintBgColor .u-fadeRight:after {background-image: linear-gradient(to right, rgba(0, 158, 222, 0) 0%, rgba(0, 158, 222, 1) 100%) !important;}
+.u-tintSpectrum .u-baseColor--borderLight {border-color: #9CD3F8 !important;}
+.u-tintSpectrum .u-baseColor--borderNormal {border-color: #C0E6FF !important;}
+.u-tintSpectrum .u-baseColor--borderDark {border-color: #E2F9FF !important;}
+.u-tintSpectrum .u-baseColor--iconLight .svgIcon,.u-tintSpectrum .u-baseColor--iconLight.svgIcon {fill: #9CD3F8 !important;}
+.u-tintSpectrum .u-baseColor--iconNormal .svgIcon,.u-tintSpectrum .u-baseColor--iconNormal.svgIcon {fill: #C0E6FF !important;}
+.u-tintSpectrum .u-baseColor--iconDark .svgIcon,.u-tintSpectrum .u-baseColor--iconDark.svgIcon {fill: #E2F9FF !important;}
+.u-tintSpectrum .u-baseColor--textNormal {color: #C0E6FF !important;}
+.u-tintSpectrum .u-baseColor--textNormal.u-baseColor--textDarken:hover {color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--textDark {color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--textDarker {color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--backgroundLight {background-color: #9CD3F8 !important;}
+.u-tintSpectrum .u-baseColor--backgroundNormal {background-color: #C0E6FF !important;}
+.u-tintSpectrum .u-baseColor--backgroundDark {background-color: #E2F9FF !important;}
+.u-tintSpectrum .u-baseColor--buttonLight {border-color: #9CD3F8 !important; color: #9CD3F8 !important;}
+.u-tintSpectrum .u-baseColor--buttonLight:hover {border-color: #9CD3F8 !important;}
+.u-tintSpectrum .u-baseColor--buttonLight .icon:before,.u-tintSpectrum .u-baseColor--buttonLight .svgIcon {color: #9CD3F8 !important; fill: #9CD3F8 !important;}
+.u-tintSpectrum .u-baseColor--buttonDark {border-color: #E2F9FF !important; color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--buttonDark:hover {border-color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--buttonDark .icon:before,.u-tintSpectrum .u-baseColor--buttonDark .svgIcon {color: #E2F9FF !important; fill: #E2F9FF !important;}
+.u-tintSpectrum .u-baseColor--buttonNormal {border-color: #C0E6FF !important; color: #C0E6FF !important;}
+.u-tintSpectrum .u-baseColor--buttonNormal:hover {border-color: #E2F9FF !important;}
+.u-tintSpectrum .u-baseColor--buttonNormal .icon:before,.u-tintSpectrum .u-baseColor--buttonNormal .svgIcon {color: #C0E6FF !important; fill: #C0E6FF !important;}
+.u-tintSpectrum .u-baseColor--buttonDark.button--filled,.u-tintSpectrum .u-baseColor--buttonDark.button--withChrome.is-active {background-color: #E2F9FF !important; border-color: #E2F9FF !important; color: rgba(0, 158, 222, 1) !important; fill: rgba(0, 158, 222, 1) !important;}
+.u-tintSpectrum .u-baseColor--buttonNormal.button--filled,.u-tintSpectrum .u-baseColor--buttonNormal.button--withChrome.is-active {background-color: #C0E6FF !important; border-color: #C0E6FF !important; color: rgba(0, 158, 222, 1) !important; fill: rgba(0, 158, 222, 1) !important;}
+.u-tintSpectrum .u-baseColor--link {color: #C0E6FF !important;}
+.u-tintSpectrum .u-baseColor--link.link--darkenOnHover:hover {color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--link.link--darken:hover,.u-tintSpectrum .u-baseColor--link.link--darken:focus,.u-tintSpectrum .u-baseColor--link.link--darken:active {color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--link.link--dark {color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--link.link--dark.link--darken:hover,.u-tintSpectrum .u-baseColor--link.link--dark.link--darken:focus,.u-tintSpectrum .u-baseColor--link.link--dark.link--darken:active {color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--link.link--darker {color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--placeholderNormal ::-webkit-input-placeholder {color: #9CD3F8;}
+.u-tintSpectrum .u-baseColor--placeholderNormal ::-moz-placeholder {color: #9CD3F8;}
+.u-tintSpectrum .u-baseColor--placeholderNormal :-ms-input-placeholder {color: #9CD3F8;}
+.u-tintSpectrum .svgIcon--logoNew path:nth-child(1) {stroke: none !important; fill: #5BB4E9 !important;}
+.u-tintSpectrum .svgIcon--logoNew path:nth-child(2) {stroke: none !important; fill: #73BFEE !important;}
+.u-tintSpectrum .svgIcon--logoNew path:nth-child(3) {stroke: none !important; fill: #9CD3F8 !important;}
+.u-tintSpectrum .svgIcon--logoNew path:nth-child(4) {stroke: none !important; fill: #C0E6FF !important;}
+.u-tintSpectrum .svgIcon--logoWordmark {stroke: none !important; fill: #F2FFFF !important;}
+.u-tintSpectrum .svgIcon--logoMonogram {stroke: none !important; fill: #F2FFFF !important;}
+.u-tintSpectrum .u-accentColor--borderLight {border-color: #9CD3F8 !important;}
+.u-tintSpectrum .u-accentColor--borderNormal {border-color: #C0E6FF !important;}
+.u-tintSpectrum .u-accentColor--borderDark {border-color: #E2F9FF !important;}
+.u-tintSpectrum .u-accentColor--iconLight .svgIcon,.u-tintSpectrum .u-accentColor--iconLight.svgIcon {fill: #9CD3F8 !important;}
+.u-tintSpectrum .u-accentColor--iconNormal .svgIcon,.u-tintSpectrum .u-accentColor--iconNormal.svgIcon {fill: #C0E6FF !important;}
+.u-tintSpectrum .u-accentColor--iconDark .svgIcon,.u-tintSpectrum .u-accentColor--iconDark.svgIcon {fill: #E2F9FF !important;}
+.u-tintSpectrum .u-accentColor--textNormal {color: #C0E6FF !important;}
+.u-tintSpectrum .u-accentColor--hoverTextNormal:hover {color: #C0E6FF !important;}
+.u-tintSpectrum .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: #F2FFFF !important;}
+.u-tintSpectrum .u-accentColor--textDark {color: #F2FFFF !important;}
+.u-tintSpectrum .u-accentColor--backgroundLight {background-color: #9CD3F8 !important;}
+.u-tintSpectrum .u-accentColor--backgroundNormal {background-color: #C0E6FF !important;}
+.u-tintSpectrum .u-accentColor--backgroundDark {background-color: #E2F9FF !important;}
+.u-tintSpectrum .u-accentColor--buttonDark {border-color: #E2F9FF !important; color: #F2FFFF !important;}
+.u-tintSpectrum .u-accentColor--buttonDark:hover {border-color: #F2FFFF !important;}
+.u-tintSpectrum .u-accentColor--buttonDark .icon:before,.u-tintSpectrum .u-accentColor--buttonDark .svgIcon{color: #E2F9FF !important; fill: #E2F9FF !important;}
+.u-tintSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: #C0E6FF !important; color: #C0E6FF !important;}
+.u-tintSpectrum .u-accentColor--buttonNormal:hover {border-color: #E2F9FF !important;}
+.u-tintSpectrum .u-accentColor--buttonNormal .icon:before,.u-tintSpectrum .u-accentColor--buttonNormal .svgIcon{color: #C0E6FF !important; fill: #C0E6FF !important;}
+.u-tintSpectrum .u-accentColor--buttonNormal.button--filled .icon:before,.u-tintSpectrum .u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(0, 158, 222, 1) !important; fill: rgba(0, 158, 222, 1) !important;}
+.u-tintSpectrum .u-accentColor--buttonDark.button--filled,.u-tintSpectrum .u-accentColor--buttonDark.button--withChrome.is-active,.u-tintSpectrum .u-accentColor--fillWhenActive.is-active {background-color: #E2F9FF !important; border-color: #E2F9FF !important; color: rgba(0, 158, 222, 1) !important; fill: rgba(0, 158, 222, 1) !important;}
+.u-tintSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-tintSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: #C0E6FF !important; border-color: #C0E6FF !important; color: rgba(0, 158, 222, 1) !important; fill: rgba(0, 158, 222, 1) !important;}
+.u-tintSpectrum .postArticle.is-withAccentColors .markup--user,.u-tintSpectrum .postArticle.is-withAccentColors .markup--query {color: #C0E6FF !important;}
+.u-accentColor--highlightFaint {background-color: rgba(220, 246, 255, 1) !important;}
+.u-accentColor--highlightStrong.is-active .svgIcon {fill: rgba(157, 237, 255, 1) !important;}
+.postArticle.is-withAccentColors .markup--quote.is-other {background-color: rgba(220, 246, 255, 1) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-other {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(220, 246, 255, 1), rgba(220, 246, 255, 1));}
+.postArticle.is-withAccentColors .markup--quote.is-me {background-color: rgba(188, 241, 255, 1) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-me {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(188, 241, 255, 1), rgba(188, 241, 255, 1));}
+.postArticle.is-withAccentColors .markup--quote.is-targeted {background-color: rgba(157, 237, 255, 1) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-targeted {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(157, 237, 255, 1), rgba(157, 237, 255, 1));}
+.postArticle.is-withAccentColors .markup--quote.is-selected {background-color: rgba(157, 237, 255, 1) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-selected {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(157, 237, 255, 1), rgba(157, 237, 255, 1));}
+.postArticle.is-withAccentColors .markup--highlight {background-color: rgba(157, 237, 255, 1) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--highlight {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(157, 237, 255, 1), rgba(157, 237, 255, 1));}</style><style class="js-collectionStyleConstant">.u-imageBgColor {background-color: rgba(0, 0, 0, 0.24705882352941178);}
+.u-imageSpectrum .u-baseColor--borderLight {border-color: rgba(255, 255, 255, 0.6980392156862745) !important;}
+.u-imageSpectrum .u-baseColor--borderNormal {border-color: rgba(255, 255, 255, 0.8980392156862745) !important;}
+.u-imageSpectrum .u-baseColor--borderDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-baseColor--iconLight .svgIcon,.u-imageSpectrum .u-baseColor--iconLight.svgIcon {fill: rgba(255, 255, 255, 0.8) !important;}
+.u-imageSpectrum .u-baseColor--iconNormal .svgIcon,.u-imageSpectrum .u-baseColor--iconNormal.svgIcon {fill: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-baseColor--iconDark .svgIcon,.u-imageSpectrum .u-baseColor--iconDark.svgIcon {fill: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--textNormal {color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-baseColor--textNormal.u-baseColor--textDarken:hover {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--textDark {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--textDarker {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--backgroundLight {background-color: rgba(255, 255, 255, 0.8980392156862745) !important;}
+.u-imageSpectrum .u-baseColor--backgroundNormal {background-color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-baseColor--backgroundDark {background-color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--buttonLight {border-color: rgba(255, 255, 255, 0.6980392156862745) !important; color: rgba(255, 255, 255, 0.8) !important;}
+.u-imageSpectrum .u-baseColor--buttonLight:hover {border-color: rgba(255, 255, 255, 0.6980392156862745) !important;}
+.u-imageSpectrum .u-baseColor--buttonLight .icon:before,.u-imageSpectrum .u-baseColor--buttonLight .svgIcon {color: rgba(255, 255, 255, 0.8) !important; fill: rgba(255, 255, 255, 0.8) !important;}
+.u-imageSpectrum .u-baseColor--buttonDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--buttonDark:hover {border-color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--buttonDark .icon:before,.u-imageSpectrum .u-baseColor--buttonDark .svgIcon {color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--buttonNormal {border-color: rgba(255, 255, 255, 0.8980392156862745) !important; color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-baseColor--buttonNormal:hover {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-baseColor--buttonNormal .icon:before,.u-imageSpectrum .u-baseColor--buttonNormal .svgIcon {color: rgba(255, 255, 255, 0.9490196078431372) !important; fill: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-baseColor--buttonDark.button--filled,.u-imageSpectrum .u-baseColor--buttonDark.button--withChrome.is-active {background-color: rgba(255, 255, 255, 1) !important; border-color: rgba(255, 255, 255, 1) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;}
+.u-imageSpectrum .u-baseColor--buttonNormal.button--filled,.u-imageSpectrum .u-baseColor--buttonNormal.button--withChrome.is-active {background-color: rgba(255, 255, 255, 0.9490196078431372) !important; border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;}
+.u-imageSpectrum .u-baseColor--link {color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-baseColor--link.link--darkenOnHover:hover {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--link.link--darken:hover,.u-imageSpectrum .u-baseColor--link.link--darken:focus,.u-imageSpectrum .u-baseColor--link.link--darken:active {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--link.link--dark {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--link.link--dark.link--darken:hover,.u-imageSpectrum .u-baseColor--link.link--dark.link--darken:focus,.u-imageSpectrum .u-baseColor--link.link--dark.link--darken:active {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--link.link--darker {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--placeholderNormal ::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.8);}
+.u-imageSpectrum .u-baseColor--placeholderNormal ::-moz-placeholder {color: rgba(255, 255, 255, 0.8);}
+.u-imageSpectrum .u-baseColor--placeholderNormal :-ms-input-placeholder {color: rgba(255, 255, 255, 0.8);}
+.u-imageSpectrum .svgIcon--logoNew path:nth-child(1) {stroke: none !important; fill: rgba(255, 255, 255, 0.4) !important;}
+.u-imageSpectrum .svgIcon--logoNew path:nth-child(2) {stroke: none !important; fill: rgba(255, 255, 255, 0.4980392156862745) !important;}
+.u-imageSpectrum .svgIcon--logoNew path:nth-child(3) {stroke: none !important; fill: rgba(255, 255, 255, 0.6980392156862745) !important;}
+.u-imageSpectrum .svgIcon--logoNew path:nth-child(4) {stroke: none !important; fill: rgba(255, 255, 255, 0.8980392156862745) !important;}
+.u-imageSpectrum .svgIcon--logoWordmark {stroke: none !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .svgIcon--logoMonogram {stroke: none !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-accentColor--borderLight {border-color: rgba(255, 255, 255, 0.6980392156862745) !important;}
+.u-imageSpectrum .u-accentColor--borderNormal {border-color: rgba(255, 255, 255, 0.8980392156862745) !important;}
+.u-imageSpectrum .u-accentColor--borderDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-accentColor--iconLight .svgIcon,.u-imageSpectrum .u-accentColor--iconLight.svgIcon {fill: rgba(255, 255, 255, 0.8) !important;}
+.u-imageSpectrum .u-accentColor--iconNormal .svgIcon,.u-imageSpectrum .u-accentColor--iconNormal.svgIcon {fill: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-accentColor--iconDark .svgIcon,.u-imageSpectrum .u-accentColor--iconDark.svgIcon {fill: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-accentColor--textNormal {color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-accentColor--hoverTextNormal:hover {color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-accentColor--textDark {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-accentColor--backgroundLight {background-color: rgba(255, 255, 255, 0.8980392156862745) !important;}
+.u-imageSpectrum .u-accentColor--backgroundNormal {background-color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-accentColor--backgroundDark {background-color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-accentColor--buttonDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-accentColor--buttonDark:hover {border-color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-accentColor--buttonDark .icon:before,.u-imageSpectrum .u-accentColor--buttonDark .svgIcon{color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: rgba(255, 255, 255, 0.8980392156862745) !important; color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-accentColor--buttonNormal:hover {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-accentColor--buttonNormal .icon:before,.u-imageSpectrum .u-accentColor--buttonNormal .svgIcon{color: rgba(255, 255, 255, 0.9490196078431372) !important; fill: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-accentColor--buttonNormal.button--filled .icon:before,.u-imageSpectrum .u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;}
+.u-imageSpectrum .u-accentColor--buttonDark.button--filled,.u-imageSpectrum .u-accentColor--buttonDark.button--withChrome.is-active,.u-imageSpectrum .u-accentColor--fillWhenActive.is-active {background-color: rgba(255, 255, 255, 1) !important; border-color: rgba(255, 255, 255, 1) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;}
+.u-imageSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-imageSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: rgba(255, 255, 255, 0.9490196078431372) !important; border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;}
+.u-imageSpectrum .postArticle.is-withAccentColors .markup--user,.u-imageSpectrum .postArticle.is-withAccentColors .markup--query {color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-accentColor--highlightFaint {background-color: rgba(255, 255, 255, 0.2) !important;}
+.u-imageSpectrum .u-accentColor--highlightStrong.is-active .svgIcon {fill: rgba(255, 255, 255, 0.6) !important;}
+.postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-other {background-color: rgba(255, 255, 255, 0.2) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-other {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));}
+.postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-me {background-color: rgba(255, 255, 255, 0.4) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-me {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));}
+.postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-targeted {background-color: rgba(255, 255, 255, 0.6) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-targeted {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));}
+.postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-selected {background-color: rgba(255, 255, 255, 0.6) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-selected {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));}
+.postArticle.is-withAccentColors .u-imageSpectrum .markup--highlight {background-color: rgba(255, 255, 255, 0.6) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--highlight {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));}.u-resetSpectrum .u-tintBgColor {background-color: rgba(255, 255, 255, 1) !important;}.u-resetSpectrum .u-tintBgColor .u-fadeLeft:before {background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%) !important;}.u-resetSpectrum .u-tintBgColor .u-fadeRight:after {background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%) !important;}
+.u-resetSpectrum .u-baseColor--borderLight {border-color: rgba(0, 0, 0, 0.2980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--borderNormal {border-color: rgba(0, 0, 0, 0.4980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--borderDark {border-color: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--iconLight .svgIcon,.u-resetSpectrum .u-baseColor--iconLight.svgIcon {fill: rgba(0, 0, 0, 0.2980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--iconNormal .svgIcon,.u-resetSpectrum .u-baseColor--iconNormal.svgIcon {fill: rgba(0, 0, 0, 0.4980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--iconDark .svgIcon,.u-resetSpectrum .u-baseColor--iconDark.svgIcon {fill: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--textNormal {color: rgba(0, 0, 0, 0.4980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--textNormal.u-baseColor--textDarken:hover {color: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--textDark {color: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--textDarker {color: rgba(0, 0, 0, 0.8) !important;}
+.u-resetSpectrum .u-baseColor--backgroundLight {background-color: rgba(0, 0, 0, 0.09803921568627451) !important;}
+.u-resetSpectrum .u-baseColor--backgroundNormal {background-color: rgba(0, 0, 0, 0.2) !important;}
+.u-resetSpectrum .u-baseColor--backgroundDark {background-color: rgba(0, 0, 0, 0.2980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--buttonLight {border-color: rgba(0, 0, 0, 0.2980392156862745) !important; color: rgba(0, 0, 0, 0.2980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--buttonLight:hover {border-color: rgba(0, 0, 0, 0.2980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--buttonLight .icon:before,.u-resetSpectrum .u-baseColor--buttonLight .svgIcon {color: rgba(0, 0, 0, 0.2980392156862745) !important; fill: rgba(0, 0, 0, 0.2980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--buttonDark {border-color: rgba(0, 0, 0, 0.6) !important; color: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--buttonDark:hover {border-color: rgba(0, 0, 0, 0.8) !important;}
+.u-resetSpectrum .u-baseColor--buttonDark .icon:before,.u-resetSpectrum .u-baseColor--buttonDark .svgIcon {color: rgba(0, 0, 0, 0.6) !important; fill: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--buttonNormal {border-color: rgba(0, 0, 0, 0.4980392156862745) !important; color: rgba(0, 0, 0, 0.4980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--buttonNormal:hover {border-color: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--buttonNormal .icon:before,.u-resetSpectrum .u-baseColor--buttonNormal .svgIcon {color: rgba(0, 0, 0, 0.4980392156862745) !important; fill: rgba(0, 0, 0, 0.4980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--buttonDark.button--filled,.u-resetSpectrum .u-baseColor--buttonDark.button--withChrome.is-active {background-color: rgba(0, 0, 0, 0.2980392156862745) !important; border-color: rgba(0, 0, 0, 0.2980392156862745) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-resetSpectrum .u-baseColor--buttonNormal.button--filled,.u-resetSpectrum .u-baseColor--buttonNormal.button--withChrome.is-active {background-color: rgba(0, 0, 0, 0.2) !important; border-color: rgba(0, 0, 0, 0.2) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-resetSpectrum .u-baseColor--link {color: rgba(0, 0, 0, 0.4980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--link.link--darkenOnHover:hover {color: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--link.link--darken:hover,.u-resetSpectrum .u-baseColor--link.link--darken:focus,.u-resetSpectrum .u-baseColor--link.link--darken:active {color: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--link.link--dark {color: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--link.link--dark.link--darken:hover,.u-resetSpectrum .u-baseColor--link.link--dark.link--darken:focus,.u-resetSpectrum .u-baseColor--link.link--dark.link--darken:active {color: rgba(0, 0, 0, 0.8) !important;}
+.u-resetSpectrum .u-baseColor--link.link--darker {color: rgba(0, 0, 0, 0.8) !important;}
+.u-resetSpectrum .u-baseColor--placeholderNormal ::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.2980392156862745);}
+.u-resetSpectrum .u-baseColor--placeholderNormal ::-moz-placeholder {color: rgba(0, 0, 0, 0.2980392156862745);}
+.u-resetSpectrum .u-baseColor--placeholderNormal :-ms-input-placeholder {color: rgba(0, 0, 0, 0.2980392156862745);}
+.u-resetSpectrum .svgIcon--logoNew path:nth-child(1) {stroke: none !important; fill: rgba(0, 0, 0, 0.2) !important;}
+.u-resetSpectrum .svgIcon--logoNew path:nth-child(2) {stroke: none !important; fill: rgba(0, 0, 0, 0.2980392156862745) !important;}
+.u-resetSpectrum .svgIcon--logoNew path:nth-child(3) {stroke: none !important; fill: rgba(0, 0, 0, 0.4) !important;}
+.u-resetSpectrum .svgIcon--logoNew path:nth-child(4) {stroke: none !important; fill: rgba(0, 0, 0, 0.4980392156862745) !important;}
+.u-resetSpectrum .svgIcon--logoWordmark {stroke: none !important; fill: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .svgIcon--logoMonogram {stroke: none !important; fill: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-accentColor--borderLight {border-color: rgba(2, 184, 117, 1) !important;}
+.u-resetSpectrum .u-accentColor--borderNormal {border-color: rgba(2, 184, 117, 1) !important;}
+.u-resetSpectrum .u-accentColor--borderDark {border-color: rgba(0, 171, 107, 1) !important;}
+.u-resetSpectrum .u-accentColor--iconLight .svgIcon,.u-resetSpectrum .u-accentColor--iconLight.svgIcon {fill: rgba(2, 184, 117, 1) !important;}
+.u-resetSpectrum .u-accentColor--iconNormal .svgIcon,.u-resetSpectrum .u-accentColor--iconNormal.svgIcon {fill: rgba(0, 171, 107, 1) !important;}
+.u-resetSpectrum .u-accentColor--iconDark .svgIcon,.u-resetSpectrum .u-accentColor--iconDark.svgIcon {fill: rgba(28, 153, 99, 1) !important;}
+.u-resetSpectrum .u-accentColor--textNormal {color: rgba(0, 171, 107, 1) !important;}
+.u-resetSpectrum .u-accentColor--hoverTextNormal:hover {color: rgba(0, 171, 107, 1) !important;}
+.u-resetSpectrum .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: rgba(28, 153, 99, 1) !important;}
+.u-resetSpectrum .u-accentColor--textDark {color: rgba(28, 153, 99, 1) !important;}
+.u-resetSpectrum .u-accentColor--backgroundLight {background-color: rgba(2, 184, 117, 1) !important;}
+.u-resetSpectrum .u-accentColor--backgroundNormal {background-color: rgba(0, 171, 107, 1) !important;}
+.u-resetSpectrum .u-accentColor--backgroundDark {background-color: rgba(28, 153, 99, 1) !important;}
+.u-resetSpectrum .u-accentColor--buttonDark {border-color: rgba(0, 171, 107, 1) !important; color: rgba(28, 153, 99, 1) !important;}
+.u-resetSpectrum .u-accentColor--buttonDark:hover {border-color: rgba(28, 153, 99, 1) !important;}
+.u-resetSpectrum .u-accentColor--buttonDark .icon:before,.u-resetSpectrum .u-accentColor--buttonDark .svgIcon{color: rgba(28, 153, 99, 1) !important; fill: rgba(28, 153, 99, 1) !important;}
+.u-resetSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: rgba(2, 184, 117, 1) !important; color: rgba(0, 171, 107, 1) !important;}
+.u-resetSpectrum .u-accentColor--buttonNormal:hover {border-color: rgba(0, 171, 107, 1) !important;}
+.u-resetSpectrum .u-accentColor--buttonNormal .icon:before,.u-resetSpectrum .u-accentColor--buttonNormal .svgIcon{color: rgba(0, 171, 107, 1) !important; fill: rgba(0, 171, 107, 1) !important;}
+.u-resetSpectrum .u-accentColor--buttonNormal.button--filled .icon:before,.u-resetSpectrum .u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-resetSpectrum .u-accentColor--buttonDark.button--filled,.u-resetSpectrum .u-accentColor--buttonDark.button--withChrome.is-active,.u-resetSpectrum .u-accentColor--fillWhenActive.is-active {background-color: rgba(28, 153, 99, 1) !important; border-color: rgba(28, 153, 99, 1) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-resetSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-resetSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: rgba(0, 171, 107, 1) !important; border-color: rgba(0, 171, 107, 1) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-resetSpectrum .postArticle.is-withAccentColors .markup--user,.u-resetSpectrum .postArticle.is-withAccentColors .markup--query {color: rgba(0, 171, 107, 1) !important;}</style></div></div></div><div class="loadingBar"></div><script>// <![CDATA[
+window["obvInit"] = function (opt_embedded) {window["obvInit"]["embedded"] = opt_embedded; window["obvInit"]["ready"] = true;}
+// ]]></script><script>// <![CDATA[
+var GLOBALS = {"audioUrl":"https://d1fcbxp97j4nb2.cloudfront.net","baseUrl":"https://medium.com","buildLabel":"30638-a80936a","currentUser":{"userId":"aea8a30a8e5a","username":"insford","name":"조백규","email":"insford@gmail.com","imageId":"0*wuND6WfPFc1DD0Ec.","createdAt":1471318000369,"isVerified":true,"subscriberEmail":"","onboardingStatus":2,"googleAccountId":"106275056809471478611","googleEmail":"insford@gmail.com","hasPastMemberships":false,"isEnrolledInHightower":false,"isEligibleForHightower":false},"currentUserHasUnverifiedEmail":false,"isAuthenticated":true,"isCurrentUserVerified":true,"language":"ko-kr","mediumTwitterScreenName":"medium","miroUrl":"https://cdn-images-1.medium.com","moduleUrls":{"base":"https://cdn-static-1.medium.com/_/fp/gen-js/main-base.bundle.LlQTJsqxzBKNE5_Waz_Olg.js","common-async":"https://cdn-static-1.medium.com/_/fp/gen-js/main-common-async.bundle.lPMw1fqY-MbzmJiPn21ZEg.js","home-screens":"https://cdn-static-1.medium.com/_/fp/gen-js/main-home-screens.bundle.rjAdrN8hiy8LJTmX-zkQtg.js","misc-screens":"https://cdn-static-1.medium.com/_/fp/gen-js/main-misc-screens.bundle.wxY8rWSrr9kWDpFoylLRXQ.js","notes":"https://cdn-static-1.medium.com/_/fp/gen-js/main-notes.bundle.UmS-2vco-MnrBEauwLXykA.js","payments":"https://cdn-static-1.medium.com/_/fp/gen-js/main-payments.bundle.wXXGZ5FDGEa-rsJQU5tC7Q.js","posters":"https://cdn-static-1.medium.com/_/fp/gen-js/main-posters.bundle.FxSkrZ0-dqo5ylCsFLQrDQ.js","pubs":"https://cdn-static-1.medium.com/_/fp/gen-js/main-pubs.bundle.i71piGpaVS2nC4z3-ojrhQ.js","stats":"https://cdn-static-1.medium.com/_/fp/gen-js/main-stats.bundle.D8O3DxBsbnP9GWl4kwKxUw.js"},"previewConfig":{"weightThreshold":1,"weightImageParagraph":0.51,"weightIframeParagraph":0.8,"weightTextParagraph":0.08,"weightEmptyParagraph":0,"weightP":0.003,"weightH":0.005,"weightBq":0.003,"minPTextLength":60,"truncateBoundaryChars":20,"detectTitle":true,"detectTitleLevThreshold":0.15},"productName":"Medium","supportsEdit":true,"termsUrl":"//medium.com/policy/9db0094a1e0f","textshotHost":"textshot.medium.com","transactionId":"1505651243290:b09ec2d35238","useragent":{"browser":"chrome","family":"chrome","os":"mac","version":60,"supportsDesktopEdit":true,"supportsInteract":true,"supportsView":true,"isMobile":false,"isTablet":false,"isNative":false,"supportsFileAPI":true,"isTier1":true,"clientVersion":"","unknownParagraphsBad":false,"clientChannel":"","supportsRealScrollEvents":true,"supportsVhUnits":true,"ruinsViewportSections":false,"supportsHtml5Video":true,"supportsMagicUnderlines":true,"isWebView":false,"isFacebookWebView":false,"supportsProgressiveMedia":true,"supportsPromotedPosts":true,"isBot":false,"isNativeIphone":false,"supportsCssVariables":true,"supportsVideoSections":false,"emojiSupportLevel":4,"supportsScrollableMetabar":true},"variants":{"allow_access":true,"allow_signup":true,"allow_test_auth":"disallow","signin_services":"twitter,facebook,google,email,google-fastidv","signup_services":"twitter,facebook,google,email,google-fastidv","android_rating_prompt_recommend_threshold":5,"google_sign_in_android":true,"enable_onboarding":true,"ios_custom_miro_url":"https://cdn-images-1.medium.com","reengagement_notification_duration":3,"enable_adsnative_integration":true,"browsable_stream_config_bucket":"curated-topics","ios_small_post_preview_truncation_length":5.5,"ios_large_post_preview_truncation_length":5.5,"disable_ios_catalog_badging":true,"enable_series_creation":true,"enable_your_series_pages":true,"enable_productionized_series":true,"enable_dedicated_series_tab_api_ios":true,"enable_clap_milestone_notifications":true,"enable_series_stats_page":true,"enable_post_import":true,"enable_sponsored_post_labelling":true,"enable_logged_in_follow_on_collection_post":true,"promoted_story_placement_locations":"POST_PAGE_FOOTER","enable_chunky_home_page":true,"enable_export_members":true,"enable_series_card_background_creation":true,"enable_ios_onboarding_notifications":true,"available_membership_plans":"60e220181034","available_monthly_plan":"60e220181034","available_annual_plan":"2c754bcc2995","enable_annual_membership":true,"double_write_post_from_followed_tag_items":true,"enable_sms":true,"enable_series_in_user_profiles":true,"enable_new_logged_out_bento_operation":true,"enable_smyte_on_old_content":true,"is_not_medium_subscriber":true,"subs_landing_copy_experiments":"long","daily_digest_topics":true,"enable_emoji_in_editor":true,"enable_glyph":true,"glyph_font_set":"m","enable_branding":true,"enable_upsell_tracking":true,"enable_post_page_signin":true,"post_page_signin_copy_count":true,"enable_sequence_carousel":true,"enable_multirecommends":true,"enable_updated_homepage_order":true,"enable_auto_grid_on_new_from_your_network":true,"enable_unbundled_you_might_like":true,"enable_noteworthy_promo":true,"enable_interest_graph_vtwo_topic_suggestions":true,"enable_popchunks":true,"enable_hightower":true,"enable_user_post_metering":true,"max_premium_content_per_user_under_metering":3,"enable_welcome_email_v2":true,"enable_topic_writer_onboarding":true,"enable_hightower_onboarding_blinker":true,"enable_direct_signin":true,"enable_strong_graph_chp_reorder":true},"xsrfToken":"OxHU7nTIH8Jl9Grp","iosAppId":"828256236","supportEmail":"yourfriends@medium.com","fp":{"/icons/favicon.svg":"https://cdn-static-1.medium.com/_/fp/icons/favicon.KjTfUJo7yJH_fCoUzzH3cg.svg","/icons/favicon-dev-editor.ico":"https://cdn-static-1.medium.com/_/fp/icons/favicon-dev-editor.YKKRxBO8EMvIqhyCwIiJeQ.ico","/icons/favicon-hatch-editor.ico":"https://cdn-static-1.medium.com/_/fp/icons/favicon-hatch-editor.BuEyHIqlyh2s_XEk4Rl32Q.ico","/icons/favicon-medium-editor.ico":"https://cdn-static-1.medium.com/_/fp/icons/favicon-medium-editor.PiakrZWB7Yb80quUVQWM6g.ico"},"authBaseUrl":"https://medium.com","imageUploadSizeMb":25,"isAuthDomainRequest":true,"algoliaApiEndpoint":"https://MQ57UUUQZ2-dsn.algolia.net","algoliaAppId":"MQ57UUUQZ2","algoliaSearchOnlyApiKey":"394474ced050e3911ae2249ecc774921","iosAppStoreUrl":"https://itunes.apple.com/app/medium-everyones-stories/id828256236?pt=698524&mt=8","iosAppLinkBaseUrl":"medium:","algoliaIndexPrefix":"medium_","androidPlayStoreUrl":"https://play.google.com/store/apps/details?id=com.medium.reader","googleClientId":"216296035834-k1k6qe060s2tp2a2jam4ljdcms00sttg.apps.googleusercontent.com","androidPackage":"com.medium.reader","androidPlayStoreMarketScheme":"market://details?id=com.medium.reader","googleAuthUri":"https://accounts.google.com/o/oauth2/auth","androidScheme":"medium","layoutData":{"useDynamicScripts":false,"googleAnalyticsTrackingCode":"UA-24232453-2","jsShivUrl":"https://cdn-static-1.medium.com/_/fp/js/shiv.RI2ePTZ5gFmMgLzG5bEVAA.js","useDynamicCss":false,"faviconUrl":"https://cdn-static-1.medium.com/_/fp/icons/favicon-rebrand-medium.3Y6xpZ-0FSdWDnPM3hSBIA.ico","faviconImageId":"1*W0nmth_X8nFKjn6BZ388UQ.png","fontSets":[{"id":8,"url":"https://glyph.medium.com/css/e/sr/latin/e/ssr/latin/e/ssb/latin/m.css"}],"editorFaviconUrl":"https://cdn-static-1.medium.com/_/fp/icons/favicon-rebrand-medium-editor.3Y6xpZ-0FSdWDnPM3hSBIA.ico","glyphUrl":"https://glyph.medium.com"},"authBaseUrlRev":"moc.muidem//:sptth","isDnt":false,"stripePublishableKey":"pk_live_7FReX44VnNIInZwrIIx6ghjl","archiveUploadSizeMb":100,"paymentData":{"currencies":{"1":{"label":"US Dollar","external":"usd"}},"countries":{"1":{"label":"United States of America","external":"US"}},"accountTypes":{"1":{"label":"Individual","external":"individual"},"2":{"label":"Company","external":"company"}}},"previewConfig2":{"weightThreshold":1,"weightImageParagraph":0.05,"raiseImage":true,"enforceHeaderHierarchy":true,"isImageInsetRight":true},"isAmp":false,"iosScheme":"medium","isSwBoot":false,"lightstep":{"accessToken":"ce5be895bef60919541332990ac9fef2","carrier":"{\"ot-tracer-spanid\":\"26dae0f11bc26735\",\"ot-tracer-traceid\":\"1d68c05051c8ffe6\",\"ot-tracer-sampled\":\"true\"}","host":"collector-medium.lightstep.com"},"facebook":{"key":"542599432471018","namespace":"medium-com","scope":{"default":["public_profile","email","user_friends"],"connect":["public_profile","email","user_friends"],"login":["public_profile","email","user_friends"],"share":["public_profile","email","user_friends","publish_actions"]}},"mailingListArchiveUploadSizeMb":2,"availableMembershipPlans":["60e220181034"],"editorsPicksTopicId":"3985d2a191c5","popularOnMediumTopicId":"9d34e48ecf94","memberContentTopicId":"13d7efd82fb2","audioContentTopicId":"3792abbd134","brandedSequenceId":"7d337ddf1941","isDoNotAuth":false,"goldfinchUrl":"https://goldfinch.medium.com","buggle":{"url":"https://buggle.medium.com","videoUrl":"https://cdn-videos-1.medium.com","audioUrl":"https://cdn-audio-1.medium.com","accessToken":"pJN6XGc43dDJLHJQ2ixamOFHUnAgKvhp"}}
+// ]]></script><script charset="UTF-8" src="https://cdn-static-1.medium.com/_/fp/gen-js/main-base.bundle.LlQTJsqxzBKNE5_Waz_Olg.js" async></script><script>// <![CDATA[
+window["obvInit"]({"value":{"id":"b3faf3f55777","versionId":"cf91bbe21cee","creatorId":"7c59a12b4ac7","creator":{"userId":"7c59a12b4ac7","name":"Sunghoon Kang","username":"devholic","createdAt":1483603028544,"lastPostCreatedAt":1502362960875,"imageId":"1*ZZwtCUhDgks0wK_E5pVSHQ.jpeg","backgroundImageId":"","bio":"Love to build things","twitterScreenName":"","socialStats":{"userId":"7c59a12b4ac7","usersFollowedCount":5,"usersFollowedByCount":34,"type":"SocialStats"},"social":{"userId":"aea8a30a8e5a","targetUserId":"7c59a12b4ac7","type":"Social"},"facebookAccountId":"","allowNotes":1,"type":"User"},"homeCollection":{"id":"47d34fb1aaf5","name":"Rainist Engineering","slug":"rainist-engineering","tags":["SOFTWARE ENGINEERING","TECHNOLOGY","FINTECH","STARTUP","SOFTWARE DEVELOPMENT"],"creatorId":"53b247c66a8e","description":"개인 금융 관리 서비스 뱅크샐러드를 만드는 Rainist의 Engineering 팀입니다.","shortDescription":"개인 금융 관리 서비스 뱅크샐러드를 만드는 Rainist의 Engineering 팀입니다.","image":{"imageId":"1*J6VGBl2EFbwB03urRiFFOg.png","filter":"","backgroundSize":"","originalWidth":1000,"originalHeight":1000,"strategy":"resample","height":0,"width":0},"metadata":{"followerCount":81,"activeAt":1505455752356},"virtuals":{"permissions":{"canPublish":false,"canPublishAll":false,"canRepublish":false,"canRemove":false,"canManageAll":false,"canSubmit":false,"canEditPosts":false,"canAddWriters":false,"canViewStats":false,"canSendNewsletter":false,"canViewLockedPosts":false,"canViewCloaked":false,"canEditOwnPosts":false,"canBeAssignedAuthor":false,"canEnrollInHightower":false,"canLockPostsForMediumMembers":false},"isSubscribed":false,"isNewsletterSubscribed":false,"memberOfMembershipPlanId":"","isEnrolledInHightower":false,"isEligibleForHightower":false},"logo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"facebookPageName":"rainistcompany","publicEmail":"engineering@rainist.com","sections":[{"type":2,"collectionHeaderMetadata":{"title":"Rainist Engineering","description":"We are creating Banksalad","backgroundImage":{},"logoImage":{},"alignment":2,"layout":5}},{"type":3,"promoMetadata":{"sectionHeader":"","promoId":"8566f09af58a"}},{"type":1,"postListMetadata":{"source":1,"layout":4,"number":5,"postIds":[],"sectionHeader":"Latest"}}],"tintColor":"#FF009EDE","lightText":true,"favicon":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"colorPalette":{"defaultBackgroundSpectrum":{"colorPoints":[{"color":"#FF0093D2","point":0},{"color":"#FF0088C1","point":0.1},{"color":"#FF107DAF","point":0.2},{"color":"#FF1B729E","point":0.3},{"color":"#FF20678D","point":0.4},{"color":"#FF215C7C","point":0.5},{"color":"#FF21506B","point":0.6},{"color":"#FF1F445A","point":0.7},{"color":"#FF1B3849","point":0.8},{"color":"#FF152A37","point":0.9},{"color":"#FF0E1C25","point":1}],"backgroundColor":"#FFFFFFFF"},"tintBackgroundSpectrum":{"colorPoints":[{"color":"#FF009EDE","point":0},{"color":"#FF3EA9E3","point":0.1},{"color":"#FF5BB4E9","point":0.2},{"color":"#FF73BFEE","point":0.3},{"color":"#FF88C9F3","point":0.4},{"color":"#FF9CD3F8","point":0.5},{"color":"#FFAEDDFD","point":0.6},{"color":"#FFC0E6FF","point":0.7},{"color":"#FFD1F0FF","point":0.8},{"color":"#FFE2F9FF","point":0.9},{"color":"#FFF2FFFF","point":1}],"backgroundColor":"#FF009EDE"},"highlightSpectrum":{"colorPoints":[{"color":"#FFE1F7FF","point":0},{"color":"#FFDCF6FF","point":0.1},{"color":"#FFD6F5FF","point":0.2},{"color":"#FFCFF4FF","point":0.3},{"color":"#FFC9F3FF","point":0.4},{"color":"#FFC2F2FF","point":0.5},{"color":"#FFBCF1FF","point":0.6},{"color":"#FFB4F0FF","point":0.7},{"color":"#FFADEFFF","point":0.8},{"color":"#FFA5EEFF","point":0.9},{"color":"#FF9DEDFF","point":1}],"backgroundColor":"#FFFFFFFF"}},"navItems":[],"colorBehavior":2,"instantArticlesState":0,"acceleratedMobilePagesState":0,"ampLogo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"header":{"title":"Rainist Engineering","description":"We are creating Banksalad","backgroundImage":{},"logoImage":{},"alignment":2,"layout":5},"type":"Collection"},"homeCollectionId":"47d34fb1aaf5","title":"Kotlin, AWS 그리고 레이니스트와 함께라면 육군훈련소에서도 외롭지 않아","detectedLanguage":"ko","latestVersion":"cf91bbe21cee","latestPublishedVersion":"cf91bbe21cee","hasUnpublishedEdits":false,"latestRev":1370,"createdAt":1502362960875,"updatedAt":1505541175481,"acceptedAt":0,"firstPublishedAt":1505455751760,"latestPublishedAt":1505455906907,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Kotlin과 AWS를 활용해 간단한 Slack 봇을 만든 경험을 통해 뱅크샐러드 Android 앱의 Architecture를 간단히 공유합니다.","bodyModel":{"paragraphs":[{"name":"0af1","type":3,"text":"Kotlin, AWS 그리고 레이니스트와 함께라면 육군훈련소에서도 외롭지 않아","markups":[]},{"name":"0f66","type":1,"text":"올해 Google IO에서 Kotlin이 Android 공식 언어로 선정되었는데요, 레이니스트에서는 작년부터 뱅크샐러드 Android 앱을 100% Kotlin으로 작성하고 있습니다.","markups":[{"type":3,"start":15,"end":40,"href":"https://blog.jetbrains.com/kotlin/2017/05/kotlin-on-android-now-official","title":"","rel":"","anchorType":0},{"type":2,"start":3,"end":12},{"type":2,"start":15,"end":21},{"type":2,"start":23,"end":30},{"type":2,"start":67,"end":74},{"type":2,"start":83,"end":89}]},{"name":"33f4","type":4,"text":"It’s real","markups":[],"layout":1,"metadata":{"id":"1*GP9SlOTjVWeWp2xzjejTLw.png","originalWidth":1978,"originalHeight":222}},{"name":"fcc9","type":1,"text":"Kotlin의 특징 중 하나는 Java와 100% 호환된다는 점인데요, 이번 포스트에서는 AWS의 Lambda Function을 Kotlin으로 작성한 경험을 공유하고자 합니다.","markups":[{"type":3,"start":55,"end":70,"href":"https://aws.amazon.com/ko/lambda/details/","title":"","rel":"","anchorType":0},{"type":2,"start":0,"end":6},{"type":2,"start":17,"end":21},{"type":2,"start":50,"end":53},{"type":2,"start":55,"end":70},{"type":2,"start":72,"end":78}]},{"name":"38d9","type":3,"text":"들어가면서","markups":[]},{"name":"da46","type":1,"text":"레이니스트는 병무청에서 지정한 병역지정업체입니다. 아직 병역의 의무를 해결하지 못한 분이라면 레이니스트에서 산업기능요원으로 근무하면서 병역의 의무를 함께 할 수 있습니다. (현재는 보충역 대상자만 가능합니다)","markups":[{"type":3,"start":17,"end":23,"href":"https://www.mma.go.kr/contents.do?mc=mma0000760","title":"","rel":"","anchorType":0}]},{"name":"398a","type":1,"text":"저는 올해 초부터 레이니스트에서 산업기능요원으로 병역의 의무를 수행하고 있는데요. 열심히 뱅크샐러드 앱을 만들고 있는 도중 한 통의 편지를 받게 됩니다.","markups":[]},{"name":"3681","type":4,"text":"국방의 의무 축하해~♪","markups":[],"layout":1,"metadata":{"id":"1*Xq6xHmfvZEhSh_6JoM7mNA.png","originalWidth":2568,"originalHeight":1444}},{"name":"5062","type":1,"text":"바로 군사교육 소집 통지서였습니다. 통지서를 받고 나서 (말로만) 훈련을 받거나 사회 소식을 못 듣는 건 별로 걱정이 되지 않았는데 회사 소식을 4주 동안 못 듣게 되면 나오고 나서 업무를 진행하는데 흐름을 못 탈 것 같아(?) 회사 동료분들께 편지 작성을 부탁드릴 간단한 Slack Bot을 만들기로 했습니다. Slack에서 기본적으로 제공하는 Reminder를 사용해도 되지만 AWS Lambda를 활용해보고 싶어 주말에 조금씩 시간을 내서 만들기로 했습니다.","markups":[{"type":3,"start":153,"end":162,"href":"https://api.slack.com/bot-users","title":"","rel":"","anchorType":0},{"type":1,"start":153,"end":162},{"type":2,"start":153,"end":162},{"type":2,"start":175,"end":180},{"type":2,"start":194,"end":202},{"type":2,"start":213,"end":223}]},{"name":"f709","type":4,"text":"사실 주말에 할게 없어서…","markups":[],"layout":1,"metadata":{"id":"1*Pwt6IJLgkvo7fAY_uLReMA.png","originalWidth":569,"originalHeight":420}},{"name":"a335","type":3,"text":"만들기 시작!","markups":[]},{"name":"f31f","type":1,"text":"사실 처음 목표는 육군훈련소 홈페이지에 자동으로 편지를 쓰게 해주는 Lambda Function을 만들계획이었으나, 본인인증이라는 거대한 벽에 막혀 다음과 같은 흐름을 가지는 Lambda Function을 만들기로 했습니다.","markups":[{"type":2,"start":38,"end":53},{"type":2,"start":98,"end":113}]},{"name":"65f0","type":4,"text":"간단하쥬?","markups":[],"layout":1,"metadata":{"id":"1*njSATgm2IgBhxVgQ_td4qQ.png","originalWidth":1400,"originalHeight":1065}},{"name":"a281","type":1,"text":"가장 먼저, Slack API 사이트에서 Slack App을 만들고 Lambda Function에서 Slack 채널로 메시지를 보낼 때 사용할 Webhook URL을 발급받습니다. 생성된 Slack App을 관리 페이지 좌측의 Incoming Webhooks에서 다음 사진과 같이 Webhook URL을 발급받을 수 있습니다.","markups":[{"type":3,"start":7,"end":20,"href":"https://api.slack.com/apps?new_app=1","title":"","rel":"","anchorType":0},{"type":1,"start":80,"end":91},{"type":2,"start":7,"end":20},{"type":2,"start":23,"end":32},{"type":2,"start":38,"end":53},{"type":2,"start":80,"end":91},{"type":2,"start":127,"end":144},{"type":2,"start":157,"end":168}]},{"name":"bed4","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*65JzbdxHAbZDfhvAZKY8Ig.png","originalWidth":1340,"originalHeight":192}},{"name":"f834","type":3,"text":"Lambda Function 작성하기","markups":[]},{"name":"d7c0","type":1,"text":"먼저 aws-lambda-java-core를 gradle dependency로 추가하고, Lambda Function의 Entry Point 역할을 할 RequestHandler를 구현합니다.","markups":[{"type":10,"start":3,"end":23},{"type":3,"start":3,"end":23,"href":"https://mvnrepository.com/artifact/com.amazonaws/aws-lambda-java-core/1.1.0","title":"","rel":"","anchorType":0},{"type":3,"start":85,"end":99,"href":"http://javadox.com/com.amazonaws/aws-lambda-java-core/1.1.0/com/amazonaws/services/lambda/runtime/RequestHandler.html","title":"","rel":"","anchorType":0},{"type":1,"start":85,"end":99},{"type":2,"start":3,"end":23},{"type":2,"start":25,"end":42},{"type":2,"start":50,"end":65},{"type":2,"start":67,"end":79},{"type":2,"start":84,"end":99}]},{"name":"f5ce","type":11,"text":"handleRequest를 구현하면 됩니다","markups":[],"layout":1,"iframe":{"mediaResourceId":"5cbf29ed68ed09906a367b0507e570d5","thumbnailUrl":"https://i.embed.ly/1/image?url=https%3A%2F%2Favatars1.githubusercontent.com%2Fu%2F6194958%3Fv%3D4%26s%3D400&key=a19fcc184b9711e1b4764040d3dc5c07"}},{"name":"874c","type":1,"text":"handleRequest 메소드를 어떻게 작성할까 고민하다, 뱅크샐러드 안드로이드 앱의 UseCase처럼 코드를 작성하기로 했습니다. (자세한 내용은 Droid Knights 2017에서 저희 CTO님께서 발표하신 Clean Architecture in Android발표를 참고해주세요)","markups":[{"type":3,"start":120,"end":149,"href":"https://academy.realm.io/kr/posts/clean-architecture-in-android","title":"","rel":"","anchorType":0},{"type":1,"start":49,"end":56},{"type":1,"start":120,"end":149},{"type":2,"start":0,"end":13},{"type":2,"start":49,"end":56},{"type":2,"start":84,"end":102},{"type":2,"start":120,"end":149}]},{"name":"45fc","type":1,"text":"일단, 육군훈련소 홈페이지에서 제가 배치된 연대, 중대, 소대 정보를 가져올 KATCRepository, 편지 써줄 사람을 지목하고 채널에 메시지를 보낼 SlackRepository, 채널에 보낼 메시지를 만들 MessageRepository, 끝으로 지목당한 분이 편지에 쓸 내용이 없는 경우를 대비해 편지에 바깥 세상(?) 소식 요약본을 담기 위한 NaverNewsRepository, 총 4개를 만들었습니다.","markups":[{"type":3,"start":43,"end":57,"href":"https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/KATCRepository.kt","title":"","rel":"","anchorType":0},{"type":3,"start":86,"end":101,"href":"https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/SlackRepository.kt","title":"","rel":"","anchorType":0},{"type":3,"start":118,"end":135,"href":"https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/MessageRepository.kt","title":"","rel":"","anchorType":0},{"type":3,"start":197,"end":216,"href":"https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/NaverNewsRepository.kt","title":"","rel":"","anchorType":0},{"type":2,"start":43,"end":57},{"type":2,"start":86,"end":101},{"type":2,"start":118,"end":135},{"type":2,"start":197,"end":217}]},{"name":"dcbc","type":1,"text":"Repository의 각 메소드들은 비동기 처리를 위해 Single, 혹은 Completable을 return하게 되어있는데, .blockingGet()을 사용하면 Stream이 종료될 때 Lambda Function이 종료될 수 있도록 blocking 처리 할 수 있습니다.","markups":[{"type":10,"start":71,"end":85},{"type":3,"start":31,"end":37,"href":"http://reactivex.io/RxJava/javadoc/io/reactivex/Single.html","title":"","rel":"","anchorType":0},{"type":3,"start":42,"end":53,"href":"http://reactivex.io/RxJava/javadoc/io/reactivex/Completable.html","title":"","rel":"","anchorType":0},{"type":2,"start":0,"end":10},{"type":2,"start":31,"end":37},{"type":2,"start":42,"end":53},{"type":2,"start":55,"end":61},{"type":2,"start":92,"end":98},{"type":2,"start":106,"end":121},{"type":2,"start":133,"end":142}]},{"name":"80dc","type":11,"text":"","markups":[],"layout":1,"iframe":{"mediaResourceId":"f8090a200706b392a705fbbb2ecac3e5","thumbnailUrl":"https://i.embed.ly/1/image?url=https%3A%2F%2Favatars1.githubusercontent.com%2Fu%2F6194958%3Fv%3D4%26s%3D400&key=a19fcc184b9711e1b4764040d3dc5c07"}},{"name":"bbe3","type":1,"text":"Slack Bot을 다 만들었으니, 이제 AWS에 업로드하는 일만 남았습니다. Gradle Script에 jar task를 추가해서 jar파일로 빌드합니다.","markups":[{"type":2,"start":0,"end":9},{"type":2,"start":23,"end":26},{"type":2,"start":44,"end":57},{"type":2,"start":59,"end":67},{"type":2,"start":74,"end":77}]},{"name":"ce09","type":11,"text":"","markups":[],"layout":1,"iframe":{"mediaResourceId":"d9476902998af3b4e70abcbb6704fd99","thumbnailUrl":"https://i.embed.ly/1/image?url=https%3A%2F%2Favatars1.githubusercontent.com%2Fu%2F6194958%3Fv%3D4%26s%3D400&key=a19fcc184b9711e1b4764040d3dc5c07"}},{"name":"5230","type":1,"text":"AWS Console을 통해 Lambda Function을 생성해주고, 생성된 jar파일을 업로드 하면 되는데요. trigger는 일단 비워둔 상태로, Lambda 함수 핸들러 및 역할을 다음과 같이 런타임은 Java8, 핸들러는 package.classname::handlerMethodName형식으로 생성하면 됩니다.","markups":[{"type":10,"start":129,"end":165},{"type":1,"start":85,"end":103},{"type":1,"start":104,"end":105},{"type":1,"start":117,"end":122},{"type":2,"start":0,"end":11},{"type":2,"start":16,"end":31},{"type":2,"start":44,"end":47},{"type":2,"start":64,"end":71},{"type":2,"start":117,"end":122}]},{"name":"fd17","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*mWKJcNDOXH0wmeSw76DGcw.png","originalWidth":1274,"originalHeight":352}},{"name":"0124","type":1,"text":"Slack Bot의 전체 소스는 GitHub에서 확인하실 수 있습니다.","markups":[{"type":3,"start":18,"end":24,"href":"https://github.com/devholic/epilogue","title":"","rel":"","anchorType":0},{"type":1,"start":18,"end":24},{"type":2,"start":0,"end":9},{"type":2,"start":17,"end":24}]},{"name":"fe5f","type":14,"text":"devholic/epilogue\nepilogue - 훈련소 갔을때 편지써줄 여자친구가 있으면 좋겠다github.com","markups":[{"type":3,"start":0,"end":65,"href":"https://github.com/devholic/epilogue","title":"https://github.com/devholic/epilogue","rel":"","anchorType":0},{"type":1,"start":0,"end":17},{"type":2,"start":18,"end":55}],"mixtapeMetadata":{"mediaResourceId":"15a00e5b5ac3c33b574c2391be0633eb","thumbnailImageId":"0*Lpc0CHX6Js-mOvaO.","href":"https://github.com/devholic/epilogue"}},{"name":"fe55","type":3,"text":"CloudWatch Event 만들기","markups":[]},{"name":"8684","type":1,"text":"이제 일정 주기마다 위에서 생성한 Lambda Function을 실행을 시켜야 하는데, 이 문제는 CloudWatch Event로 간단하게 해결할 수 있습니다. CloudWatch Event는 Cron식을 지원하는데요. 저는 화요일, 금요일 아침 9시에만 메시지를 보내기로 했으므로 다음 식을 사용했습니다.","markups":[{"type":3,"start":55,"end":65,"href":"https://aws.amazon.com/ko/cloudwatch/","title":"","rel":"","anchorType":0},{"type":1,"start":126,"end":140},{"type":2,"start":19,"end":34},{"type":2,"start":55,"end":71},{"type":2,"start":90,"end":106},{"type":2,"start":108,"end":112}]},{"name":"f016","type":1,"text":"0 0 ? * TUE, FRI *","markups":[{"type":10,"start":0,"end":18},{"type":2,"start":0,"end":18}]},{"name":"540f","type":1,"text":"여기서 중요한 점은 시간대가 GMT +0으로 설정되어있기 때문에, 서울 시간 기준으로 -9시간을 해줘야 원하는 스케줄대로 작동합니다. Cron식을 입력하고 화면 우측의 호출할 대상을 위에서 생성한 Lambda 함수로 지정하면, 모든 준비가 끝납니다!","markups":[{"type":1,"start":11,"end":22},{"type":1,"start":37,"end":70},{"type":2,"start":16,"end":22},{"type":2,"start":75,"end":79},{"type":2,"start":110,"end":116}]},{"name":"2246","type":4,"text":"끝!","markups":[],"layout":1,"metadata":{"id":"1*IOTAYohisstB6TbI6AUtVw.png","originalWidth":2920,"originalHeight":1294}},{"name":"c38b","type":3,"text":"입소, 그리고 수료","markups":[]},{"name":"f8a9","type":1,"text":"입소하고 시간은 흐르고 흘러 CloudWatch Event가 발생하는, 그리고 슬랙봇이 작동할 수도 있는 첫 번째 화요일이 되었습니다. 제 입소 정보는 화요일 오후쯤에 육군훈련소 홈페이지에 올라가니 편지가 오지 않을 거라 예상 했으나…","markups":[]},{"name":"1887","type":4,"text":"다시봐도 감동","markups":[],"layout":1,"metadata":{"id":"1*3xXtAZp_-YXFvM3UQ4MVnA.png","originalWidth":2568,"originalHeight":1444}},{"name":"2f2b","type":1,"text":"봇이 작동하지 않았음에도 첫날에 편지가 두 통이나 왔습니다 ㅠㅠ","markups":[]},{"name":"51bb","type":4,"text":"가… 감동이야… (슬랙 봇 같은건 필요 없었어!)","markups":[{"type":2,"start":9,"end":27}],"layout":1,"metadata":{"id":"1*rYpUc_LTSgNxGhtmr7J_Ew.png","originalWidth":502,"originalHeight":268}},{"name":"4c7f","type":1,"text":"동료 분들과 가족들에게 편지를 받고 나니, 봇이 정상적으로 동작하는지 안 동작하는지 확인할 수 있는 금요일이 손꼽아 기다려지기 시작했습니다. (사회소식이 궁금하지 않다고 했었지만 진짜 궁금해서 애가 탔었… 볼 수 있는 게 국방일보 밖에 없었습니다 ㅠㅠ)","markups":[]},{"name":"a6fe","type":1,"text":"그리고 손꼽아 기다리던 금요일 저녁, 편지가 도착했습니다!","markups":[]},{"name":"ec5a","type":4,"text":"기술부채 말고 편지부채!","markups":[],"layout":1,"metadata":{"id":"1*KIa4eZARMVelBWNRMd3D9Q.png","originalWidth":1831,"originalHeight":1444,"isFeatured":true}},{"name":"9e26","type":7,"text":"편지 써준다던 친구들은 거의 안써주고…","markups":[]},{"name":"1437","type":7,"text":"레이니스트 더럽… the love…","markups":[]},{"name":"39a9","type":1,"text":"수료하고 난 뒤 Slack을 켜서 봇이 동작한 모습을 보니 뿌듯한 마음 반, 편지 써주신 동료분들에 대한 감사의 마음 반으로 가득 찼습니다.","markups":[{"type":2,"start":9,"end":14}]},{"name":"2423","type":4,"text":"돌아와서 슬랙을 보니…","markups":[],"layout":1,"metadata":{"id":"1*LaHmp-XmB9CiWmS4u4P3WA.png","originalWidth":2682,"originalHeight":1460}},{"name":"23f9","type":3,"text":"글을 맺으며","markups":[]},{"name":"55ed","type":10,"text":"Kotlin은 Java와 100% 호환되기에 AWS Lambda Function을 Kotlin으로도 작성할 수 있습니다.","markups":[{"type":2,"start":0,"end":6},{"type":2,"start":8,"end":12},{"type":2,"start":25,"end":44},{"type":2,"start":46,"end":52}]},{"name":"bb5f","type":10,"text":"레이니스트에서 금융정보의 비대칭성을 함께 해결해 나갈 개발자를 찾습니다. (산업기능요원 보충역 신규 편입 / 전직 가능)","markups":[{"type":3,"start":30,"end":39,"href":"https://rainist.com/recruit/engineer","title":"","rel":"noopener","anchorType":0}]},{"name":"a02c","type":10,"text":"군인에게 편지는 힘이 됩니다 (저희와 함께하시다 훈련소 가시게 되면 제가 1주일에 2번 편지써드릴께요 ㅠㅠ)","markups":[]},{"name":"ee3a","type":1,"text":"아, 마지막으로 다시 한번 편지를 써주신 분들께 감사의 말씀을 전합니다 ㅠㅠ","markups":[{"type":2,"start":0,"end":42}]},{"name":"acd2","type":1,"text":"읽어주셔서 감사합니다 :D","markups":[]}],"sections":[{"name":"2d4d","startIndex":0}]},"postDisplay":{"coverless":true},"metaDescription":"Kotlin과 AWS를 활용해 간단한 Slack 봇을 만든 경험을 통해 뱅크샐러드 Android 앱의 Architecture를 간단히 공유합니다."},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*KIa4eZARMVelBWNRMd3D9Q.png","filter":"","backgroundSize":"","originalWidth":1831,"originalHeight":1444,"strategy":"resample","height":0,"width":0},"wordCount":625,"imageCount":11,"readingTime":6.612,"subtitle":"Kotlin과 AWS를 활용해 간단한 Slack 봇을 만든 경험을 통해 뱅크샐러드 Android 앱의 Architecture를 간단히 공유합니다.","userPostRelation":{"userId":"aea8a30a8e5a","postId":"b3faf3f55777","readAt":1505619559846,"readLaterAddedAt":0,"votedAt":0,"collaboratorAddedAt":0,"notesAddedAt":0,"subscribedAt":0,"lastReadSectionName":"2d4d","lastReadVersionId":"cf91bbe21cee","lastReadAt":1505648401968,"lastReadParagraphName":"0f66","lastReadPercentage":0.01,"viewedAt":1505651238064,"presentedCountInResponseManagement":0,"clapCount":0,"seriesUpdateNotifsOptedInAt":0,"queuedAt":0,"seriesFirstViewedAt":0,"presentedCountInStream":11,"seriesLastViewedAt":0,"audioProgressSec":0},"publishedInCount":1,"usersBySocialRecommends":[],"recommends":14,"socialRecommends":[],"isBookmarked":false,"tags":[{"slug":"kotlin","name":"Kotlin","postCount":1294,"virtuals":{"isFollowing":false},"metadata":{"followerCount":2363,"postCount":1294,"coverImage":{"id":"1*gyf9RhloXvqVhtwQ3eIhNQ.gif","originalWidth":700,"originalHeight":289}},"type":"Tag"},{"slug":"rxjava","name":"Rxjava","postCount":451,"virtuals":{"isFollowing":false},"metadata":{"followerCount":1646,"postCount":451,"coverImage":{"id":"1*d1Pjdpno2SLBcUfpzSTW5w.png","originalWidth":1280,"originalHeight":1020,"isFeatured":true}},"type":"Tag"},{"slug":"aws","name":"AWS","postCount":6539,"virtuals":{"isFollowing":false},"metadata":{"followerCount":3356,"postCount":6539,"coverImage":{"id":"1*FV6MlgPkezDj8wH3jQdoLQ.jpeg","originalWidth":2560,"originalHeight":1600}},"type":"Tag"},{"slug":"aws-lambda","name":"AWS Lambda","postCount":924,"virtuals":{"isFollowing":false},"metadata":{"followerCount":760,"postCount":924,"coverImage":{"id":"1*Lpbb5TlG8adbbtTYQW0LyA.png","originalWidth":900,"originalHeight":263}},"type":"Tag"},{"slug":"rainist","name":"Rainist","postCount":1,"virtuals":{"isFollowing":false},"metadata":{"followerCount":0,"postCount":1,"coverImage":{"id":"1*KIa4eZARMVelBWNRMd3D9Q.png","originalWidth":1831,"originalHeight":1444,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[{"url":"https://rainist.com/recruit/engineer","alts":[],"httpStatus":200},{"url":"https://blog.jetbrains.com/kotlin/2017/05/kotlin-on-android-now-official","alts":[],"httpStatus":200},{"url":"https://api.slack.com/bot-users","alts":[],"httpStatus":200},{"url":"https://www.mma.go.kr/contents.do?mc=mma0000760","alts":[],"httpStatus":200},{"url":"http://reactivex.io/RxJava/javadoc/io/reactivex/Single.html","alts":[],"httpStatus":200},{"url":"https://github.com/devholic/epilogue","alts":[],"httpStatus":200},{"url":"https://api.slack.com/apps?new_app=1","alts":[],"httpStatus":200},{"url":"https://aws.amazon.com/ko/cloudwatch/","alts":[],"httpStatus":200},{"url":"https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/SlackRepository.kt","alts":[],"httpStatus":200},{"url":"http://reactivex.io/RxJava/javadoc/io/reactivex/Completable.html","alts":[],"httpStatus":200},{"url":"https://aws.amazon.com/ko/lambda/details/","alts":[],"httpStatus":200},{"url":"https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/KATCRepository.kt","alts":[],"httpStatus":200},{"url":"https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/NaverNewsRepository.kt","alts":[],"httpStatus":200},{"url":"http://javadox.com/com.amazonaws/aws-lambda-java-core/1.1.0/com/amazonaws/services/lambda/runtime/RequestHandler.html","alts":[],"httpStatus":200},{"url":"https://mvnrepository.com/artifact/com.amazonaws/aws-lambda-java-core/1.1.0","alts":[],"httpStatus":200},{"url":"https://academy.realm.io/kr/posts/clean-architecture-in-android","alts":[],"httpStatus":200},{"url":"https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/MessageRepository.kt","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1505455920856},"isLockedPreviewOnly":false,"takeoverId":"","metaDescription":"Kotlin과 AWS를 활용해 간단한 Slack 봇을 만든 경험을 통해 뱅크샐러드 Android 앱의 Architecture를 간단히 공유합니다.","totalClapCount":295,"sectionCount":1},"coverless":true,"slug":"kotlin-aws-그리고-레이니스트와-함께라면-육군훈련소에서도-외롭지-않아","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"writing-aws-lambda-function-in-kotlin-b3faf3f55777","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*KIa4eZARMVelBWNRMd3D9Q.png","originalWidth":1831,"originalHeight":1444,"isFeatured":true}},{"name":"previewTitle","type":3,"text":"Kotlin, AWS 그리고 레이니스트와 함께라면 육군훈련소에서도 외롭지 않아","alignment":1},{"name":"previewSubtitle","type":13,"text":"Kotlin과 AWS를 활용해 간단한 Slack 봇을 만든 경험을 통해 뱅크샐러드 Android 앱…","alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"https://medium.com/rainist-engineering/writing-aws-lambda-function-in-kotlin-b3faf3f55777","approvedHomeCollectionId":"47d34fb1aaf5","approvedHomeCollection":{"id":"47d34fb1aaf5","name":"Rainist Engineering","slug":"rainist-engineering","tags":["SOFTWARE ENGINEERING","TECHNOLOGY","FINTECH","STARTUP","SOFTWARE DEVELOPMENT"],"creatorId":"53b247c66a8e","description":"개인 금융 관리 서비스 뱅크샐러드를 만드는 Rainist의 Engineering 팀입니다.","shortDescription":"개인 금융 관리 서비스 뱅크샐러드를 만드는 Rainist의 Engineering 팀입니다.","image":{"imageId":"1*J6VGBl2EFbwB03urRiFFOg.png","filter":"","backgroundSize":"","originalWidth":1000,"originalHeight":1000,"strategy":"resample","height":0,"width":0},"metadata":{"followerCount":81,"activeAt":1505455752356},"virtuals":{"permissions":{"canPublish":false,"canPublishAll":false,"canRepublish":false,"canRemove":false,"canManageAll":false,"canSubmit":false,"canEditPosts":false,"canAddWriters":false,"canViewStats":false,"canSendNewsletter":false,"canViewLockedPosts":false,"canViewCloaked":false,"canEditOwnPosts":false,"canBeAssignedAuthor":false,"canEnrollInHightower":false,"canLockPostsForMediumMembers":false},"isSubscribed":false,"isNewsletterSubscribed":false,"memberOfMembershipPlanId":"","isEnrolledInHightower":false,"isEligibleForHightower":false},"logo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"facebookPageName":"rainistcompany","publicEmail":"engineering@rainist.com","sections":[{"type":2,"collectionHeaderMetadata":{"title":"Rainist Engineering","description":"We are creating Banksalad","backgroundImage":{},"logoImage":{},"alignment":2,"layout":5}},{"type":3,"promoMetadata":{"sectionHeader":"","promoId":"8566f09af58a"}},{"type":1,"postListMetadata":{"source":1,"layout":4,"number":5,"postIds":[],"sectionHeader":"Latest"}}],"tintColor":"#FF009EDE","lightText":true,"favicon":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"colorPalette":{"defaultBackgroundSpectrum":{"colorPoints":[{"color":"#FF0093D2","point":0},{"color":"#FF0088C1","point":0.1},{"color":"#FF107DAF","point":0.2},{"color":"#FF1B729E","point":0.3},{"color":"#FF20678D","point":0.4},{"color":"#FF215C7C","point":0.5},{"color":"#FF21506B","point":0.6},{"color":"#FF1F445A","point":0.7},{"color":"#FF1B3849","point":0.8},{"color":"#FF152A37","point":0.9},{"color":"#FF0E1C25","point":1}],"backgroundColor":"#FFFFFFFF"},"tintBackgroundSpectrum":{"colorPoints":[{"color":"#FF009EDE","point":0},{"color":"#FF3EA9E3","point":0.1},{"color":"#FF5BB4E9","point":0.2},{"color":"#FF73BFEE","point":0.3},{"color":"#FF88C9F3","point":0.4},{"color":"#FF9CD3F8","point":0.5},{"color":"#FFAEDDFD","point":0.6},{"color":"#FFC0E6FF","point":0.7},{"color":"#FFD1F0FF","point":0.8},{"color":"#FFE2F9FF","point":0.9},{"color":"#FFF2FFFF","point":1}],"backgroundColor":"#FF009EDE"},"highlightSpectrum":{"colorPoints":[{"color":"#FFE1F7FF","point":0},{"color":"#FFDCF6FF","point":0.1},{"color":"#FFD6F5FF","point":0.2},{"color":"#FFCFF4FF","point":0.3},{"color":"#FFC9F3FF","point":0.4},{"color":"#FFC2F2FF","point":0.5},{"color":"#FFBCF1FF","point":0.6},{"color":"#FFB4F0FF","point":0.7},{"color":"#FFADEFFF","point":0.8},{"color":"#FFA5EEFF","point":0.9},{"color":"#FF9DEDFF","point":1}],"backgroundColor":"#FFFFFFFF"}},"navItems":[],"colorBehavior":2,"instantArticlesState":0,"acceleratedMobilePagesState":0,"ampLogo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"header":{"title":"Rainist Engineering","description":"We are creating Banksalad","backgroundImage":{},"logoImage":{},"alignment":2,"layout":5},"type":"Collection"},"newsletterId":"","webCanonicalUrl":"https://medium.com/rainist-engineering/writing-aws-lambda-function-in-kotlin-b3faf3f55777","mediumUrl":"https://medium.com/rainist-engineering/writing-aws-lambda-function-in-kotlin-b3faf3f55777","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"isSponsored":false,"isRequestToPubDisabled":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isNsfw":false,"isEligibleForRevenue":false,"type":"Post"},"mentionedUsers":[],"collaborators":[],"membershipPlans":[],"collectionUserRelations":[],"mode":null,"references":{"User":{"7c59a12b4ac7":{"userId":"7c59a12b4ac7","name":"Sunghoon Kang","username":"devholic","createdAt":1483603028544,"lastPostCreatedAt":1502362960875,"imageId":"1*ZZwtCUhDgks0wK_E5pVSHQ.jpeg","backgroundImageId":"","bio":"Love to build things","twitterScreenName":"","socialStats":{"userId":"7c59a12b4ac7","usersFollowedCount":5,"usersFollowedByCount":34,"type":"SocialStats"},"social":{"userId":"aea8a30a8e5a","targetUserId":"7c59a12b4ac7","type":"Social"},"facebookAccountId":"","allowNotes":1,"type":"User"}},"Collection":{"47d34fb1aaf5":{"id":"47d34fb1aaf5","name":"Rainist Engineering","slug":"rainist-engineering","tags":["SOFTWARE ENGINEERING","TECHNOLOGY","FINTECH","STARTUP","SOFTWARE DEVELOPMENT"],"creatorId":"53b247c66a8e","description":"개인 금융 관리 서비스 뱅크샐러드를 만드는 Rainist의 Engineering 팀입니다.","shortDescription":"개인 금융 관리 서비스 뱅크샐러드를 만드는 Rainist의 Engineering 팀입니다.","image":{"imageId":"1*J6VGBl2EFbwB03urRiFFOg.png","filter":"","backgroundSize":"","originalWidth":1000,"originalHeight":1000,"strategy":"resample","height":0,"width":0},"metadata":{"followerCount":81,"activeAt":1505455752356},"virtuals":{"permissions":{"canPublish":false,"canPublishAll":false,"canRepublish":false,"canRemove":false,"canManageAll":false,"canSubmit":false,"canEditPosts":false,"canAddWriters":false,"canViewStats":false,"canSendNewsletter":false,"canViewLockedPosts":false,"canViewCloaked":false,"canEditOwnPosts":false,"canBeAssignedAuthor":false,"canEnrollInHightower":false,"canLockPostsForMediumMembers":false},"isSubscribed":false,"isNewsletterSubscribed":false,"memberOfMembershipPlanId":"","isEnrolledInHightower":false,"isEligibleForHightower":false},"logo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"facebookPageName":"rainistcompany","publicEmail":"engineering@rainist.com","sections":[{"type":2,"collectionHeaderMetadata":{"title":"Rainist Engineering","description":"We are creating Banksalad","backgroundImage":{},"logoImage":{},"alignment":2,"layout":5}},{"type":3,"promoMetadata":{"sectionHeader":"","promoId":"8566f09af58a"}},{"type":1,"postListMetadata":{"source":1,"layout":4,"number":5,"postIds":[],"sectionHeader":"Latest"}}],"tintColor":"#FF009EDE","lightText":true,"favicon":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"colorPalette":{"defaultBackgroundSpectrum":{"colorPoints":[{"color":"#FF0093D2","point":0},{"color":"#FF0088C1","point":0.1},{"color":"#FF107DAF","point":0.2},{"color":"#FF1B729E","point":0.3},{"color":"#FF20678D","point":0.4},{"color":"#FF215C7C","point":0.5},{"color":"#FF21506B","point":0.6},{"color":"#FF1F445A","point":0.7},{"color":"#FF1B3849","point":0.8},{"color":"#FF152A37","point":0.9},{"color":"#FF0E1C25","point":1}],"backgroundColor":"#FFFFFFFF"},"tintBackgroundSpectrum":{"colorPoints":[{"color":"#FF009EDE","point":0},{"color":"#FF3EA9E3","point":0.1},{"color":"#FF5BB4E9","point":0.2},{"color":"#FF73BFEE","point":0.3},{"color":"#FF88C9F3","point":0.4},{"color":"#FF9CD3F8","point":0.5},{"color":"#FFAEDDFD","point":0.6},{"color":"#FFC0E6FF","point":0.7},{"color":"#FFD1F0FF","point":0.8},{"color":"#FFE2F9FF","point":0.9},{"color":"#FFF2FFFF","point":1}],"backgroundColor":"#FF009EDE"},"highlightSpectrum":{"colorPoints":[{"color":"#FFE1F7FF","point":0},{"color":"#FFDCF6FF","point":0.1},{"color":"#FFD6F5FF","point":0.2},{"color":"#FFCFF4FF","point":0.3},{"color":"#FFC9F3FF","point":0.4},{"color":"#FFC2F2FF","point":0.5},{"color":"#FFBCF1FF","point":0.6},{"color":"#FFB4F0FF","point":0.7},{"color":"#FFADEFFF","point":0.8},{"color":"#FFA5EEFF","point":0.9},{"color":"#FF9DEDFF","point":1}],"backgroundColor":"#FFFFFFFF"}},"navItems":[],"colorBehavior":2,"instantArticlesState":0,"acceleratedMobilePagesState":0,"ampLogo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"header":{"title":"Rainist Engineering","description":"We are creating Banksalad","backgroundImage":{},"logoImage":{},"alignment":2,"layout":5},"type":"Collection"}},"Social":{"7c59a12b4ac7":{"userId":"aea8a30a8e5a","targetUserId":"7c59a12b4ac7","type":"Social"}},"SocialStats":{"7c59a12b4ac7":{"userId":"7c59a12b4ac7","usersFollowedCount":5,"usersFollowedByCount":34,"type":"SocialStats"}}}})
+// ]]></script></body></html>
\ No newline at end of file
diff --git a/src/test/resources/crawler/medium/latest.html b/src/test/resources/crawler/medium/latest.html
new file mode 100644
index 0000000..9518662
--- /dev/null
+++ b/src/test/resources/crawler/medium/latest.html
@@ -0,0 +1,242 @@
+<!DOCTYPE html>
+<!-- saved from url=(0045)https://medium.com/rainist-engineering/latest -->
+<html xmlns:cc="http://creativecommons.org/ns#"><head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# medium-com: http://ogp.me/ns/fb/medium-com#"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Latest stories published on Rainist Engineering – Medium</title><link rel="canonical" href="https://medium.com/rainist-engineering/latest"><meta name="title" content="Latest stories published on Rainist Engineering – Medium"><meta name="referrer" content="unsafe-url"><meta name="description" content="Read the latest stories published by Rainist Engineering. 개인 금융 관리 서비스 뱅크샐러드를 만드는 Rainist의 Engineering 팀입니다."><meta name="keywords" content="SOFTWARE ENGINEERING, TECHNOLOGY, FINTECH, STARTUP, SOFTWARE DEVELOPMENT"><meta name="theme-color" content="#000000"><meta property="og:title" content="Latest stories published on Rainist Engineering – Medium"><meta property="og:url" content="https://medium.com/rainist-engineering/latest"><meta property="og:image" content="https://cdn-images-1.medium.com/max/1200/1*J6VGBl2EFbwB03urRiFFOg.png"><meta property="fb:app_id" content="542599432471018"><meta property="og:description" content="Read the latest stories published by Rainist Engineering. 개인 금융 관리 서비스 뱅크샐러드를 만드는 Rainist의 Engineering 팀입니다."><meta name="twitter:description" content="Read the latest stories published by Rainist Engineering. 개인 금융 관리 서비스 뱅크샐러드를 만드는 Rainist의 Engineering 팀입니다."><meta name="twitter:image:src" content="https://cdn-images-1.medium.com/max/1200/1*J6VGBl2EFbwB03urRiFFOg.png"><link rel="publisher" href="https://plus.google.com/103654360130207659246"><meta property="og:type" content="medium-com:collection"><meta name="twitter:card" content="summary_large_image"><meta property="medium-com:creator" content="https://medium.com/@engineering_62431"><meta name="twitter:site" content="@Medium"><meta property="og:site_name" content="Medium"><meta name="twitter:app:name:iphone" content="Medium"><meta name="twitter:app:id:iphone" content="828256236"><meta name="twitter:app:url:iphone" content="medium://rainist-engineering"><meta property="al:ios:app_name" content="Medium"><meta property="al:ios:app_store_id" content="828256236"><meta property="al:android:package" content="com.medium.reader"><meta property="al:android:app_name" content="Medium"><meta property="al:ios:url" content="medium://rainist-engineering"><meta property="al:android:url" content="medium://rainist-engineering"><meta property="al:web:url" content="https://medium.com/rainist-engineering/latest"><link rel="search" type="application/opensearchdescription+xml" title="Medium" href="https://medium.com/osd.xml"><link rel="alternate" href="android-app://com.medium.reader/https/medium.com/rainist-engineering"><link rel="stylesheet" type="text/css" href="../../../../../../../Downloads/medium_files/m.css"><link rel="stylesheet" href="../../../../../../../Downloads/medium_files/main-branding-base.8XxDoQc2XpRsDGst14SGyQ.css"><script>if (window.top !== window.self) window.top.location = window.self.location.href;var OB_startTime = new Date().getTime(); var OB_loadErrors = []; function _onerror(e) { OB_loadErrors.push(e) }; if (document.addEventListener) document.addEventListener("error", _onerror, true); else if (document.attachEvent) document.attachEvent("onerror", _onerror); function _asyncScript(u) {var d = document, f = d.getElementsByTagName("script")[0], s = d.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = u; f.parentNode.insertBefore(s, f);}function _asyncStyles(u) {var d = document, f = d.getElementsByTagName("script")[0], s = d.createElement("link"); s.rel = "stylesheet"; s.href = u; f.parentNode.insertBefore(s, f); return s}(new Image()).src = "/_/stat?event=pixel.load&origin=" + encodeURIComponent(location.origin);</script><script>window.ga= window.ga || function(){(ga.q= ga.q ||[]).push(arguments)};ga.l=+new Date; ga("create", "UA-24232453-2", "auto", {"allowLinker": true, "legacyCookieDomain": window.location.hostname}); ga("send", "pageview");</script><script async="" src="../../../../../../../Downloads/medium_files/analytics.js"></script><!--[if lt IE 9]><script charset="UTF-8" src="https://cdn-static-1.medium.com/_/fp/js/shiv.RI2ePTZ5gFmMgLzG5bEVAA.js"></script><![endif]--><link rel="icon" href="https://cdn-static-1.medium.com/_/fp/icons/favicon-rebrand-medium.3Y6xpZ-0FSdWDnPM3hSBIA.ico" class="js-favicon"><link rel="apple-touch-icon" sizes="152x152" href="https://cdn-images-1.medium.com/fit/c/167/167/1*J6VGBl2EFbwB03urRiFFOg.png"><link rel="apple-touch-icon" sizes="120x120" href="https://cdn-images-1.medium.com/fit/c/132/132/1*J6VGBl2EFbwB03urRiFFOg.png"><link rel="apple-touch-icon" sizes="76x76" href="https://cdn-images-1.medium.com/fit/c/84/84/1*J6VGBl2EFbwB03urRiFFOg.png"><link rel="apple-touch-icon" sizes="60x60" href="https://cdn-images-1.medium.com/fit/c/66/66/1*J6VGBl2EFbwB03urRiFFOg.png"><link rel="mask-icon" href="https://cdn-static-1.medium.com/_/fp/icons/favicon.KjTfUJo7yJH_fCoUzzH3cg.svg" color="#171717"></head><body itemscope="" class="browser-chrome os-mac is-withMagicUnderlines v-glyph v-glyph--m is-js" data-action-scope="_actionscope_0"><script>document.body.className = document.body.className.replace(/(^|\s)is-noJs(\s|$)/, "$1is-js$2")</script><div class="site-main surface-container" id="container"><div class="butterBar butterBar--error" data-action-scope="_actionscope_1"></div><div class="surface"><div id="prerendered" class="screenContent" data-used="true"><div class="metabar u-clearfix js-metabar u-textColorTransparentWhiteDarker u-tintBgColor u-tintSpectrum"><div class="metabar-inner u-marginAuto u-maxWidth1000 u-flexCenter u-justifyContentSpaceBetween u-paddingLeft20 u-paddingRight20 u-height65 js-metabarMiddle"><div class="metabar-block u-flex1"><div class="js-metabarLogoLeft"><a href="https://medium.com/medium.html" data-log-event="home" class="siteNav-logo u-flexCenter u-paddingTop0"><span class="svgIcon svgIcon--logoMonogram svgIcon--45px is-flushLeft u-textColorDarker"><svg class="svgIcon-use" width="45" height="45" viewBox="0 0 45 45"><path d="M5 40V5h35v35H5zm8.56-12.627c0 .555-.027.687-.318 1.03l-2.457 2.985v.396h6.974v-.396l-2.456-2.985c-.291-.343-.344-.502-.344-1.03V18.42l6.127 13.364h.714l5.256-13.364v10.644c0 .29 0 .342-.185.528l-1.848 1.796v.396h9.19v-.396l-1.822-1.796c-.184-.186-.21-.238-.21-.528V15.937c0-.291.026-.344.21-.528l1.823-1.797v-.396h-6.471l-4.622 11.542-5.203-11.542h-6.79v.396l2.14 2.64c.239.292.291.37.291.768v10.353z"></path></svg></span><span class="u-textScreenReader">Homepage</span></a></div></div><div class="metabar-block u-flex0 u-flexCenter"><div class="u-alignMiddle u-inlineBlock u-verticalAlignTop u-height65 u-xs-height56"><div class="u-alignBlock"><div class="buttonSet u-lineHeightInherit u-block u-margin0"><label class="button button--chromeless button--small button--circle button--withIcon button--withSvgIcon inputGroup u-sm-hide metabar-predictiveSearch u-widthAuto u-baseColor--placeholderNormal  u-lineHeight30 u-height32 u-verticalAlignMiddle" title="Search"><span class="svgIcon svgIcon--search svgIcon--25px u-top0 u-baseColor--iconLight"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><path d="M20.067 18.933l-4.157-4.157a6 6 0 1 0-.884.884l4.157 4.157a.624.624 0 1 0 .884-.884zM6.5 11c0-2.62 2.13-4.75 4.75-4.75S16 8.38 16 11s-2.13 4.75-4.75 4.75S6.5 13.62 6.5 11z"></path></svg></span><input class="js-predictiveSearchInput textInput textInput--rounded textInput--darkText u-baseColor--textNormal textInput--transparent  u-lineHeight30 u-height32 u-verticalAlignMiddle" type="search" placeholder="Search" required="true" data-collection-id="47d34fb1aaf5"></label><a class="button button--small button--chromeless u-sm-show is-inSiteNavBar u-baseColor--buttonNormal button--withIcon button--withSvgIcon u-xs-top2" href="https://medium.com/rainist-engineering/search" title="Search" aria-label="Search"><span class="button-defaultState"><span class="svgIcon svgIcon--search svgIcon--25px"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><path d="M20.067 18.933l-4.157-4.157a6 6 0 1 0-.884.884l4.157 4.157a.624.624 0 1 0 .884-.884zM6.5 11c0-2.62 2.13-4.75 4.75-4.75S16 8.38 16 11s-2.13 4.75-4.75 4.75S6.5 13.62 6.5 11z"></path></svg></span></span></a><button class="button button--small button--circle button--chromeless is-touchIconBlackPulse is-inSiteNavBar u-baseColor--buttonNormal button--withIcon button--withSvgIcon button--activity js-notificationsButton u-marginRight10 u-xs-marginRight5 is-styleLight" title="Notifications" aria-label="Notifications" data-action="open-notifications"><span class="svgIcon svgIcon--bell svgIcon--25px"><svg class="svgIcon-use" width="25" height="25" viewBox="-293 409 25 25"><path d="M-273.327 423.67l-1.673-1.52v-3.646a5.5 5.5 0 0 0-6.04-5.474c-2.86.273-4.96 2.838-4.96 5.71v3.41l-1.68 1.553c-.204.19-.32.456-.32.734V427a1 1 0 0 0 1 1h3.49a3.079 3.079 0 0 0 3.01 2.45 3.08 3.08 0 0 0 3.01-2.45h3.49a1 1 0 0 0 1-1v-2.59c0-.28-.12-.55-.327-.74zm-7.173 5.63c-.842 0-1.55-.546-1.812-1.3h3.624a1.92 1.92 0 0 1-1.812 1.3zm6.35-2.45h-12.7v-2.347l1.63-1.51c.236-.216.37-.522.37-.843v-3.41c0-2.35 1.72-4.356 3.92-4.565a4.353 4.353 0 0 1 4.78 4.33v3.645c0 .324.137.633.376.85l1.624 1.477v2.373z"></path></svg></span></button><button class="button button--chromeless u-baseColor--buttonNormal is-inSiteNavBar js-userActions" aria-haspopup="true" data-action="open-userActions"><div class="avatar"><img src="../../../../../../../Downloads/medium_files/0-wuND6WfPFc1DD0Ec" class="avatar-image avatar-image--icon" alt="조백규"></div></button></div></div></div></div><div class="u-absolute u-sizeFullWidth u-top0 u-right0 u-textAlignCenter js-metabarLogoCentered u-hide"><a href="https://medium.com/medium.html" data-log-event="home" class="siteNav-logo u-flexCenter u-paddingTop0"><span class="svgIcon svgIcon--logoMonogram svgIcon--45px is-flushLeft u-textColorDarker"><svg class="svgIcon-use" width="45" height="45" viewBox="0 0 45 45"><path d="M5 40V5h35v35H5zm8.56-12.627c0 .555-.027.687-.318 1.03l-2.457 2.985v.396h6.974v-.396l-2.456-2.985c-.291-.343-.344-.502-.344-1.03V18.42l6.127 13.364h.714l5.256-13.364v10.644c0 .29 0 .342-.185.528l-1.848 1.796v.396h9.19v-.396l-1.822-1.796c-.184-.186-.21-.238-.21-.528V15.937c0-.291.026-.344.21-.528l1.823-1.797v-.396h-6.471l-4.622 11.542-5.203-11.542h-6.79v.396l2.14 2.64c.239.292.291.37.291.768v10.353z"></path></svg></span><span class="u-textScreenReader">Homepage</span></a></div></div></div><div class="metabar metabar--spacer js-metabarSpacer u-tintBgColor u-height65 u-xs-height56"></div><div class="collectionHeader js-collectionHeaderContainer u-relative collectionHeader--layoutMedium collectionHeader--alignmentLeft collectionHeader--withoutLogo collectionHeader--withoutBackground collectionHeader--colorBehaviorBold collectionHeader--withoutNavigation collectionHeader--editorLayoutTitle is-modeView u-tintBgColor"><div class="collectionHeader-aspectRatioTable"><div class="collectionHeader-aspectRatioContent u-backgroundSizeCover js-collectionHeaderBackground"><div class="collectionHeader-overlayBackground u-sizeViewHeight100"></div><header class="collectionHeader-heroAndInlineNav u-borderBox u-maxWidth1040 u-paddingLeft20 u-paddingRight20 u-marginAuto u-foreground js-collectionHeader"><div class="collectionHeader-hero js-collectionHeaderHero u-clearfix u-tintSpectrum"><div class="collectionHeader-heroInner"><div class="collectionHeader-logo js-collectionHeaderLogo" style=""><a class="link u-baseColor--link" href="https://medium.com/rainist-engineering" title="Go to Rainist Engineering" aria-label="Go to Rainist Engineering"><div class="u-relative u-marginAuto"><div style="padding-bottom: 75%"></div><img class="collectionHeader-logoImage js-collectionHeaderLogoImage"></div></a></div><div class="collectionHeader-nameAndDescription"><a class="link link--noUnderline u-baseColor--link" href="https://medium.com/rainist-engineering" title="Go to Rainist Engineering" aria-label="Go to Rainist Engineering"><h1 class="collectionHeader-name js-collectionName u-foreground u-baseColor--textDark u-paddingBottom4 u-lineHeightTightest u-contentSansBold u-fontSize40 u-xs-fontSize32">Rainist Engineering</h1></a><h2 class="collectionHeader-description js-collectionDescription u-foreground u-baseColor--textNormal u-contentSansRegular u-fontSize24 u-xs-fontSize18">We are creating Banksalad</h2></div></div></div></header></div><div class="collectionHeader-aspectRatioCell"><div class="collectionHeader-aspectRatioFullWidth"></div></div></div><div class="collectionHeader-blockNav"><div class="u-borderBox u-maxWidth1040 u-paddingLeft20 u-paddingRight20 u-marginAuto"><nav class="collectionHeader-nav u-clearfix js-collectionHeaderNav u-lineHeight40 u-overflowHiddenY u-tintSpectrum"><div class="buttonSet u-flex1 u-noWrap u-overflowX u-xs-marginRight15 u-paddingBottom100"><a class="button button--light button--chromeless is-touchIconBlackPulse u-baseColor--buttonLight button--withIcon button--withSvgIcon u-verticalAlignMiddle" href="https://facebook.com/rainistcompany" title="Visit “Rainist Engineering” on Facebook" aria-label="Visit “Rainist Engineering” on Facebook" rel="me" target="_blank"><span class="button-defaultState"><span class="svgIcon svgIcon--facebookFilled svgIcon--25px"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><path d="M21 12.646C21 7.65 16.97 3.6 12 3.6s-9 4.05-9 9.046a9.026 9.026 0 0 0 7.59 8.924v-6.376H8.395V12.64h2.193v-1.88c0-2.186 1.328-3.375 3.267-3.375.93 0 1.728.07 1.96.1V9.77H14.47c-1.055 0-1.26.503-1.26 1.242v1.63h2.517l-.33 2.554H13.21V21.6c4.398-.597 7.79-4.373 7.79-8.954"></path></svg></span></span></a></div><div class="buttonSet u-textAlignRight u-marginLeft18 u-flex0 u-noWrap"><button class="button button--primary u-paddingLeft10 u-paddingRight10 u-height19 u-lineHeight13 u-verticalAlignMiddle u-fontSize12 u-uiTextMedium button--small u-noUserSelect button--withChrome u-accentColor--buttonNormal js-relationshipButton is-smallPill" data-action="toggle-follow-collection" data-action-source="----47d34fb1aaf5----------------------follow_profile" data-collection-id="47d34fb1aaf5"><span class="button-label  js-buttonLabel">Follow</span></button></div></nav></div></div></div><div class="container u-maxWidth1040"><div class="row u-paddingTop20 u-paddingBottom10 u-xs-paddingTop0 js-postList"><div class="col u-xs-size12of12 u-size8of12"><nav class="u-flex heading heading--borderedBottom heading--paddedTop"><span class="u-minWidth0"><ul class="heading-tabs"><li class="heading-tabsItem u-inlineBlock js-tabsItem is-active u-fontSize16"><span class="heading-title u-inlineBlock  u-fontWeightMedium"><a class="button button--unstyled" href="https://medium.com/rainist-engineering/latest">Latest</a></span></li><li class="heading-tabsItem u-inlineBlock js-tabsItem u-fontSize16"><span class="heading-title u-inlineBlock  u-fontWeightNormal"><a class="button button--unstyled" href="https://medium.com/rainist-engineering/trending">Trending</a></span></li></ul></span></nav><div class="js-postListHandle"><div class="u-maxWidth600 js-postList" data-count="7"><div class="js-postListHandle"><div class="u-paddingTop20 u-paddingBottom25 u-borderBottomLight js-block"><div class="postArticle postArticle--short js-postArticle js-trackedPost" data-post-id="b3faf3f55777" data-source="---------0"><div class="u-clearfix u-marginBottom15 u-paddingTop5"><div class="postMetaInline u-floatLeft"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link avatar u-baseColor--link" href="https://medium.com/@devholic" data-action="show-user-card" data-action-value="7c59a12b4ac7" data-action-type="hover" data-user-id="7c59a12b4ac7" dir="auto"><img src="../../../../../../../Downloads/medium_files/1-ZZwtCUhDgks0wK_E5pVSHQ.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Sunghoon Kang"></a></div><div class="postMetaInline postMetaInline-authorLockup u-flex1 u-noWrapWithEllipsis"><a class="link link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken u-baseColor--link" href="https://medium.com/@devholic?source=---------0" data-action="show-user-card" data-action-source="---------0" data-action-value="7c59a12b4ac7" data-action-type="hover" data-user-id="7c59a12b4ac7" dir="auto">Sunghoon Kang</a> in <a class="link link--darken link--accent u-accentColor--textNormal u-baseColor--link" href="https://medium.com/rainist-engineering?source=---------0" data-action="show-collection-card" data-action-source="---------0" data-action-value="rainist-engineering" data-action-type="hover">Rainist Engineering</a><div class="u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><a class="link link--darken" href="https://medium.com/rainist-engineering/writing-aws-lambda-function-in-kotlin-b3faf3f55777?source=---------0" data-action="open-post" data-action-value="https://medium.com/rainist-engineering/writing-aws-lambda-function-in-kotlin-b3faf3f55777?source=---------0" data-action-source="preview-listing"><time datetime="2017-09-15T06:09:11.760Z">Sep 15</time></a><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="7 min read"></span></div></div></div></div></div><div class="postArticle-content"><a href="https://medium.com/rainist-engineering/writing-aws-lambda-function-in-kotlin-b3faf3f55777?source=---------0" title="Latest stories published on Rainist Engineering – Medium" aria-label="Latest stories published on Rainist Engineering – Medium" data-action="open-post" data-action-source="---------0" data-action-value="https://medium.com/rainist-engineering/writing-aws-lambda-function-in-kotlin-b3faf3f55777?source=---------0" data-action-index="0"><section class="section section--body section--first section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><figure name="previewImage" id="previewImage" class="graf graf--figure graf--layoutCroppedHeightPreview graf--leading"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 30%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*KIa4eZARMVelBWNRMd3D9Q.png" data-width="1831" data-height="1444" data-is-featured="true"><img src="../../../../../../../Downloads/medium_files/1-KIa4eZARMVelBWNRMd3D9Q.png" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/fit/t/880/264/1*KIa4eZARMVelBWNRMd3D9Q.png"><noscript class="js-progressiveMedia-inner">&lt;img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/fit/t/880/264/1*KIa4eZARMVelBWNRMd3D9Q.png"&gt;</noscript></div></div></figure><h3 name="previewTitle" id="previewTitle" class="graf graf--h3 graf-after--figure graf--title">Kotlin, AWS 그리고 레이니스트와 함께라면 육군훈련소에서도 외롭지&nbsp;않아</h3><h4 name="previewSubtitle" id="previewSubtitle" class="graf graf--h4 graf-after--h3 graf--trailing graf--subtitle">Kotlin과 AWS를 활용해 간단한 Slack 봇을 만든 경험을 통해 뱅크샐러드 Android&nbsp;앱…</h4></div></div></section></a></div><div class="postArticle-readMore"><a class="button button--smaller button--chromeless u-baseColor--buttonNormal" href="https://medium.com/rainist-engineering/writing-aws-lambda-function-in-kotlin-b3faf3f55777?source=---------0" data-action="open-post" data-action-source="---------0" data-action-value="https://medium.com/rainist-engineering/writing-aws-lambda-function-in-kotlin-b3faf3f55777?source=---------0">Read more…</a></div><div class="u-clearfix u-paddingTop10"><div class="buttonSet buttonSet--withLabels u-floatLeft"><div class="buttonSet-inner"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="b3faf3f55777" data-is-flush-left="true" data-is-compressed="true" data-source="listing"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton" data-action="multivote" data-action-value="b3faf3f55777" data-action-type="long-press" data-action-source="listing" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"></path><path d="M14.815 3.776l1.84-2.551-1.43-.471z"></path><path d="M8.378 1.224l1.84 2.551L9.81.753z"></path><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 0 1 .66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 0 1 .707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 0 0 .624-.624L4.11 14.04l-1.75-1.75a.998.998 0 1 1 1.41-1.413l4.154 4.156a.44.44 0 0 0 .624 0 .44.44 0 0 0 0-.624l-4.152-4.153-1.172-1.171a.998.998 0 0 1 0-1.41 1.018 1.018 0 0 1 1.41 0l1.172 1.17 4.153 4.152a.437.437 0 0 0 .624 0 .442.442 0 0 0 0-.624L6.43 8.222a.988.988 0 0 1-.291-.705.99.99 0 0 1 .29-.706 1 1 0 0 1 1.412 0l6.992 6.993a.443.443 0 0 0 .71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 0 1 .66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 0 1-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 0 1 1.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 0 0-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 0 0-1.095-.562 1.776 1.776 0 0 0-.992.128l-2.636-2.636a1.883 1.883 0 0 0-2.658 0 1.862 1.862 0 0 0-.478.847 1.886 1.886 0 0 0-2.671-.012 1.867 1.867 0 0 0-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 0 0 0 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 0 0 0 2.659l.624.622a1.879 1.879 0 0 0-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 0 0 1.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"></path></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"></path><path d="M16.634 1.224l-1.432-.47-.408 3.022z"></path><path d="M9.79.754l-1.431.47 1.84 2.552z"></path><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 0 0-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 0 1-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"></path><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"></path><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 0 0-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 1 1-.868.612L7.2 6.378a.986.986 0 1 0-1.395 1.395l4.401 4.403a.538.538 0 1 1-.762.762L5.046 8.54 3.802 7.295a.99.99 0 0 0-1.396 0 .981.981 0 0 0 0 1.394L3.647 9.93l4.402 4.403a.537.537 0 0 1 0 .761.535.535 0 0 1-.762 0L2.89 10.696a.992.992 0 0 0-1.399-.003.983.983 0 0 0 0 1.395l1.855 1.854 2.763 2.765a.538.538 0 0 1-.76.761l-2.765-2.764a.982.982 0 0 0-1.395 0 .989.989 0 0 0 0 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"></path></g></svg></span></span></button></div><span class="u-textAlignCenter u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-disablePointerEvents" data-action="show-recommends" data-action-value="b3faf3f55777">295</button></span></div></div></div><div class="buttonSet u-floatRight"><div class="buttonSet-inner"><button class="button button--chromeless is-touchIconFadeInPulse u-baseColor--buttonNormal button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" title="Bookmark this story to read later" aria-label="Bookmark this story to read later" data-action="add-to-bookmarks" data-action-value="b3faf3f55777"><span class="button-defaultState"><span class="svgIcon svgIcon--bookmark svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 16.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V6zm-6.838 9.97L7 19.636V6c0-.55.45-1 1-1h9c.55 0 1 .45 1 1v13.637l-5.162-3.668a.49.49 0 0 0-.676 0z" fill-rule="evenodd"></path></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="26" viewBox="0 0 25 26"><path d="M19 7c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 17.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V7z" fill-rule="evenodd"></path></svg></span></span></button></div></div></div></div></div><div class="u-paddingTop20 u-paddingBottom25 u-borderBottomLight js-block"><div class="postArticle postArticle--short js-postArticle js-trackedPost" data-post-id="eac147f59ae" data-source="---------1"><div class="u-clearfix u-marginBottom15 u-paddingTop5"><div class="postMetaInline u-floatLeft"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link avatar u-baseColor--link" href="https://medium.com/@yujinjeong" data-action="show-user-card" data-action-value="2e5c3ed06ba4" data-action-type="hover" data-user-id="2e5c3ed06ba4" dir="auto"><img src="../../../../../../../Downloads/medium_files/0-Qsw_Mvfmn_2uFNOU" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Yujin Jeong"></a></div><div class="postMetaInline postMetaInline-authorLockup u-flex1 u-noWrapWithEllipsis"><a class="link link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken u-baseColor--link" href="https://medium.com/@yujinjeong?source=---------1" data-action="show-user-card" data-action-source="---------1" data-action-value="2e5c3ed06ba4" data-action-type="hover" data-user-id="2e5c3ed06ba4" dir="auto">Yujin Jeong</a> in <a class="link link--darken link--accent u-accentColor--textNormal u-baseColor--link" href="https://medium.com/rainist-engineering?source=---------1" data-action="show-collection-card" data-action-source="---------1" data-action-value="rainist-engineering" data-action-type="hover">Rainist Engineering</a><div class="u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><a class="link link--darken" href="https://medium.com/rainist-engineering/safe-localstorage-using-typescdript-eac147f59ae?source=---------1" data-action="open-post" data-action-value="https://medium.com/rainist-engineering/safe-localstorage-using-typescdript-eac147f59ae?source=---------1" data-action-source="preview-listing"><time datetime="2017-08-03T09:42:53.520Z">Aug 3</time></a><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="6 min read"></span></div></div></div></div></div><div class="postArticle-content"><a href="https://medium.com/rainist-engineering/safe-localstorage-using-typescdript-eac147f59ae?source=---------1" title="Latest stories published on Rainist Engineering – Medium" aria-label="Latest stories published on Rainist Engineering – Medium" data-action="open-post" data-action-source="---------1" data-action-value="https://medium.com/rainist-engineering/safe-localstorage-using-typescdript-eac147f59ae?source=---------1" data-action-index="1"><section class="section section--body section--first section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><figure name="previewImage" id="previewImage" class="graf graf--figure graf--layoutCroppedHeightPreview graf--leading"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 30%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*w3zjWoOeDNp7fw9vuiqaTw.png" data-width="800" data-height="200" data-is-featured="true"><img src="../../../../../../../Downloads/medium_files/1-w3zjWoOeDNp7fw9vuiqaTw.png" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/fit/t/880/264/1*w3zjWoOeDNp7fw9vuiqaTw.png"><noscript class="js-progressiveMedia-inner">&lt;img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/fit/t/880/264/1*w3zjWoOeDNp7fw9vuiqaTw.png"&gt;</noscript></div></div></figure><h3 name="f17d" id="f17d" class="graf graf--h3 graf-after--figure graf--title">Typescript로 Local Storage 안전하게&nbsp;사용하기</h3><p name="f21a" id="f21a" class="graf graf--p graf-after--h3 graf--trailing">최근 1년 간 뱅크샐러드 웹은 많은 변화가 있었습니다. 새로운 금융상품 추천부터 어려운 금융지식을 풀어쓰는 매거진 까지 다양한 기능을 제공하고 많은 사용자들이 방문하기 시작…</p></div></div></section></a></div><div class="postArticle-readMore"><a class="button button--smaller button--chromeless u-baseColor--buttonNormal" href="https://medium.com/rainist-engineering/safe-localstorage-using-typescdript-eac147f59ae?source=---------1" data-action="open-post" data-action-source="---------1" data-action-value="https://medium.com/rainist-engineering/safe-localstorage-using-typescdript-eac147f59ae?source=---------1">Read more…</a></div><div class="u-clearfix u-paddingTop10"><div class="buttonSet buttonSet--withLabels u-floatLeft"><div class="buttonSet-inner"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="eac147f59ae" data-is-flush-left="true" data-is-compressed="true" data-source="listing"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton" data-action="multivote" data-action-value="eac147f59ae" data-action-type="long-press" data-action-source="listing" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"></path><path d="M14.815 3.776l1.84-2.551-1.43-.471z"></path><path d="M8.378 1.224l1.84 2.551L9.81.753z"></path><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 0 1 .66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 0 1 .707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 0 0 .624-.624L4.11 14.04l-1.75-1.75a.998.998 0 1 1 1.41-1.413l4.154 4.156a.44.44 0 0 0 .624 0 .44.44 0 0 0 0-.624l-4.152-4.153-1.172-1.171a.998.998 0 0 1 0-1.41 1.018 1.018 0 0 1 1.41 0l1.172 1.17 4.153 4.152a.437.437 0 0 0 .624 0 .442.442 0 0 0 0-.624L6.43 8.222a.988.988 0 0 1-.291-.705.99.99 0 0 1 .29-.706 1 1 0 0 1 1.412 0l6.992 6.993a.443.443 0 0 0 .71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 0 1 .66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 0 1-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 0 1 1.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 0 0-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 0 0-1.095-.562 1.776 1.776 0 0 0-.992.128l-2.636-2.636a1.883 1.883 0 0 0-2.658 0 1.862 1.862 0 0 0-.478.847 1.886 1.886 0 0 0-2.671-.012 1.867 1.867 0 0 0-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 0 0 0 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 0 0 0 2.659l.624.622a1.879 1.879 0 0 0-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 0 0 1.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"></path></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"></path><path d="M16.634 1.224l-1.432-.47-.408 3.022z"></path><path d="M9.79.754l-1.431.47 1.84 2.552z"></path><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 0 0-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 0 1-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"></path><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"></path><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 0 0-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 1 1-.868.612L7.2 6.378a.986.986 0 1 0-1.395 1.395l4.401 4.403a.538.538 0 1 1-.762.762L5.046 8.54 3.802 7.295a.99.99 0 0 0-1.396 0 .981.981 0 0 0 0 1.394L3.647 9.93l4.402 4.403a.537.537 0 0 1 0 .761.535.535 0 0 1-.762 0L2.89 10.696a.992.992 0 0 0-1.399-.003.983.983 0 0 0 0 1.395l1.855 1.854 2.763 2.765a.538.538 0 0 1-.76.761l-2.765-2.764a.982.982 0 0 0-1.395 0 .989.989 0 0 0 0 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"></path></g></svg></span></span></button></div><span class="u-textAlignCenter u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-disablePointerEvents" data-action="show-recommends" data-action-value="eac147f59ae">18</button></span></div></div></div><div class="buttonSet u-floatRight"><div class="buttonSet-inner"><button class="button button--chromeless is-touchIconFadeInPulse u-baseColor--buttonNormal button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" title="Bookmark this story to read later" aria-label="Bookmark this story to read later" data-action="add-to-bookmarks" data-action-value="eac147f59ae"><span class="button-defaultState"><span class="svgIcon svgIcon--bookmark svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 16.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V6zm-6.838 9.97L7 19.636V6c0-.55.45-1 1-1h9c.55 0 1 .45 1 1v13.637l-5.162-3.668a.49.49 0 0 0-.676 0z" fill-rule="evenodd"></path></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="26" viewBox="0 0 25 26"><path d="M19 7c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 17.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V7z" fill-rule="evenodd"></path></svg></span></span></button></div></div></div></div></div><div class="u-paddingTop20 u-paddingBottom25 u-borderBottomLight js-block"><div class="postArticle postArticle--short js-postArticle js-trackedPost" data-post-id="d948d8d3db80" data-source="---------2"><div class="u-clearfix u-marginBottom15 u-paddingTop5"><div class="postMetaInline u-floatLeft"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link avatar u-baseColor--link" href="https://medium.com/@devholic" data-action="show-user-card" data-action-value="7c59a12b4ac7" data-action-type="hover" data-user-id="7c59a12b4ac7" dir="auto"><img src="../../../../../../../Downloads/medium_files/1-ZZwtCUhDgks0wK_E5pVSHQ.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Sunghoon Kang"></a></div><div class="postMetaInline postMetaInline-authorLockup u-flex1 u-noWrapWithEllipsis"><a class="link link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken u-baseColor--link" href="https://medium.com/@devholic?source=---------2" data-action="show-user-card" data-action-source="---------2" data-action-value="7c59a12b4ac7" data-action-type="hover" data-user-id="7c59a12b4ac7" dir="auto">Sunghoon Kang</a> in <a class="link link--darken link--accent u-accentColor--textNormal u-baseColor--link" href="https://medium.com/rainist-engineering?source=---------2" data-action="show-collection-card" data-action-source="---------2" data-action-value="rainist-engineering" data-action-type="hover">Rainist Engineering</a><div class="u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><a class="link link--darken" href="https://medium.com/rainist-engineering/handling-back-button-with-rxjava-d948d8d3db80?source=---------2" data-action="open-post" data-action-value="https://medium.com/rainist-engineering/handling-back-button-with-rxjava-d948d8d3db80?source=---------2" data-action-source="preview-listing"><time datetime="2017-06-28T02:00:48.911Z">Jun 28</time></a><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="4 min read"></span></div></div></div></div></div><div class="postArticle-content"><a href="https://medium.com/rainist-engineering/handling-back-button-with-rxjava-d948d8d3db80?source=---------2" title="Latest stories published on Rainist Engineering – Medium" aria-label="Latest stories published on Rainist Engineering – Medium" data-action="open-post" data-action-source="---------2" data-action-value="https://medium.com/rainist-engineering/handling-back-button-with-rxjava-d948d8d3db80?source=---------2" data-action-index="2"><section class="section section--body section--first section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><figure name="previewImage" id="previewImage" class="graf graf--figure graf--layoutCroppedHeightPreview graf--leading"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 30%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*0yo8azTvqfibGBQWn_aiBw.gif" data-width="480" data-height="853" data-is-featured="true"><img src="../../../../../../../Downloads/medium_files/1-0yo8azTvqfibGBQWn_aiBw.gif" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/fit/t/880/264/1*0yo8azTvqfibGBQWn_aiBw.gif"><noscript class="js-progressiveMedia-inner">&lt;img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/fit/t/880/264/1*0yo8azTvqfibGBQWn_aiBw.gif"&gt;</noscript></div></div></figure><h3 name="previewTitle" id="previewTitle" class="graf graf--h3 graf-after--figure graf--title">RxJava로 뒤로가기 버튼 확인 기능&nbsp;구현하기</h3><h4 name="previewSubtitle" id="previewSubtitle" class="graf graf--h4 graf-after--h3 graf--trailing graf--subtitle">RxJava로 뒤로가기 버튼을 두번 눌러 종료하는 기능을 어떻게 구현했는지에 대해&nbsp;공유합니다.</h4></div></div></section></a></div><div class="postArticle-readMore"><a class="button button--smaller button--chromeless u-baseColor--buttonNormal" href="https://medium.com/rainist-engineering/handling-back-button-with-rxjava-d948d8d3db80?source=---------2" data-action="open-post" data-action-source="---------2" data-action-value="https://medium.com/rainist-engineering/handling-back-button-with-rxjava-d948d8d3db80?source=---------2">Read more…</a></div><div class="u-clearfix u-paddingTop10"><div class="buttonSet buttonSet--withLabels u-floatLeft"><div class="buttonSet-inner"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="d948d8d3db80" data-is-flush-left="true" data-is-compressed="true" data-source="listing"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton" data-action="multivote" data-action-value="d948d8d3db80" data-action-type="long-press" data-action-source="listing" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"></path><path d="M14.815 3.776l1.84-2.551-1.43-.471z"></path><path d="M8.378 1.224l1.84 2.551L9.81.753z"></path><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 0 1 .66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 0 1 .707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 0 0 .624-.624L4.11 14.04l-1.75-1.75a.998.998 0 1 1 1.41-1.413l4.154 4.156a.44.44 0 0 0 .624 0 .44.44 0 0 0 0-.624l-4.152-4.153-1.172-1.171a.998.998 0 0 1 0-1.41 1.018 1.018 0 0 1 1.41 0l1.172 1.17 4.153 4.152a.437.437 0 0 0 .624 0 .442.442 0 0 0 0-.624L6.43 8.222a.988.988 0 0 1-.291-.705.99.99 0 0 1 .29-.706 1 1 0 0 1 1.412 0l6.992 6.993a.443.443 0 0 0 .71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 0 1 .66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 0 1-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 0 1 1.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 0 0-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 0 0-1.095-.562 1.776 1.776 0 0 0-.992.128l-2.636-2.636a1.883 1.883 0 0 0-2.658 0 1.862 1.862 0 0 0-.478.847 1.886 1.886 0 0 0-2.671-.012 1.867 1.867 0 0 0-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 0 0 0 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 0 0 0 2.659l.624.622a1.879 1.879 0 0 0-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 0 0 1.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"></path></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"></path><path d="M16.634 1.224l-1.432-.47-.408 3.022z"></path><path d="M9.79.754l-1.431.47 1.84 2.552z"></path><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 0 0-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 0 1-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"></path><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"></path><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 0 0-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 1 1-.868.612L7.2 6.378a.986.986 0 1 0-1.395 1.395l4.401 4.403a.538.538 0 1 1-.762.762L5.046 8.54 3.802 7.295a.99.99 0 0 0-1.396 0 .981.981 0 0 0 0 1.394L3.647 9.93l4.402 4.403a.537.537 0 0 1 0 .761.535.535 0 0 1-.762 0L2.89 10.696a.992.992 0 0 0-1.399-.003.983.983 0 0 0 0 1.395l1.855 1.854 2.763 2.765a.538.538 0 0 1-.76.761l-2.765-2.764a.982.982 0 0 0-1.395 0 .989.989 0 0 0 0 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"></path></g></svg></span></span></button></div><span class="u-textAlignCenter u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-disablePointerEvents" data-action="show-recommends" data-action-value="d948d8d3db80">13</button></span></div></div></div><div class="buttonSet u-floatRight"><div class="buttonSet-inner"><a class="button button--chromeless u-baseColor--buttonNormal" href="https://medium.com/rainist-engineering/handling-back-button-with-rxjava-d948d8d3db80?source=---------2#--responses" data-action-source="---------2">2 responses</a><button class="button button--chromeless is-touchIconFadeInPulse u-baseColor--buttonNormal button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" title="Bookmark this story to read later" aria-label="Bookmark this story to read later" data-action="add-to-bookmarks" data-action-value="d948d8d3db80"><span class="button-defaultState"><span class="svgIcon svgIcon--bookmark svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 16.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V6zm-6.838 9.97L7 19.636V6c0-.55.45-1 1-1h9c.55 0 1 .45 1 1v13.637l-5.162-3.668a.49.49 0 0 0-.676 0z" fill-rule="evenodd"></path></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="26" viewBox="0 0 25 26"><path d="M19 7c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 17.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V7z" fill-rule="evenodd"></path></svg></span></span></button></div></div></div></div></div><div class="u-paddingTop20 u-paddingBottom25 u-borderBottomLight js-block"><div class="postArticle postArticle--short js-postArticle js-trackedPost" data-post-id="3aea3ff9051c" data-source="---------3"><div class="u-clearfix u-marginBottom15 u-paddingTop5"><div class="postMetaInline u-floatLeft"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link avatar u-baseColor--link" href="https://medium.com/@devholic" data-action="show-user-card" data-action-value="7c59a12b4ac7" data-action-type="hover" data-user-id="7c59a12b4ac7" dir="auto"><img src="../../../../../../../Downloads/medium_files/1-ZZwtCUhDgks0wK_E5pVSHQ.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Sunghoon Kang"></a></div><div class="postMetaInline postMetaInline-authorLockup u-flex1 u-noWrapWithEllipsis"><a class="link link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken u-baseColor--link" href="https://medium.com/@devholic?source=---------3" data-action="show-user-card" data-action-source="---------3" data-action-value="7c59a12b4ac7" data-action-type="hover" data-user-id="7c59a12b4ac7" dir="auto">Sunghoon Kang</a> in <a class="link link--darken link--accent u-accentColor--textNormal u-baseColor--link" href="https://medium.com/rainist-engineering?source=---------3" data-action="show-collection-card" data-action-source="---------3" data-action-value="rainist-engineering" data-action-type="hover">Rainist Engineering</a><div class="u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><a class="link link--darken" href="https://medium.com/rainist-engineering/migrate-from-rxjava1-to-rxjava2-3aea3ff9051c?source=---------3" data-action="open-post" data-action-value="https://medium.com/rainist-engineering/migrate-from-rxjava1-to-rxjava2-3aea3ff9051c?source=---------3" data-action-source="preview-listing"><time datetime="2017-04-10T14:49:50.989Z">Apr 10</time></a><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="12 min read"></span></div></div></div></div></div><div class="postArticle-content"><a href="https://medium.com/rainist-engineering/migrate-from-rxjava1-to-rxjava2-3aea3ff9051c?source=---------3" title="Latest stories published on Rainist Engineering – Medium" aria-label="Latest stories published on Rainist Engineering – Medium" data-action="open-post" data-action-source="---------3" data-action-value="https://medium.com/rainist-engineering/migrate-from-rxjava1-to-rxjava2-3aea3ff9051c?source=---------3" data-action-index="3"><section class="section section--body section--first section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><h3 name="bdba" id="bdba" class="graf graf--h3 graf--leading graf--title">RxJava2를 도입하며</h3><p name="cfb3" id="cfb3" class="graf graf--p graf-after--h3">레이니스트에서는 뱅크샐러드 안드로이드 앱의 경우에는 <span class="markup--anchor markup--p-anchor" data-action="open-inner-link" data-action-value="https://github.com/ReactiveX/RxJava"><em class="markup--em markup--p-em">RxJava</em></span>와 <span class="markup--anchor markup--p-anchor" data-action="open-inner-link" data-action-value="https://github.com/ReactiveX/RxAndroid"><em class="markup--em markup--p-em">RxAndroid</em></span>, iOS의 경우 <span class="markup--anchor markup--p-anchor" data-action="open-inner-link" data-action-value="https://github.com/ReactiveX/RxSwift"><em class="markup--em markup--p-em">RxSwift</em></span>, 공식 웹사이트에서는 <span class="markup--anchor markup--p-anchor" data-action="open-inner-link" data-action-value="https://github.com/ReactiveX/RxJS"><em class="markup--em markup--p-em">RxJS</em></span>를 사용하는 등 플랫폼을 가리지 않고 <span class="markup--anchor markup--p-anchor" data-action="open-inner-link" data-action-value="http://reactivex.io/"><em class="markup--em markup--p-em">ReactiveX</em></span>를 적극적으로 사용하고 있습니다.</p><figure name="028a" id="028a" class="graf graf--figure graf--layoutConstrainedHeightPreview graf-after--p graf--trailing"><div class="aspectRatioPlaceholder is-locked" style="max-width: 600px; max-height: 240px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 40%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*eiCEKhoszgqTd3ydJDFjzA.png" data-width="1400" data-height="560"><img src="../../../../../../../Downloads/medium_files/1-eiCEKhoszgqTd3ydJDFjzA.png" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/660/1*eiCEKhoszgqTd3ydJDFjzA.png"><noscript class="js-progressiveMedia-inner">&lt;img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/max/660/1*eiCEKhoszgqTd3ydJDFjzA.png"&gt;</noscript></div></div></figure></div></div></section></a></div><div class="postArticle-readMore"><a class="button button--smaller button--chromeless u-baseColor--buttonNormal" href="https://medium.com/rainist-engineering/migrate-from-rxjava1-to-rxjava2-3aea3ff9051c?source=---------3" data-action="open-post" data-action-source="---------3" data-action-value="https://medium.com/rainist-engineering/migrate-from-rxjava1-to-rxjava2-3aea3ff9051c?source=---------3">Read more…</a></div><div class="u-clearfix u-paddingTop10"><div class="buttonSet buttonSet--withLabels u-floatLeft"><div class="buttonSet-inner"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="3aea3ff9051c" data-is-flush-left="true" data-is-compressed="true" data-source="listing"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton" data-action="multivote" data-action-value="3aea3ff9051c" data-action-type="long-press" data-action-source="listing" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"></path><path d="M14.815 3.776l1.84-2.551-1.43-.471z"></path><path d="M8.378 1.224l1.84 2.551L9.81.753z"></path><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 0 1 .66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 0 1 .707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 0 0 .624-.624L4.11 14.04l-1.75-1.75a.998.998 0 1 1 1.41-1.413l4.154 4.156a.44.44 0 0 0 .624 0 .44.44 0 0 0 0-.624l-4.152-4.153-1.172-1.171a.998.998 0 0 1 0-1.41 1.018 1.018 0 0 1 1.41 0l1.172 1.17 4.153 4.152a.437.437 0 0 0 .624 0 .442.442 0 0 0 0-.624L6.43 8.222a.988.988 0 0 1-.291-.705.99.99 0 0 1 .29-.706 1 1 0 0 1 1.412 0l6.992 6.993a.443.443 0 0 0 .71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 0 1 .66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 0 1-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 0 1 1.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 0 0-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 0 0-1.095-.562 1.776 1.776 0 0 0-.992.128l-2.636-2.636a1.883 1.883 0 0 0-2.658 0 1.862 1.862 0 0 0-.478.847 1.886 1.886 0 0 0-2.671-.012 1.867 1.867 0 0 0-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 0 0 0 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 0 0 0 2.659l.624.622a1.879 1.879 0 0 0-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 0 0 1.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"></path></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"></path><path d="M16.634 1.224l-1.432-.47-.408 3.022z"></path><path d="M9.79.754l-1.431.47 1.84 2.552z"></path><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 0 0-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 0 1-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"></path><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"></path><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 0 0-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 1 1-.868.612L7.2 6.378a.986.986 0 1 0-1.395 1.395l4.401 4.403a.538.538 0 1 1-.762.762L5.046 8.54 3.802 7.295a.99.99 0 0 0-1.396 0 .981.981 0 0 0 0 1.394L3.647 9.93l4.402 4.403a.537.537 0 0 1 0 .761.535.535 0 0 1-.762 0L2.89 10.696a.992.992 0 0 0-1.399-.003.983.983 0 0 0 0 1.395l1.855 1.854 2.763 2.765a.538.538 0 0 1-.76.761l-2.765-2.764a.982.982 0 0 0-1.395 0 .989.989 0 0 0 0 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"></path></g></svg></span></span></button></div><span class="u-textAlignCenter u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-disablePointerEvents" data-action="show-recommends" data-action-value="3aea3ff9051c">34</button></span></div></div></div><div class="buttonSet u-floatRight"><div class="buttonSet-inner"><a class="button button--chromeless u-baseColor--buttonNormal" href="https://medium.com/rainist-engineering/migrate-from-rxjava1-to-rxjava2-3aea3ff9051c?source=---------3#--responses" data-action-source="---------3">1 response</a><button class="button button--chromeless is-touchIconFadeInPulse u-baseColor--buttonNormal button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" title="Bookmark this story to read later" aria-label="Bookmark this story to read later" data-action="add-to-bookmarks" data-action-value="3aea3ff9051c"><span class="button-defaultState"><span class="svgIcon svgIcon--bookmark svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 16.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V6zm-6.838 9.97L7 19.636V6c0-.55.45-1 1-1h9c.55 0 1 .45 1 1v13.637l-5.162-3.668a.49.49 0 0 0-.676 0z" fill-rule="evenodd"></path></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="26" viewBox="0 0 25 26"><path d="M19 7c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 17.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V7z" fill-rule="evenodd"></path></svg></span></span></button></div></div></div></div></div><div class="u-paddingTop20 u-paddingBottom25 u-borderBottomLight js-block"><div class="postArticle postArticle--short js-postArticle js-trackedPost" data-post-id="e15a081e4604" data-source="---------4"><div class="u-clearfix u-marginBottom15 u-paddingTop5"><div class="postMetaInline u-floatLeft"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link avatar u-baseColor--link" href="https://medium.com/@devholic" data-action="show-user-card" data-action-value="7c59a12b4ac7" data-action-type="hover" data-user-id="7c59a12b4ac7" dir="auto"><img src="../../../../../../../Downloads/medium_files/1-ZZwtCUhDgks0wK_E5pVSHQ.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Sunghoon Kang"></a></div><div class="postMetaInline postMetaInline-authorLockup u-flex1 u-noWrapWithEllipsis"><a class="link link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken u-baseColor--link" href="https://medium.com/@devholic?source=---------4" data-action="show-user-card" data-action-source="---------4" data-action-value="7c59a12b4ac7" data-action-type="hover" data-user-id="7c59a12b4ac7" dir="auto">Sunghoon Kang</a> in <a class="link link--darken link--accent u-accentColor--textNormal u-baseColor--link" href="https://medium.com/rainist-engineering?source=---------4" data-action="show-collection-card" data-action-source="---------4" data-action-value="rainist-engineering" data-action-type="hover">Rainist Engineering</a><div class="u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><a class="link link--darken" href="https://medium.com/rainist-engineering/%EB%AA%A8%EB%93%88%ED%99%94%EB%A1%9C-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EB%B9%8C%EB%93%9C-%EC%8B%9C%EA%B0%84-%EC%A4%84%EC%9D%B4%EA%B8%B0-e15a081e4604?source=---------4" data-action="open-post" data-action-value="https://medium.com/rainist-engineering/%EB%AA%A8%EB%93%88%ED%99%94%EB%A1%9C-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EB%B9%8C%EB%93%9C-%EC%8B%9C%EA%B0%84-%EC%A4%84%EC%9D%B4%EA%B8%B0-e15a081e4604?source=---------4" data-action-source="preview-listing"><time datetime="2017-02-21T17:38:05.502Z">Feb 22</time></a><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="8 min read"></span></div></div></div></div></div><div class="postArticle-content"><a href="https://medium.com/rainist-engineering/%EB%AA%A8%EB%93%88%ED%99%94%EB%A1%9C-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EB%B9%8C%EB%93%9C-%EC%8B%9C%EA%B0%84-%EC%A4%84%EC%9D%B4%EA%B8%B0-e15a081e4604?source=---------4" title="Latest stories published on Rainist Engineering – Medium" aria-label="Latest stories published on Rainist Engineering – Medium" data-action="open-post" data-action-source="---------4" data-action-value="https://medium.com/rainist-engineering/%EB%AA%A8%EB%93%88%ED%99%94%EB%A1%9C-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EB%B9%8C%EB%93%9C-%EC%8B%9C%EA%B0%84-%EC%A4%84%EC%9D%B4%EA%B8%B0-e15a081e4604?source=---------4" data-action-index="4"><section class="section section--body section--first section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><figure name="previewImage" id="previewImage" class="graf graf--figure graf--layoutCroppedHeightPreview graf--leading"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 30%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*G3g4qxNjSPXTb5SI9Lxu-A.png" data-width="1770" data-height="1372"><img src="../../../../../../../Downloads/medium_files/1-G3g4qxNjSPXTb5SI9Lxu-A.png" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/fit/t/880/264/1*G3g4qxNjSPXTb5SI9Lxu-A.png"><noscript class="js-progressiveMedia-inner">&lt;img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/fit/t/880/264/1*G3g4qxNjSPXTb5SI9Lxu-A.png"&gt;</noscript></div></div></figure><h3 name="previewTitle" id="previewTitle" class="graf graf--h3 graf-after--figure graf--title">모듈화로 안드로이드 빌드 시간&nbsp;줄이기</h3><h4 name="previewSubtitle" id="previewSubtitle" class="graf graf--h4 graf-after--h3 graf--trailing graf--subtitle">뱅크샐러드 Android 프로젝트에 모듈화를 적용하며 겪었던 바를&nbsp;공유합니다.</h4></div></div></section></a></div><div class="postArticle-readMore"><a class="button button--smaller button--chromeless u-baseColor--buttonNormal" href="https://medium.com/rainist-engineering/%EB%AA%A8%EB%93%88%ED%99%94%EB%A1%9C-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EB%B9%8C%EB%93%9C-%EC%8B%9C%EA%B0%84-%EC%A4%84%EC%9D%B4%EA%B8%B0-e15a081e4604?source=---------4" data-action="open-post" data-action-source="---------4" data-action-value="https://medium.com/rainist-engineering/%EB%AA%A8%EB%93%88%ED%99%94%EB%A1%9C-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EB%B9%8C%EB%93%9C-%EC%8B%9C%EA%B0%84-%EC%A4%84%EC%9D%B4%EA%B8%B0-e15a081e4604?source=---------4">Read more…</a></div><div class="u-clearfix u-paddingTop10"><div class="buttonSet buttonSet--withLabels u-floatLeft"><div class="buttonSet-inner"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="e15a081e4604" data-is-flush-left="true" data-is-compressed="true" data-source="listing"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton" data-action="multivote" data-action-value="e15a081e4604" data-action-type="long-press" data-action-source="listing" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"></path><path d="M14.815 3.776l1.84-2.551-1.43-.471z"></path><path d="M8.378 1.224l1.84 2.551L9.81.753z"></path><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 0 1 .66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 0 1 .707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 0 0 .624-.624L4.11 14.04l-1.75-1.75a.998.998 0 1 1 1.41-1.413l4.154 4.156a.44.44 0 0 0 .624 0 .44.44 0 0 0 0-.624l-4.152-4.153-1.172-1.171a.998.998 0 0 1 0-1.41 1.018 1.018 0 0 1 1.41 0l1.172 1.17 4.153 4.152a.437.437 0 0 0 .624 0 .442.442 0 0 0 0-.624L6.43 8.222a.988.988 0 0 1-.291-.705.99.99 0 0 1 .29-.706 1 1 0 0 1 1.412 0l6.992 6.993a.443.443 0 0 0 .71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 0 1 .66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 0 1-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 0 1 1.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 0 0-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 0 0-1.095-.562 1.776 1.776 0 0 0-.992.128l-2.636-2.636a1.883 1.883 0 0 0-2.658 0 1.862 1.862 0 0 0-.478.847 1.886 1.886 0 0 0-2.671-.012 1.867 1.867 0 0 0-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 0 0 0 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 0 0 0 2.659l.624.622a1.879 1.879 0 0 0-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 0 0 1.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"></path></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"></path><path d="M16.634 1.224l-1.432-.47-.408 3.022z"></path><path d="M9.79.754l-1.431.47 1.84 2.552z"></path><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 0 0-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 0 1-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"></path><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"></path><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 0 0-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 1 1-.868.612L7.2 6.378a.986.986 0 1 0-1.395 1.395l4.401 4.403a.538.538 0 1 1-.762.762L5.046 8.54 3.802 7.295a.99.99 0 0 0-1.396 0 .981.981 0 0 0 0 1.394L3.647 9.93l4.402 4.403a.537.537 0 0 1 0 .761.535.535 0 0 1-.762 0L2.89 10.696a.992.992 0 0 0-1.399-.003.983.983 0 0 0 0 1.395l1.855 1.854 2.763 2.765a.538.538 0 0 1-.76.761l-2.765-2.764a.982.982 0 0 0-1.395 0 .989.989 0 0 0 0 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"></path></g></svg></span></span></button></div><span class="u-textAlignCenter u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-disablePointerEvents" data-action="show-recommends" data-action-value="e15a081e4604">15</button></span></div></div></div><div class="buttonSet u-floatRight"><div class="buttonSet-inner"><a class="button button--chromeless u-baseColor--buttonNormal" href="https://medium.com/rainist-engineering/%EB%AA%A8%EB%93%88%ED%99%94%EB%A1%9C-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EB%B9%8C%EB%93%9C-%EC%8B%9C%EA%B0%84-%EC%A4%84%EC%9D%B4%EA%B8%B0-e15a081e4604?source=---------4#--responses" data-action-source="---------4">1 response</a><button class="button button--chromeless is-touchIconFadeInPulse u-baseColor--buttonNormal button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" title="Bookmark this story to read later" aria-label="Bookmark this story to read later" data-action="add-to-bookmarks" data-action-value="e15a081e4604"><span class="button-defaultState"><span class="svgIcon svgIcon--bookmark svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 16.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V6zm-6.838 9.97L7 19.636V6c0-.55.45-1 1-1h9c.55 0 1 .45 1 1v13.637l-5.162-3.668a.49.49 0 0 0-.676 0z" fill-rule="evenodd"></path></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="26" viewBox="0 0 25 26"><path d="M19 7c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 17.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V7z" fill-rule="evenodd"></path></svg></span></span></button></div></div></div></div></div><div class="u-paddingTop20 u-paddingBottom25 u-borderBottomLight js-block"><div class="postArticle postArticle--short js-postArticle js-trackedPost" data-post-id="d491125abeb9" data-source="---------5"><div class="u-clearfix u-marginBottom15 u-paddingTop5"><div class="postMetaInline u-floatLeft"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link avatar u-baseColor--link" href="https://medium.com/@hyunmin.choi" data-action="show-user-card" data-action-value="f2ac364bc766" data-action-type="hover" data-user-id="f2ac364bc766" dir="auto"><img src="../../../../../../../Downloads/medium_files/1-1MQqtKPnqx1GoKUBdQ_Bjw.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Hyun Min Choi"></a></div><div class="postMetaInline postMetaInline-authorLockup u-flex1 u-noWrapWithEllipsis"><a class="link link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken u-baseColor--link" href="https://medium.com/@hyunmin.choi?source=---------5" data-action="show-user-card" data-action-source="---------5" data-action-value="f2ac364bc766" data-action-type="hover" data-user-id="f2ac364bc766" dir="auto">Hyun Min Choi</a> in <a class="link link--darken link--accent u-accentColor--textNormal u-baseColor--link" href="https://medium.com/rainist-engineering?source=---------5" data-action="show-collection-card" data-action-source="---------5" data-action-value="rainist-engineering" data-action-type="hover">Rainist Engineering</a><div class="u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><a class="link link--darken" href="https://medium.com/rainist-engineering/%EC%8A%A4%EC%B9%BC%EB%9D%BC%EC%9D%98-%EB%8F%84%EC%9E%85%EC%9D%84-%ED%9A%8C%EA%B3%A0%ED%95%98%EB%A9%B0-d491125abeb9?source=---------5" data-action="open-post" data-action-value="https://medium.com/rainist-engineering/%EC%8A%A4%EC%B9%BC%EB%9D%BC%EC%9D%98-%EB%8F%84%EC%9E%85%EC%9D%84-%ED%9A%8C%EA%B3%A0%ED%95%98%EB%A9%B0-d491125abeb9?source=---------5" data-action-source="preview-listing"><time datetime="2017-02-19T12:53:51.581Z">Feb 19</time></a><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="20 min read"></span></div></div></div></div></div><div class="postArticle-content"><a href="https://medium.com/rainist-engineering/%EC%8A%A4%EC%B9%BC%EB%9D%BC%EC%9D%98-%EB%8F%84%EC%9E%85%EC%9D%84-%ED%9A%8C%EA%B3%A0%ED%95%98%EB%A9%B0-d491125abeb9?source=---------5" title="Latest stories published on Rainist Engineering – Medium" aria-label="Latest stories published on Rainist Engineering – Medium" data-action="open-post" data-action-source="---------5" data-action-value="https://medium.com/rainist-engineering/%EC%8A%A4%EC%B9%BC%EB%9D%BC%EC%9D%98-%EB%8F%84%EC%9E%85%EC%9D%84-%ED%9A%8C%EA%B3%A0%ED%95%98%EB%A9%B0-d491125abeb9?source=---------5" data-action-index="5"><section class="section section--body section--first section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><figure name="previewImage" id="previewImage" class="graf graf--figure graf--layoutCroppedHeightPreview graf--leading"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 30%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*MNh0vstLc7Zhvox8BS4nnQ.png" data-width="250" data-height="250"><img src="../../../../../../../Downloads/medium_files/1-MNh0vstLc7Zhvox8BS4nnQ.png" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/fit/t/880/264/1*MNh0vstLc7Zhvox8BS4nnQ.png"><noscript class="js-progressiveMedia-inner">&lt;img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/fit/t/880/264/1*MNh0vstLc7Zhvox8BS4nnQ.png"&gt;</noscript></div></div></figure><h3 name="previewTitle" id="previewTitle" class="graf graf--h3 graf-after--figure graf--title">스칼라의 도입을&nbsp;회고하며</h3><h4 name="previewSubtitle" id="previewSubtitle" class="graf graf--h4 graf-after--h3 graf--trailing graf--subtitle">레이니스트의 카드 추천 서버 알프레드를 스칼라로 개발하고 난 뒤 느낀 점들을 솔직하게&nbsp;회고해봅니다.</h4></div></div></section></a></div><div class="postArticle-readMore"><a class="button button--smaller button--chromeless u-baseColor--buttonNormal" href="https://medium.com/rainist-engineering/%EC%8A%A4%EC%B9%BC%EB%9D%BC%EC%9D%98-%EB%8F%84%EC%9E%85%EC%9D%84-%ED%9A%8C%EA%B3%A0%ED%95%98%EB%A9%B0-d491125abeb9?source=---------5" data-action="open-post" data-action-source="---------5" data-action-value="https://medium.com/rainist-engineering/%EC%8A%A4%EC%B9%BC%EB%9D%BC%EC%9D%98-%EB%8F%84%EC%9E%85%EC%9D%84-%ED%9A%8C%EA%B3%A0%ED%95%98%EB%A9%B0-d491125abeb9?source=---------5">Read more…</a></div><div class="u-clearfix u-paddingTop10"><div class="buttonSet buttonSet--withLabels u-floatLeft"><div class="buttonSet-inner"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="d491125abeb9" data-is-flush-left="true" data-is-compressed="true" data-source="listing"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton" data-action="multivote" data-action-value="d491125abeb9" data-action-type="long-press" data-action-source="listing" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"></path><path d="M14.815 3.776l1.84-2.551-1.43-.471z"></path><path d="M8.378 1.224l1.84 2.551L9.81.753z"></path><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 0 1 .66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 0 1 .707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 0 0 .624-.624L4.11 14.04l-1.75-1.75a.998.998 0 1 1 1.41-1.413l4.154 4.156a.44.44 0 0 0 .624 0 .44.44 0 0 0 0-.624l-4.152-4.153-1.172-1.171a.998.998 0 0 1 0-1.41 1.018 1.018 0 0 1 1.41 0l1.172 1.17 4.153 4.152a.437.437 0 0 0 .624 0 .442.442 0 0 0 0-.624L6.43 8.222a.988.988 0 0 1-.291-.705.99.99 0 0 1 .29-.706 1 1 0 0 1 1.412 0l6.992 6.993a.443.443 0 0 0 .71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 0 1 .66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 0 1-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 0 1 1.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 0 0-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 0 0-1.095-.562 1.776 1.776 0 0 0-.992.128l-2.636-2.636a1.883 1.883 0 0 0-2.658 0 1.862 1.862 0 0 0-.478.847 1.886 1.886 0 0 0-2.671-.012 1.867 1.867 0 0 0-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 0 0 0 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 0 0 0 2.659l.624.622a1.879 1.879 0 0 0-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 0 0 1.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"></path></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"></path><path d="M16.634 1.224l-1.432-.47-.408 3.022z"></path><path d="M9.79.754l-1.431.47 1.84 2.552z"></path><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 0 0-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 0 1-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"></path><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"></path><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 0 0-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 1 1-.868.612L7.2 6.378a.986.986 0 1 0-1.395 1.395l4.401 4.403a.538.538 0 1 1-.762.762L5.046 8.54 3.802 7.295a.99.99 0 0 0-1.396 0 .981.981 0 0 0 0 1.394L3.647 9.93l4.402 4.403a.537.537 0 0 1 0 .761.535.535 0 0 1-.762 0L2.89 10.696a.992.992 0 0 0-1.399-.003.983.983 0 0 0 0 1.395l1.855 1.854 2.763 2.765a.538.538 0 0 1-.76.761l-2.765-2.764a.982.982 0 0 0-1.395 0 .989.989 0 0 0 0 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"></path></g></svg></span></span></button></div><span class="u-textAlignCenter u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-disablePointerEvents" data-action="show-recommends" data-action-value="d491125abeb9">36</button></span></div></div></div><div class="buttonSet u-floatRight"><div class="buttonSet-inner"><a class="button button--chromeless u-baseColor--buttonNormal" href="https://medium.com/rainist-engineering/%EC%8A%A4%EC%B9%BC%EB%9D%BC%EC%9D%98-%EB%8F%84%EC%9E%85%EC%9D%84-%ED%9A%8C%EA%B3%A0%ED%95%98%EB%A9%B0-d491125abeb9?source=---------5#--responses" data-action-source="---------5">3 responses</a><button class="button button--chromeless is-touchIconFadeInPulse u-baseColor--buttonNormal button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" title="Bookmark this story to read later" aria-label="Bookmark this story to read later" data-action="add-to-bookmarks" data-action-value="d491125abeb9"><span class="button-defaultState"><span class="svgIcon svgIcon--bookmark svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 16.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V6zm-6.838 9.97L7 19.636V6c0-.55.45-1 1-1h9c.55 0 1 .45 1 1v13.637l-5.162-3.668a.49.49 0 0 0-.676 0z" fill-rule="evenodd"></path></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="26" viewBox="0 0 25 26"><path d="M19 7c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 17.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V7z" fill-rule="evenodd"></path></svg></span></span></button></div></div></div></div></div><div class="u-paddingTop20 u-paddingBottom25 js-block"><div class="postArticle postArticle--short js-postArticle js-trackedPost" data-post-id="2d757ea69844" data-source="---------6"><div class="u-clearfix u-marginBottom15 u-paddingTop5"><div class="postMetaInline u-floatLeft"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link avatar u-baseColor--link" href="https://medium.com/@sunghyunzz" data-action="show-user-card" data-action-value="3cd0bf069bbf" data-action-type="hover" data-user-id="3cd0bf069bbf" dir="auto"><img src="../../../../../../../Downloads/medium_files/0-jb2CeUuchJutJWCX.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Sunghyun Hwang"></a></div><div class="postMetaInline postMetaInline-authorLockup u-flex1 u-noWrapWithEllipsis"><a class="link link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken u-baseColor--link" href="https://medium.com/@sunghyunzz?source=---------6" data-action="show-user-card" data-action-source="---------6" data-action-value="3cd0bf069bbf" data-action-type="hover" data-user-id="3cd0bf069bbf" dir="auto">Sunghyun Hwang</a> in <a class="link link--darken link--accent u-accentColor--textNormal u-baseColor--link" href="https://medium.com/rainist-engineering?source=---------6" data-action="show-collection-card" data-action-source="---------6" data-action-value="rainist-engineering" data-action-type="hover">Rainist Engineering</a><div class="u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><a class="link link--darken" href="https://medium.com/rainist-engineering/%EB%A0%88%EC%9D%B4%EB%8B%88%EC%8A%A4%ED%8A%B8%EC%9D%98-%EA%B8%B0%EC%88%A0-%EB%B8%94%EB%A1%9C%EA%B7%B8%EB%A5%BC-%EC%8B%9C%EC%9E%91%ED%95%98%EB%A9%B0-2d757ea69844?source=---------6" data-action="open-post" data-action-value="https://medium.com/rainist-engineering/%EB%A0%88%EC%9D%B4%EB%8B%88%EC%8A%A4%ED%8A%B8%EC%9D%98-%EA%B8%B0%EC%88%A0-%EB%B8%94%EB%A1%9C%EA%B7%B8%EB%A5%BC-%EC%8B%9C%EC%9E%91%ED%95%98%EB%A9%B0-2d757ea69844?source=---------6" data-action-source="preview-listing"><time datetime="2017-01-26T02:47:00.556Z">Jan 26</time></a><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="2 min read"></span></div></div></div></div></div><div class="postArticle-content"><a href="https://medium.com/rainist-engineering/%EB%A0%88%EC%9D%B4%EB%8B%88%EC%8A%A4%ED%8A%B8%EC%9D%98-%EA%B8%B0%EC%88%A0-%EB%B8%94%EB%A1%9C%EA%B7%B8%EB%A5%BC-%EC%8B%9C%EC%9E%91%ED%95%98%EB%A9%B0-2d757ea69844?source=---------6" title="Latest stories published on Rainist Engineering – Medium" aria-label="Latest stories published on Rainist Engineering – Medium" data-action="open-post" data-action-source="---------6" data-action-value="https://medium.com/rainist-engineering/%EB%A0%88%EC%9D%B4%EB%8B%88%EC%8A%A4%ED%8A%B8%EC%9D%98-%EA%B8%B0%EC%88%A0-%EB%B8%94%EB%A1%9C%EA%B7%B8%EB%A5%BC-%EC%8B%9C%EC%9E%91%ED%95%98%EB%A9%B0-2d757ea69844?source=---------6" data-action-index="6"><section class="section section--body section--first section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><h3 name="523b" id="523b" class="graf graf--h3 graf--leading graf--title">레이니스트의 기술 블로그를&nbsp;시작하며</h3><p name="8468" id="8468" class="graf graf--p graf-after--h3 graf--trailing">레이니스트는 개인 자산 관리 서비스 뱅크샐러드를 만드는 스타트업입니다. 뱅크샐러드는 2014년 6월에 웹 서비스 오픈 베타를 시작하여, 최근에는 Google Play 선정 2016년 올해를 빛낸 혁신적인 앱으로 선정되었습니다. 많은 분들이 뱅크샐러드를 통해서 지출 및 금융 상품을 관리하고 있으며, 레이니스트는 금융과 관련하여 더 많은 방면에서 사용자분들께 도움을 드리기 위해 지속적으로 서비스를 개선하고 있습니다.</p></div></div></section></a></div><div class="postArticle-readMore"><a class="button button--smaller button--chromeless u-baseColor--buttonNormal" href="https://medium.com/rainist-engineering/%EB%A0%88%EC%9D%B4%EB%8B%88%EC%8A%A4%ED%8A%B8%EC%9D%98-%EA%B8%B0%EC%88%A0-%EB%B8%94%EB%A1%9C%EA%B7%B8%EB%A5%BC-%EC%8B%9C%EC%9E%91%ED%95%98%EB%A9%B0-2d757ea69844?source=---------6" data-action="open-post" data-action-source="---------6" data-action-value="https://medium.com/rainist-engineering/%EB%A0%88%EC%9D%B4%EB%8B%88%EC%8A%A4%ED%8A%B8%EC%9D%98-%EA%B8%B0%EC%88%A0-%EB%B8%94%EB%A1%9C%EA%B7%B8%EB%A5%BC-%EC%8B%9C%EC%9E%91%ED%95%98%EB%A9%B0-2d757ea69844?source=---------6">Read more…</a></div><div class="u-clearfix u-paddingTop10"><div class="buttonSet buttonSet--withLabels u-floatLeft"><div class="buttonSet-inner"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="2d757ea69844" data-is-flush-left="true" data-is-compressed="true" data-source="listing"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton" data-action="multivote" data-action-value="2d757ea69844" data-action-type="long-press" data-action-source="listing" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"></path><path d="M14.815 3.776l1.84-2.551-1.43-.471z"></path><path d="M8.378 1.224l1.84 2.551L9.81.753z"></path><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 0 1 .66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 0 1 .707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 0 0 .624-.624L4.11 14.04l-1.75-1.75a.998.998 0 1 1 1.41-1.413l4.154 4.156a.44.44 0 0 0 .624 0 .44.44 0 0 0 0-.624l-4.152-4.153-1.172-1.171a.998.998 0 0 1 0-1.41 1.018 1.018 0 0 1 1.41 0l1.172 1.17 4.153 4.152a.437.437 0 0 0 .624 0 .442.442 0 0 0 0-.624L6.43 8.222a.988.988 0 0 1-.291-.705.99.99 0 0 1 .29-.706 1 1 0 0 1 1.412 0l6.992 6.993a.443.443 0 0 0 .71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 0 1 .66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 0 1-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 0 1 1.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 0 0-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 0 0-1.095-.562 1.776 1.776 0 0 0-.992.128l-2.636-2.636a1.883 1.883 0 0 0-2.658 0 1.862 1.862 0 0 0-.478.847 1.886 1.886 0 0 0-2.671-.012 1.867 1.867 0 0 0-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 0 0 0 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 0 0 0 2.659l.624.622a1.879 1.879 0 0 0-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 0 0 1.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"></path></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"></path><path d="M16.634 1.224l-1.432-.47-.408 3.022z"></path><path d="M9.79.754l-1.431.47 1.84 2.552z"></path><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 0 0-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 0 1-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"></path><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"></path><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 0 0-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 1 1-.868.612L7.2 6.378a.986.986 0 1 0-1.395 1.395l4.401 4.403a.538.538 0 1 1-.762.762L5.046 8.54 3.802 7.295a.99.99 0 0 0-1.396 0 .981.981 0 0 0 0 1.394L3.647 9.93l4.402 4.403a.537.537 0 0 1 0 .761.535.535 0 0 1-.762 0L2.89 10.696a.992.992 0 0 0-1.399-.003.983.983 0 0 0 0 1.395l1.855 1.854 2.763 2.765a.538.538 0 0 1-.76.761l-2.765-2.764a.982.982 0 0 0-1.395 0 .989.989 0 0 0 0 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"></path></g></svg></span></span></button></div><span class="u-textAlignCenter u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-disablePointerEvents" data-action="show-recommends" data-action-value="2d757ea69844">11</button></span></div></div></div><div class="buttonSet u-floatRight"><div class="buttonSet-inner"><a class="button button--chromeless u-baseColor--buttonNormal" href="https://medium.com/rainist-engineering/%EB%A0%88%EC%9D%B4%EB%8B%88%EC%8A%A4%ED%8A%B8%EC%9D%98-%EA%B8%B0%EC%88%A0-%EB%B8%94%EB%A1%9C%EA%B7%B8%EB%A5%BC-%EC%8B%9C%EC%9E%91%ED%95%98%EB%A9%B0-2d757ea69844?source=---------6#--responses" data-action-source="---------6">3 responses</a><button class="button button--chromeless is-touchIconFadeInPulse u-baseColor--buttonNormal button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" title="Bookmark this story to read later" aria-label="Bookmark this story to read later" data-action="add-to-bookmarks" data-action-value="2d757ea69844"><span class="button-defaultState"><span class="svgIcon svgIcon--bookmark svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 16.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V6zm-6.838 9.97L7 19.636V6c0-.55.45-1 1-1h9c.55 0 1 .45 1 1v13.637l-5.162-3.668a.49.49 0 0 0-.676 0z" fill-rule="evenodd"></path></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="26" viewBox="0 0 25 26"><path d="M19 7c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 17.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V7z" fill-rule="evenodd"></path></svg></span></span></button></div></div></div></div></div></div></div></div></div><div class="col u-xs-size12of12 u-size4of12 js-aboutCollectionBox"><header class="heading u-clearfix heading--borderedBottom heading--paddedTop"><div class="u-clearfix"><div class="heading-content u-floatLeft"><span class="heading-title heading-title--dark heading-title--lineHeightTight"><a class="link link--darken u-accentColor--textDarken u-baseColor--link" href="https://medium.com/rainist-engineering/about">About</a></span></div></div></header><div class="u-tableCell"><a class="link avatar avatar--roundedRectangle u-baseColor--link" href="https://medium.com/rainist-engineering" title="Go to Rainist Engineering" aria-label="Go to Rainist Engineering"><img src="../../../../../../../Downloads/medium_files/1-J6VGBl2EFbwB03urRiFFOg.png" class="avatar-image u-size36x36 u-xs-size32x32" alt="Rainist Engineering"></a></div><div class="u-tableCell u-verticalAlignMiddle u-textColorNormal u-fontSize16 u-breakWord u-paddingLeft10">Rainist Engineering</div><div class="u-fontSize14 u-lineHeightBaseSans u-textColorDark u-paddingTop15 u-paddingBottom15"><div class="u-marginBottom15">개인 금융 관리 서비스 뱅크샐러드를 만드는 Rainist의 Engineering 팀입니다.</div><a class=" link--darken u-accentColor--textDarken link--accent u-accentColor--textNormal" href="https://medium.com/rainist-engineering/about">More information</a></div><div class="u-fontSize14 u-lineHeightBaseSans u-textColorDark u-paddingBottom15"><header class="heading u-clearfix heading--allCaps heading--light"><div class="u-clearfix"><div class="heading-content u-floatLeft"><span class="heading-title">Followers</span></div></div></header>81 </div><div class="u-fontSize14 u-lineHeightBaseSans u-marginBottom4 u-paddingBottom15"><header class="heading u-clearfix heading--allCaps heading--light"><div class="u-clearfix"><div class="heading-content u-floatLeft"><span class="heading-title">Elsewhere</span></div></div></header><div class="linkSet"><a class="button button--dark button--chromeless is-touchIconBlackPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon" href="mailto:engineering@rainist.com" title="Email" aria-label="Email"><span class="button-defaultState"><span class="svgIcon svgIcon--email svgIcon--21px"><svg class="svgIcon-use" width="21" height="21" viewBox="0 0 21 21"><path d="M4.508 4A2.504 2.504 0 0 0 2 6.508v.277l8.054 4.1c.225.115.667.115.892 0L19 6.785v-.277A2.503 2.503 0 0 0 16.492 4H4.508zm4.995 8.133L2 8.313v6.323a2.502 2.502 0 0 0 2.508 2.507h11.984A2.505 2.505 0 0 0 19 14.636V8.313l-7.503 3.82c-.285.145-.64.217-.997.217-.356 0-.712-.072-.997-.217z"></path></svg></span></span></a><a class="button button--dark button--chromeless is-touchIconBlackPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon" href="https://facebook.com/rainistcompany" title="Facebook page" aria-label="Facebook page" target="_blank"><span class="button-defaultState"><span class="svgIcon svgIcon--facebookFilled svgIcon--21px"><svg class="svgIcon-use" width="21" height="21" viewBox="0 0 21 21"><path d="M18.26 10.55c0-4.302-3.47-7.79-7.75-7.79-4.28 0-7.75 3.488-7.75 7.79a7.773 7.773 0 0 0 6.535 7.684v-5.49h-1.89v-2.2h1.89v-1.62c0-1.882 1.144-2.907 2.814-2.907.8 0 1.48.06 1.68.087V8.07h-1.15c-.91 0-1.09.435-1.09 1.07v1.405h2.16l-.28 2.2h-1.88v5.515c3.78-.514 6.7-3.766 6.7-7.71"></path></svg></span></span></a></div></div></div></div></div><style class="js-collectionStyle">
+.u-accentColor--borderLight {border-color: #0093D2 !important;}
+.u-accentColor--borderNormal {border-color: #0093D2 !important;}
+.u-accentColor--borderDark {border-color: #107DAF !important;}
+.u-accentColor--iconLight .svgIcon,.u-accentColor--iconLight.svgIcon {fill: #0093D2 !important;}
+.u-accentColor--iconNormal .svgIcon,.u-accentColor--iconNormal.svgIcon {fill: #0093D2 !important;}
+.u-accentColor--iconDark .svgIcon,.u-accentColor--iconDark.svgIcon {fill: #107DAF !important;}
+.u-accentColor--textNormal {color: #107DAF !important;}
+.u-accentColor--hoverTextNormal:hover {color: #107DAF !important;}
+.u-accentColor--textNormal.u-accentColor--textDarken:hover {color: #1B729E !important;}
+.u-accentColor--textDark {color: #1B729E !important;}
+.u-accentColor--backgroundLight {background-color: #0093D2 !important;}
+.u-accentColor--backgroundNormal {background-color: #0093D2 !important;}
+.u-accentColor--backgroundDark {background-color: #107DAF !important;}
+.u-accentColor--buttonDark {border-color: #107DAF !important; color: #1B729E !important;}
+.u-accentColor--buttonDark:hover {border-color: #1B729E !important;}
+.u-accentColor--buttonDark .icon:before,.u-accentColor--buttonDark .svgIcon{color: #107DAF !important; fill: #107DAF !important;}
+.u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: #0093D2 !important; color: #107DAF !important;}
+.u-accentColor--buttonNormal:hover {border-color: #107DAF !important;}
+.u-accentColor--buttonNormal .icon:before,.u-accentColor--buttonNormal .svgIcon{color: #0093D2 !important; fill: #0093D2 !important;}
+.u-accentColor--buttonNormal.button--filled .icon:before,.u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-accentColor--buttonDark.button--filled,.u-accentColor--buttonDark.button--withChrome.is-active,.u-accentColor--fillWhenActive.is-active {background-color: #107DAF !important; border-color: #107DAF !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: #0093D2 !important; border-color: #0093D2 !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.postArticle.is-withAccentColors .markup--user,.postArticle.is-withAccentColors .markup--query {color: #107DAF !important;}.u-tintBgColor {background-color: rgba(0, 158, 222, 1) !important;}.u-tintBgColor .u-fadeLeft:before {background-image: linear-gradient(to right, rgba(0, 158, 222, 1) 0%, rgba(0, 158, 222, 0) 100%) !important;}.u-tintBgColor .u-fadeRight:after {background-image: linear-gradient(to right, rgba(0, 158, 222, 0) 0%, rgba(0, 158, 222, 1) 100%) !important;}
+.u-tintSpectrum .u-baseColor--borderLight {border-color: #9CD3F8 !important;}
+.u-tintSpectrum .u-baseColor--borderNormal {border-color: #C0E6FF !important;}
+.u-tintSpectrum .u-baseColor--borderDark {border-color: #E2F9FF !important;}
+.u-tintSpectrum .u-baseColor--iconLight .svgIcon,.u-tintSpectrum .u-baseColor--iconLight.svgIcon {fill: #9CD3F8 !important;}
+.u-tintSpectrum .u-baseColor--iconNormal .svgIcon,.u-tintSpectrum .u-baseColor--iconNormal.svgIcon {fill: #C0E6FF !important;}
+.u-tintSpectrum .u-baseColor--iconDark .svgIcon,.u-tintSpectrum .u-baseColor--iconDark.svgIcon {fill: #E2F9FF !important;}
+.u-tintSpectrum .u-baseColor--textNormal {color: #C0E6FF !important;}
+.u-tintSpectrum .u-baseColor--textNormal.u-baseColor--textDarken:hover {color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--textDark {color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--textDarker {color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--backgroundLight {background-color: #9CD3F8 !important;}
+.u-tintSpectrum .u-baseColor--backgroundNormal {background-color: #C0E6FF !important;}
+.u-tintSpectrum .u-baseColor--backgroundDark {background-color: #E2F9FF !important;}
+.u-tintSpectrum .u-baseColor--buttonLight {border-color: #9CD3F8 !important; color: #9CD3F8 !important;}
+.u-tintSpectrum .u-baseColor--buttonLight:hover {border-color: #9CD3F8 !important;}
+.u-tintSpectrum .u-baseColor--buttonLight .icon:before,.u-tintSpectrum .u-baseColor--buttonLight .svgIcon {color: #9CD3F8 !important; fill: #9CD3F8 !important;}
+.u-tintSpectrum .u-baseColor--buttonDark {border-color: #E2F9FF !important; color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--buttonDark:hover {border-color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--buttonDark .icon:before,.u-tintSpectrum .u-baseColor--buttonDark .svgIcon {color: #E2F9FF !important; fill: #E2F9FF !important;}
+.u-tintSpectrum .u-baseColor--buttonNormal {border-color: #C0E6FF !important; color: #C0E6FF !important;}
+.u-tintSpectrum .u-baseColor--buttonNormal:hover {border-color: #E2F9FF !important;}
+.u-tintSpectrum .u-baseColor--buttonNormal .icon:before,.u-tintSpectrum .u-baseColor--buttonNormal .svgIcon {color: #C0E6FF !important; fill: #C0E6FF !important;}
+.u-tintSpectrum .u-baseColor--buttonDark.button--filled,.u-tintSpectrum .u-baseColor--buttonDark.button--withChrome.is-active {background-color: #E2F9FF !important; border-color: #E2F9FF !important; color: rgba(0, 158, 222, 1) !important; fill: rgba(0, 158, 222, 1) !important;}
+.u-tintSpectrum .u-baseColor--buttonNormal.button--filled,.u-tintSpectrum .u-baseColor--buttonNormal.button--withChrome.is-active {background-color: #C0E6FF !important; border-color: #C0E6FF !important; color: rgba(0, 158, 222, 1) !important; fill: rgba(0, 158, 222, 1) !important;}
+.u-tintSpectrum .u-baseColor--link {color: #C0E6FF !important;}
+.u-tintSpectrum .u-baseColor--link.link--darkenOnHover:hover {color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--link.link--darken:hover,.u-tintSpectrum .u-baseColor--link.link--darken:focus,.u-tintSpectrum .u-baseColor--link.link--darken:active {color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--link.link--dark {color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--link.link--dark.link--darken:hover,.u-tintSpectrum .u-baseColor--link.link--dark.link--darken:focus,.u-tintSpectrum .u-baseColor--link.link--dark.link--darken:active {color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--link.link--darker {color: #F2FFFF !important;}
+.u-tintSpectrum .u-baseColor--placeholderNormal ::-webkit-input-placeholder {color: #9CD3F8;}
+.u-tintSpectrum .u-baseColor--placeholderNormal ::-moz-placeholder {color: #9CD3F8;}
+.u-tintSpectrum .u-baseColor--placeholderNormal :-ms-input-placeholder {color: #9CD3F8;}
+.u-tintSpectrum .svgIcon--logoNew path:nth-child(1) {stroke: none !important; fill: #5BB4E9 !important;}
+.u-tintSpectrum .svgIcon--logoNew path:nth-child(2) {stroke: none !important; fill: #73BFEE !important;}
+.u-tintSpectrum .svgIcon--logoNew path:nth-child(3) {stroke: none !important; fill: #9CD3F8 !important;}
+.u-tintSpectrum .svgIcon--logoNew path:nth-child(4) {stroke: none !important; fill: #C0E6FF !important;}
+.u-tintSpectrum .svgIcon--logoWordmark {stroke: none !important; fill: #F2FFFF !important;}
+.u-tintSpectrum .svgIcon--logoMonogram {stroke: none !important; fill: #F2FFFF !important;}
+.u-tintSpectrum .u-accentColor--borderLight {border-color: #9CD3F8 !important;}
+.u-tintSpectrum .u-accentColor--borderNormal {border-color: #C0E6FF !important;}
+.u-tintSpectrum .u-accentColor--borderDark {border-color: #E2F9FF !important;}
+.u-tintSpectrum .u-accentColor--iconLight .svgIcon,.u-tintSpectrum .u-accentColor--iconLight.svgIcon {fill: #9CD3F8 !important;}
+.u-tintSpectrum .u-accentColor--iconNormal .svgIcon,.u-tintSpectrum .u-accentColor--iconNormal.svgIcon {fill: #C0E6FF !important;}
+.u-tintSpectrum .u-accentColor--iconDark .svgIcon,.u-tintSpectrum .u-accentColor--iconDark.svgIcon {fill: #E2F9FF !important;}
+.u-tintSpectrum .u-accentColor--textNormal {color: #C0E6FF !important;}
+.u-tintSpectrum .u-accentColor--hoverTextNormal:hover {color: #C0E6FF !important;}
+.u-tintSpectrum .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: #F2FFFF !important;}
+.u-tintSpectrum .u-accentColor--textDark {color: #F2FFFF !important;}
+.u-tintSpectrum .u-accentColor--backgroundLight {background-color: #9CD3F8 !important;}
+.u-tintSpectrum .u-accentColor--backgroundNormal {background-color: #C0E6FF !important;}
+.u-tintSpectrum .u-accentColor--backgroundDark {background-color: #E2F9FF !important;}
+.u-tintSpectrum .u-accentColor--buttonDark {border-color: #E2F9FF !important; color: #F2FFFF !important;}
+.u-tintSpectrum .u-accentColor--buttonDark:hover {border-color: #F2FFFF !important;}
+.u-tintSpectrum .u-accentColor--buttonDark .icon:before,.u-tintSpectrum .u-accentColor--buttonDark .svgIcon{color: #E2F9FF !important; fill: #E2F9FF !important;}
+.u-tintSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: #C0E6FF !important; color: #C0E6FF !important;}
+.u-tintSpectrum .u-accentColor--buttonNormal:hover {border-color: #E2F9FF !important;}
+.u-tintSpectrum .u-accentColor--buttonNormal .icon:before,.u-tintSpectrum .u-accentColor--buttonNormal .svgIcon{color: #C0E6FF !important; fill: #C0E6FF !important;}
+.u-tintSpectrum .u-accentColor--buttonNormal.button--filled .icon:before,.u-tintSpectrum .u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(0, 158, 222, 1) !important; fill: rgba(0, 158, 222, 1) !important;}
+.u-tintSpectrum .u-accentColor--buttonDark.button--filled,.u-tintSpectrum .u-accentColor--buttonDark.button--withChrome.is-active,.u-tintSpectrum .u-accentColor--fillWhenActive.is-active {background-color: #E2F9FF !important; border-color: #E2F9FF !important; color: rgba(0, 158, 222, 1) !important; fill: rgba(0, 158, 222, 1) !important;}
+.u-tintSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-tintSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: #C0E6FF !important; border-color: #C0E6FF !important; color: rgba(0, 158, 222, 1) !important; fill: rgba(0, 158, 222, 1) !important;}
+.u-tintSpectrum .postArticle.is-withAccentColors .markup--user,.u-tintSpectrum .postArticle.is-withAccentColors .markup--query {color: #C0E6FF !important;}
+.u-accentColor--highlightFaint {background-color: rgba(220, 246, 255, 1) !important;}
+.u-accentColor--highlightStrong.is-active .svgIcon {fill: rgba(157, 237, 255, 1) !important;}
+.postArticle.is-withAccentColors .markup--quote.is-other {background-color: rgba(220, 246, 255, 1) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-other {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(220, 246, 255, 1), rgba(220, 246, 255, 1));}
+.postArticle.is-withAccentColors .markup--quote.is-me {background-color: rgba(188, 241, 255, 1) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-me {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(188, 241, 255, 1), rgba(188, 241, 255, 1));}
+.postArticle.is-withAccentColors .markup--quote.is-targeted {background-color: rgba(157, 237, 255, 1) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-targeted {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(157, 237, 255, 1), rgba(157, 237, 255, 1));}
+.postArticle.is-withAccentColors .markup--quote.is-selected {background-color: rgba(157, 237, 255, 1) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-selected {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(157, 237, 255, 1), rgba(157, 237, 255, 1));}
+.postArticle.is-withAccentColors .markup--highlight {background-color: rgba(157, 237, 255, 1) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--highlight {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(157, 237, 255, 1), rgba(157, 237, 255, 1));}</style><style class="js-collectionStyleConstant">.u-imageBgColor {background-color: rgba(0, 0, 0, 0.24705882352941178);}
+.u-imageSpectrum .u-baseColor--borderLight {border-color: rgba(255, 255, 255, 0.6980392156862745) !important;}
+.u-imageSpectrum .u-baseColor--borderNormal {border-color: rgba(255, 255, 255, 0.8980392156862745) !important;}
+.u-imageSpectrum .u-baseColor--borderDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-baseColor--iconLight .svgIcon,.u-imageSpectrum .u-baseColor--iconLight.svgIcon {fill: rgba(255, 255, 255, 0.8) !important;}
+.u-imageSpectrum .u-baseColor--iconNormal .svgIcon,.u-imageSpectrum .u-baseColor--iconNormal.svgIcon {fill: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-baseColor--iconDark .svgIcon,.u-imageSpectrum .u-baseColor--iconDark.svgIcon {fill: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--textNormal {color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-baseColor--textNormal.u-baseColor--textDarken:hover {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--textDark {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--textDarker {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--backgroundLight {background-color: rgba(255, 255, 255, 0.8980392156862745) !important;}
+.u-imageSpectrum .u-baseColor--backgroundNormal {background-color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-baseColor--backgroundDark {background-color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--buttonLight {border-color: rgba(255, 255, 255, 0.6980392156862745) !important; color: rgba(255, 255, 255, 0.8) !important;}
+.u-imageSpectrum .u-baseColor--buttonLight:hover {border-color: rgba(255, 255, 255, 0.6980392156862745) !important;}
+.u-imageSpectrum .u-baseColor--buttonLight .icon:before,.u-imageSpectrum .u-baseColor--buttonLight .svgIcon {color: rgba(255, 255, 255, 0.8) !important; fill: rgba(255, 255, 255, 0.8) !important;}
+.u-imageSpectrum .u-baseColor--buttonDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--buttonDark:hover {border-color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--buttonDark .icon:before,.u-imageSpectrum .u-baseColor--buttonDark .svgIcon {color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--buttonNormal {border-color: rgba(255, 255, 255, 0.8980392156862745) !important; color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-baseColor--buttonNormal:hover {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-baseColor--buttonNormal .icon:before,.u-imageSpectrum .u-baseColor--buttonNormal .svgIcon {color: rgba(255, 255, 255, 0.9490196078431372) !important; fill: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-baseColor--buttonDark.button--filled,.u-imageSpectrum .u-baseColor--buttonDark.button--withChrome.is-active {background-color: rgba(255, 255, 255, 1) !important; border-color: rgba(255, 255, 255, 1) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;}
+.u-imageSpectrum .u-baseColor--buttonNormal.button--filled,.u-imageSpectrum .u-baseColor--buttonNormal.button--withChrome.is-active {background-color: rgba(255, 255, 255, 0.9490196078431372) !important; border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;}
+.u-imageSpectrum .u-baseColor--link {color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-baseColor--link.link--darkenOnHover:hover {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--link.link--darken:hover,.u-imageSpectrum .u-baseColor--link.link--darken:focus,.u-imageSpectrum .u-baseColor--link.link--darken:active {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--link.link--dark {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--link.link--dark.link--darken:hover,.u-imageSpectrum .u-baseColor--link.link--dark.link--darken:focus,.u-imageSpectrum .u-baseColor--link.link--dark.link--darken:active {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--link.link--darker {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-baseColor--placeholderNormal ::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.8);}
+.u-imageSpectrum .u-baseColor--placeholderNormal ::-moz-placeholder {color: rgba(255, 255, 255, 0.8);}
+.u-imageSpectrum .u-baseColor--placeholderNormal :-ms-input-placeholder {color: rgba(255, 255, 255, 0.8);}
+.u-imageSpectrum .svgIcon--logoNew path:nth-child(1) {stroke: none !important; fill: rgba(255, 255, 255, 0.4) !important;}
+.u-imageSpectrum .svgIcon--logoNew path:nth-child(2) {stroke: none !important; fill: rgba(255, 255, 255, 0.4980392156862745) !important;}
+.u-imageSpectrum .svgIcon--logoNew path:nth-child(3) {stroke: none !important; fill: rgba(255, 255, 255, 0.6980392156862745) !important;}
+.u-imageSpectrum .svgIcon--logoNew path:nth-child(4) {stroke: none !important; fill: rgba(255, 255, 255, 0.8980392156862745) !important;}
+.u-imageSpectrum .svgIcon--logoWordmark {stroke: none !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .svgIcon--logoMonogram {stroke: none !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-accentColor--borderLight {border-color: rgba(255, 255, 255, 0.6980392156862745) !important;}
+.u-imageSpectrum .u-accentColor--borderNormal {border-color: rgba(255, 255, 255, 0.8980392156862745) !important;}
+.u-imageSpectrum .u-accentColor--borderDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-accentColor--iconLight .svgIcon,.u-imageSpectrum .u-accentColor--iconLight.svgIcon {fill: rgba(255, 255, 255, 0.8) !important;}
+.u-imageSpectrum .u-accentColor--iconNormal .svgIcon,.u-imageSpectrum .u-accentColor--iconNormal.svgIcon {fill: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-accentColor--iconDark .svgIcon,.u-imageSpectrum .u-accentColor--iconDark.svgIcon {fill: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-accentColor--textNormal {color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-accentColor--hoverTextNormal:hover {color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-accentColor--textDark {color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-accentColor--backgroundLight {background-color: rgba(255, 255, 255, 0.8980392156862745) !important;}
+.u-imageSpectrum .u-accentColor--backgroundNormal {background-color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-accentColor--backgroundDark {background-color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-accentColor--buttonDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-accentColor--buttonDark:hover {border-color: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-accentColor--buttonDark .icon:before,.u-imageSpectrum .u-accentColor--buttonDark .svgIcon{color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-imageSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: rgba(255, 255, 255, 0.8980392156862745) !important; color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-accentColor--buttonNormal:hover {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-accentColor--buttonNormal .icon:before,.u-imageSpectrum .u-accentColor--buttonNormal .svgIcon{color: rgba(255, 255, 255, 0.9490196078431372) !important; fill: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-accentColor--buttonNormal.button--filled .icon:before,.u-imageSpectrum .u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;}
+.u-imageSpectrum .u-accentColor--buttonDark.button--filled,.u-imageSpectrum .u-accentColor--buttonDark.button--withChrome.is-active,.u-imageSpectrum .u-accentColor--fillWhenActive.is-active {background-color: rgba(255, 255, 255, 1) !important; border-color: rgba(255, 255, 255, 1) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;}
+.u-imageSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-imageSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: rgba(255, 255, 255, 0.9490196078431372) !important; border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;}
+.u-imageSpectrum .postArticle.is-withAccentColors .markup--user,.u-imageSpectrum .postArticle.is-withAccentColors .markup--query {color: rgba(255, 255, 255, 0.9490196078431372) !important;}
+.u-imageSpectrum .u-accentColor--highlightFaint {background-color: rgba(255, 255, 255, 0.2) !important;}
+.u-imageSpectrum .u-accentColor--highlightStrong.is-active .svgIcon {fill: rgba(255, 255, 255, 0.6) !important;}
+.postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-other {background-color: rgba(255, 255, 255, 0.2) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-other {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));}
+.postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-me {background-color: rgba(255, 255, 255, 0.4) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-me {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));}
+.postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-targeted {background-color: rgba(255, 255, 255, 0.6) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-targeted {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));}
+.postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-selected {background-color: rgba(255, 255, 255, 0.6) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-selected {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));}
+.postArticle.is-withAccentColors .u-imageSpectrum .markup--highlight {background-color: rgba(255, 255, 255, 0.6) !important;}
+body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--highlight {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));}.u-resetSpectrum .u-tintBgColor {background-color: rgba(255, 255, 255, 1) !important;}.u-resetSpectrum .u-tintBgColor .u-fadeLeft:before {background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%) !important;}.u-resetSpectrum .u-tintBgColor .u-fadeRight:after {background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%) !important;}
+.u-resetSpectrum .u-baseColor--borderLight {border-color: rgba(0, 0, 0, 0.2980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--borderNormal {border-color: rgba(0, 0, 0, 0.4980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--borderDark {border-color: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--iconLight .svgIcon,.u-resetSpectrum .u-baseColor--iconLight.svgIcon {fill: rgba(0, 0, 0, 0.2980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--iconNormal .svgIcon,.u-resetSpectrum .u-baseColor--iconNormal.svgIcon {fill: rgba(0, 0, 0, 0.4980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--iconDark .svgIcon,.u-resetSpectrum .u-baseColor--iconDark.svgIcon {fill: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--textNormal {color: rgba(0, 0, 0, 0.4980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--textNormal.u-baseColor--textDarken:hover {color: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--textDark {color: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--textDarker {color: rgba(0, 0, 0, 0.8) !important;}
+.u-resetSpectrum .u-baseColor--backgroundLight {background-color: rgba(0, 0, 0, 0.09803921568627451) !important;}
+.u-resetSpectrum .u-baseColor--backgroundNormal {background-color: rgba(0, 0, 0, 0.2) !important;}
+.u-resetSpectrum .u-baseColor--backgroundDark {background-color: rgba(0, 0, 0, 0.2980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--buttonLight {border-color: rgba(0, 0, 0, 0.2980392156862745) !important; color: rgba(0, 0, 0, 0.2980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--buttonLight:hover {border-color: rgba(0, 0, 0, 0.2980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--buttonLight .icon:before,.u-resetSpectrum .u-baseColor--buttonLight .svgIcon {color: rgba(0, 0, 0, 0.2980392156862745) !important; fill: rgba(0, 0, 0, 0.2980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--buttonDark {border-color: rgba(0, 0, 0, 0.6) !important; color: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--buttonDark:hover {border-color: rgba(0, 0, 0, 0.8) !important;}
+.u-resetSpectrum .u-baseColor--buttonDark .icon:before,.u-resetSpectrum .u-baseColor--buttonDark .svgIcon {color: rgba(0, 0, 0, 0.6) !important; fill: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--buttonNormal {border-color: rgba(0, 0, 0, 0.4980392156862745) !important; color: rgba(0, 0, 0, 0.4980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--buttonNormal:hover {border-color: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--buttonNormal .icon:before,.u-resetSpectrum .u-baseColor--buttonNormal .svgIcon {color: rgba(0, 0, 0, 0.4980392156862745) !important; fill: rgba(0, 0, 0, 0.4980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--buttonDark.button--filled,.u-resetSpectrum .u-baseColor--buttonDark.button--withChrome.is-active {background-color: rgba(0, 0, 0, 0.2980392156862745) !important; border-color: rgba(0, 0, 0, 0.2980392156862745) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-resetSpectrum .u-baseColor--buttonNormal.button--filled,.u-resetSpectrum .u-baseColor--buttonNormal.button--withChrome.is-active {background-color: rgba(0, 0, 0, 0.2) !important; border-color: rgba(0, 0, 0, 0.2) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-resetSpectrum .u-baseColor--link {color: rgba(0, 0, 0, 0.4980392156862745) !important;}
+.u-resetSpectrum .u-baseColor--link.link--darkenOnHover:hover {color: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--link.link--darken:hover,.u-resetSpectrum .u-baseColor--link.link--darken:focus,.u-resetSpectrum .u-baseColor--link.link--darken:active {color: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--link.link--dark {color: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-baseColor--link.link--dark.link--darken:hover,.u-resetSpectrum .u-baseColor--link.link--dark.link--darken:focus,.u-resetSpectrum .u-baseColor--link.link--dark.link--darken:active {color: rgba(0, 0, 0, 0.8) !important;}
+.u-resetSpectrum .u-baseColor--link.link--darker {color: rgba(0, 0, 0, 0.8) !important;}
+.u-resetSpectrum .u-baseColor--placeholderNormal ::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.2980392156862745);}
+.u-resetSpectrum .u-baseColor--placeholderNormal ::-moz-placeholder {color: rgba(0, 0, 0, 0.2980392156862745);}
+.u-resetSpectrum .u-baseColor--placeholderNormal :-ms-input-placeholder {color: rgba(0, 0, 0, 0.2980392156862745);}
+.u-resetSpectrum .svgIcon--logoNew path:nth-child(1) {stroke: none !important; fill: rgba(0, 0, 0, 0.2) !important;}
+.u-resetSpectrum .svgIcon--logoNew path:nth-child(2) {stroke: none !important; fill: rgba(0, 0, 0, 0.2980392156862745) !important;}
+.u-resetSpectrum .svgIcon--logoNew path:nth-child(3) {stroke: none !important; fill: rgba(0, 0, 0, 0.4) !important;}
+.u-resetSpectrum .svgIcon--logoNew path:nth-child(4) {stroke: none !important; fill: rgba(0, 0, 0, 0.4980392156862745) !important;}
+.u-resetSpectrum .svgIcon--logoWordmark {stroke: none !important; fill: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .svgIcon--logoMonogram {stroke: none !important; fill: rgba(0, 0, 0, 0.6) !important;}
+.u-resetSpectrum .u-accentColor--borderLight {border-color: rgba(2, 184, 117, 1) !important;}
+.u-resetSpectrum .u-accentColor--borderNormal {border-color: rgba(2, 184, 117, 1) !important;}
+.u-resetSpectrum .u-accentColor--borderDark {border-color: rgba(0, 171, 107, 1) !important;}
+.u-resetSpectrum .u-accentColor--iconLight .svgIcon,.u-resetSpectrum .u-accentColor--iconLight.svgIcon {fill: rgba(2, 184, 117, 1) !important;}
+.u-resetSpectrum .u-accentColor--iconNormal .svgIcon,.u-resetSpectrum .u-accentColor--iconNormal.svgIcon {fill: rgba(0, 171, 107, 1) !important;}
+.u-resetSpectrum .u-accentColor--iconDark .svgIcon,.u-resetSpectrum .u-accentColor--iconDark.svgIcon {fill: rgba(28, 153, 99, 1) !important;}
+.u-resetSpectrum .u-accentColor--textNormal {color: rgba(0, 171, 107, 1) !important;}
+.u-resetSpectrum .u-accentColor--hoverTextNormal:hover {color: rgba(0, 171, 107, 1) !important;}
+.u-resetSpectrum .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: rgba(28, 153, 99, 1) !important;}
+.u-resetSpectrum .u-accentColor--textDark {color: rgba(28, 153, 99, 1) !important;}
+.u-resetSpectrum .u-accentColor--backgroundLight {background-color: rgba(2, 184, 117, 1) !important;}
+.u-resetSpectrum .u-accentColor--backgroundNormal {background-color: rgba(0, 171, 107, 1) !important;}
+.u-resetSpectrum .u-accentColor--backgroundDark {background-color: rgba(28, 153, 99, 1) !important;}
+.u-resetSpectrum .u-accentColor--buttonDark {border-color: rgba(0, 171, 107, 1) !important; color: rgba(28, 153, 99, 1) !important;}
+.u-resetSpectrum .u-accentColor--buttonDark:hover {border-color: rgba(28, 153, 99, 1) !important;}
+.u-resetSpectrum .u-accentColor--buttonDark .icon:before,.u-resetSpectrum .u-accentColor--buttonDark .svgIcon{color: rgba(28, 153, 99, 1) !important; fill: rgba(28, 153, 99, 1) !important;}
+.u-resetSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: rgba(2, 184, 117, 1) !important; color: rgba(0, 171, 107, 1) !important;}
+.u-resetSpectrum .u-accentColor--buttonNormal:hover {border-color: rgba(0, 171, 107, 1) !important;}
+.u-resetSpectrum .u-accentColor--buttonNormal .icon:before,.u-resetSpectrum .u-accentColor--buttonNormal .svgIcon{color: rgba(0, 171, 107, 1) !important; fill: rgba(0, 171, 107, 1) !important;}
+.u-resetSpectrum .u-accentColor--buttonNormal.button--filled .icon:before,.u-resetSpectrum .u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-resetSpectrum .u-accentColor--buttonDark.button--filled,.u-resetSpectrum .u-accentColor--buttonDark.button--withChrome.is-active,.u-resetSpectrum .u-accentColor--fillWhenActive.is-active {background-color: rgba(28, 153, 99, 1) !important; border-color: rgba(28, 153, 99, 1) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-resetSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-resetSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: rgba(0, 171, 107, 1) !important; border-color: rgba(0, 171, 107, 1) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
+.u-resetSpectrum .postArticle.is-withAccentColors .markup--user,.u-resetSpectrum .postArticle.is-withAccentColors .markup--query {color: rgba(0, 171, 107, 1) !important;}</style></div></div></div><div class="loadingBar"></div><script>// <![CDATA[
+window["obvInit"] = function (opt_embedded) {window["obvInit"]["embedded"] = opt_embedded; window["obvInit"]["ready"] = true;}
+// ]]></script><script>// <![CDATA[
+var GLOBALS = {"audioUrl":"https://d1fcbxp97j4nb2.cloudfront.net","baseUrl":"https://medium.com","buildLabel":"30638-a80936a","currentUser":{"userId":"aea8a30a8e5a","username":"insford","name":"조백규","email":"insford@gmail.com","imageId":"0*wuND6WfPFc1DD0Ec.","createdAt":1471318000369,"isVerified":true,"subscriberEmail":"","onboardingStatus":2,"googleAccountId":"106275056809471478611","googleEmail":"insford@gmail.com","hasPastMemberships":false,"isEnrolledInHightower":false,"isEligibleForHightower":false},"currentUserHasUnverifiedEmail":false,"isAuthenticated":true,"isCurrentUserVerified":true,"language":"ko-kr","mediumTwitterScreenName":"medium","miroUrl":"https://cdn-images-1.medium.com","moduleUrls":{"base":"https://cdn-static-1.medium.com/_/fp/gen-js/main-base.bundle.LlQTJsqxzBKNE5_Waz_Olg.js","common-async":"https://cdn-static-1.medium.com/_/fp/gen-js/main-common-async.bundle.lPMw1fqY-MbzmJiPn21ZEg.js","home-screens":"https://cdn-static-1.medium.com/_/fp/gen-js/main-home-screens.bundle.rjAdrN8hiy8LJTmX-zkQtg.js","misc-screens":"https://cdn-static-1.medium.com/_/fp/gen-js/main-misc-screens.bundle.wxY8rWSrr9kWDpFoylLRXQ.js","notes":"https://cdn-static-1.medium.com/_/fp/gen-js/main-notes.bundle.UmS-2vco-MnrBEauwLXykA.js","payments":"https://cdn-static-1.medium.com/_/fp/gen-js/main-payments.bundle.wXXGZ5FDGEa-rsJQU5tC7Q.js","posters":"https://cdn-static-1.medium.com/_/fp/gen-js/main-posters.bundle.FxSkrZ0-dqo5ylCsFLQrDQ.js","pubs":"https://cdn-static-1.medium.com/_/fp/gen-js/main-pubs.bundle.i71piGpaVS2nC4z3-ojrhQ.js","stats":"https://cdn-static-1.medium.com/_/fp/gen-js/main-stats.bundle.D8O3DxBsbnP9GWl4kwKxUw.js"},"previewConfig":{"weightThreshold":1,"weightImageParagraph":0.51,"weightIframeParagraph":0.8,"weightTextParagraph":0.08,"weightEmptyParagraph":0,"weightP":0.003,"weightH":0.005,"weightBq":0.003,"minPTextLength":60,"truncateBoundaryChars":20,"detectTitle":true,"detectTitleLevThreshold":0.15},"productName":"Medium","supportsEdit":true,"termsUrl":"//medium.com/policy/9db0094a1e0f","textshotHost":"textshot.medium.com","transactionId":"1505619242171:f55603bab434","useragent":{"browser":"chrome","family":"chrome","os":"mac","version":60,"supportsDesktopEdit":true,"supportsInteract":true,"supportsView":true,"isMobile":false,"isTablet":false,"isNative":false,"supportsFileAPI":true,"isTier1":true,"clientVersion":"","unknownParagraphsBad":false,"clientChannel":"","supportsRealScrollEvents":true,"supportsVhUnits":true,"ruinsViewportSections":false,"supportsHtml5Video":true,"supportsMagicUnderlines":true,"isWebView":false,"isFacebookWebView":false,"supportsProgressiveMedia":true,"supportsPromotedPosts":true,"isBot":false,"isNativeIphone":false,"supportsCssVariables":true,"supportsVideoSections":false,"emojiSupportLevel":4,"supportsScrollableMetabar":true},"variants":{"allow_access":true,"allow_signup":true,"allow_test_auth":"disallow","signin_services":"twitter,facebook,google,email,google-fastidv","signup_services":"twitter,facebook,google,email,google-fastidv","android_rating_prompt_recommend_threshold":5,"google_sign_in_android":true,"enable_onboarding":true,"ios_custom_miro_url":"https://cdn-images-1.medium.com","reengagement_notification_duration":3,"enable_adsnative_integration":true,"browsable_stream_config_bucket":"curated-topics","ios_small_post_preview_truncation_length":5.5,"ios_large_post_preview_truncation_length":5.5,"disable_ios_catalog_badging":true,"enable_series_creation":true,"enable_your_series_pages":true,"enable_productionized_series":true,"enable_dedicated_series_tab_api_ios":true,"enable_clap_milestone_notifications":true,"enable_series_stats_page":true,"enable_post_import":true,"enable_sponsored_post_labelling":true,"enable_logged_in_follow_on_collection_post":true,"promoted_story_placement_locations":"POST_PAGE_FOOTER","enable_chunky_home_page":true,"enable_export_members":true,"enable_series_card_background_creation":true,"enable_ios_onboarding_notifications":true,"available_membership_plans":"60e220181034","available_monthly_plan":"60e220181034","available_annual_plan":"2c754bcc2995","enable_annual_membership":true,"double_write_post_from_followed_tag_items":true,"enable_sms":true,"enable_series_in_user_profiles":true,"enable_new_logged_out_bento_operation":true,"enable_smyte_on_old_content":true,"is_not_medium_subscriber":true,"subs_landing_copy_experiments":"long","daily_digest_topics":true,"enable_emoji_in_editor":true,"enable_glyph":true,"glyph_font_set":"m","enable_branding":true,"enable_upsell_tracking":true,"enable_post_page_signin":true,"post_page_signin_copy_count":true,"enable_sequence_carousel":true,"enable_multirecommends":true,"enable_updated_homepage_order":true,"enable_auto_grid_on_new_from_your_network":true,"enable_unbundled_you_might_like":true,"enable_noteworthy_promo":true,"enable_interest_graph_vtwo_topic_suggestions":true,"enable_popchunks":true,"enable_hightower":true,"enable_user_post_metering":true,"max_premium_content_per_user_under_metering":3,"enable_welcome_email_v2":true,"enable_topic_writer_onboarding":true,"enable_hightower_onboarding_blinker":true,"enable_direct_signin":true,"enable_strong_graph_chp_reorder":true},"xsrfToken":"OxHU7nTIH8Jl9Grp","iosAppId":"828256236","supportEmail":"yourfriends@medium.com","fp":{"/icons/favicon.svg":"https://cdn-static-1.medium.com/_/fp/icons/favicon.KjTfUJo7yJH_fCoUzzH3cg.svg","/icons/favicon-dev-editor.ico":"https://cdn-static-1.medium.com/_/fp/icons/favicon-dev-editor.YKKRxBO8EMvIqhyCwIiJeQ.ico","/icons/favicon-hatch-editor.ico":"https://cdn-static-1.medium.com/_/fp/icons/favicon-hatch-editor.BuEyHIqlyh2s_XEk4Rl32Q.ico","/icons/favicon-medium-editor.ico":"https://cdn-static-1.medium.com/_/fp/icons/favicon-medium-editor.PiakrZWB7Yb80quUVQWM6g.ico"},"authBaseUrl":"https://medium.com","imageUploadSizeMb":25,"isAuthDomainRequest":true,"algoliaApiEndpoint":"https://MQ57UUUQZ2-dsn.algolia.net","algoliaAppId":"MQ57UUUQZ2","algoliaSearchOnlyApiKey":"394474ced050e3911ae2249ecc774921","iosAppStoreUrl":"https://itunes.apple.com/app/medium-everyones-stories/id828256236?pt=698524&mt=8","iosAppLinkBaseUrl":"medium:","algoliaIndexPrefix":"medium_","androidPlayStoreUrl":"https://play.google.com/store/apps/details?id=com.medium.reader","googleClientId":"216296035834-k1k6qe060s2tp2a2jam4ljdcms00sttg.apps.googleusercontent.com","androidPackage":"com.medium.reader","androidPlayStoreMarketScheme":"market://details?id=com.medium.reader","googleAuthUri":"https://accounts.google.com/o/oauth2/auth","androidScheme":"medium","layoutData":{"useDynamicScripts":false,"googleAnalyticsTrackingCode":"UA-24232453-2","jsShivUrl":"https://cdn-static-1.medium.com/_/fp/js/shiv.RI2ePTZ5gFmMgLzG5bEVAA.js","useDynamicCss":false,"faviconUrl":"https://cdn-static-1.medium.com/_/fp/icons/favicon-rebrand-medium.3Y6xpZ-0FSdWDnPM3hSBIA.ico","faviconImageId":"1*W0nmth_X8nFKjn6BZ388UQ.png","fontSets":[{"id":8,"url":"https://glyph.medium.com/css/e/sr/latin/e/ssr/latin/e/ssb/latin/m.css"}],"editorFaviconUrl":"https://cdn-static-1.medium.com/_/fp/icons/favicon-rebrand-medium-editor.3Y6xpZ-0FSdWDnPM3hSBIA.ico","glyphUrl":"https://glyph.medium.com"},"authBaseUrlRev":"moc.muidem//:sptth","isDnt":false,"stripePublishableKey":"pk_live_7FReX44VnNIInZwrIIx6ghjl","archiveUploadSizeMb":100,"paymentData":{"currencies":{"1":{"label":"US Dollar","external":"usd"}},"countries":{"1":{"label":"United States of America","external":"US"}},"accountTypes":{"1":{"label":"Individual","external":"individual"},"2":{"label":"Company","external":"company"}}},"previewConfig2":{"weightThreshold":1,"weightImageParagraph":0.05,"raiseImage":true,"enforceHeaderHierarchy":true,"isImageInsetRight":true},"isAmp":false,"iosScheme":"medium","isSwBoot":false,"lightstep":{"accessToken":"ce5be895bef60919541332990ac9fef2","carrier":"{\"ot-tracer-spanid\":\"1ef858e2763ce6c1\",\"ot-tracer-traceid\":\"24647b5e4bb300f9\",\"ot-tracer-sampled\":\"true\"}","host":"collector-medium.lightstep.com"},"facebook":{"key":"542599432471018","namespace":"medium-com","scope":{"default":["public_profile","email","user_friends"],"connect":["public_profile","email","user_friends"],"login":["public_profile","email","user_friends"],"share":["public_profile","email","user_friends","publish_actions"]}},"mailingListArchiveUploadSizeMb":2,"availableMembershipPlans":["60e220181034"],"editorsPicksTopicId":"3985d2a191c5","popularOnMediumTopicId":"9d34e48ecf94","memberContentTopicId":"13d7efd82fb2","audioContentTopicId":"3792abbd134","brandedSequenceId":"7d337ddf1941","isDoNotAuth":false,"goldfinchUrl":"https://goldfinch.medium.com","buggle":{"url":"https://buggle.medium.com","videoUrl":"https://cdn-videos-1.medium.com","audioUrl":"https://cdn-audio-1.medium.com","accessToken":"pJN6XGc43dDJLHJQ2ixamOFHUnAgKvhp"}}
+// ]]></script><script charset="UTF-8" src="../../../../../../../Downloads/medium_files/main-base.bundle.LlQTJsqxzBKNE5_Waz_Olg.js" async=""></script><script>// <![CDATA[
+window["obvInit"]({"references":{"User":{"53b247c66a8e":{"userId":"53b247c66a8e","name":"Rainist 엔지니어링 팀","username":"engineering_62431","createdAt":1481781596207,"lastPostCreatedAt":0,"imageId":"0*SCdNMgf4hAEbaCRV.","backgroundImageId":"","bio":"","twitterScreenName":"","facebookAccountId":"","allowNotes":1,"mediumMemberAt":0,"isNsfw":false,"type":"User"},"7c59a12b4ac7":{"userId":"7c59a12b4ac7","name":"Sunghoon Kang","username":"devholic","createdAt":1483603028544,"lastPostCreatedAt":1502362960875,"imageId":"1*ZZwtCUhDgks0wK_E5pVSHQ.jpeg","backgroundImageId":"","bio":"Love to build things","twitterScreenName":"","facebookAccountId":"","allowNotes":1,"mediumMemberAt":0,"isNsfw":false,"type":"User"},"2e5c3ed06ba4":{"userId":"2e5c3ed06ba4","name":"Yujin Jeong","username":"yujinjeong","createdAt":1498698148278,"lastPostCreatedAt":1500008302749,"imageId":"0*Qsw_Mvfmn_2uFNOU.","backgroundImageId":"","bio":"","twitterScreenName":"","facebookAccountId":"665468900192744","allowNotes":1,"mediumMemberAt":0,"isNsfw":false,"type":"User"},"f2ac364bc766":{"userId":"f2ac364bc766","name":"Hyun Min Choi","username":"hyunmin.choi","createdAt":1480576332775,"lastPostCreatedAt":1495160050951,"imageId":"1*1MQqtKPnqx1GoKUBdQ_Bjw.jpeg","backgroundImageId":"","bio":"Software Engineer @Rainist, Seoul","twitterScreenName":"","facebookAccountId":"714512748724293","allowNotes":1,"mediumMemberAt":0,"isNsfw":false,"type":"User"},"3cd0bf069bbf":{"userId":"3cd0bf069bbf","name":"Sunghyun Hwang","username":"sunghyunzz","createdAt":1441111125690,"lastPostCreatedAt":1500020667104,"imageId":"0*jb2CeUuchJutJWCX.jpeg","backgroundImageId":"","bio":"CTO of Rainist, Active Agile Practitioner, Python Enthusiast","twitterScreenName":"_sunghyunzz","facebookAccountId":"1009735312395923","allowNotes":1,"mediumMemberAt":0,"isNsfw":false,"type":"User"}},"Collection":{"47d34fb1aaf5":{"id":"47d34fb1aaf5","name":"Rainist Engineering","slug":"rainist-engineering","tags":["SOFTWARE ENGINEERING","TECHNOLOGY","FINTECH","STARTUP","SOFTWARE DEVELOPMENT"],"creatorId":"53b247c66a8e","description":"개인 금융 관리 서비스 뱅크샐러드를 만드는 Rainist의 Engineering 팀입니다.","shortDescription":"개인 금융 관리 서비스 뱅크샐러드를 만드는 Rainist의 Engineering 팀입니다.","image":{"imageId":"1*J6VGBl2EFbwB03urRiFFOg.png","filter":"","backgroundSize":"","originalWidth":1000,"originalHeight":1000,"strategy":"resample","height":0,"width":0},"metadata":{"followerCount":81,"activeAt":1505455752356},"virtuals":{"permissions":{"canPublish":false,"canPublishAll":false,"canRepublish":false,"canRemove":false,"canManageAll":false,"canSubmit":false,"canEditPosts":false,"canAddWriters":false,"canViewStats":false,"canSendNewsletter":false,"canViewLockedPosts":false,"canViewCloaked":false,"canEditOwnPosts":false,"canBeAssignedAuthor":false,"canEnrollInHightower":false,"canLockPostsForMediumMembers":false},"isSubscribed":false,"isNewsletterSubscribed":false,"memberOfMembershipPlanId":"","isEnrolledInHightower":false,"isEligibleForHightower":false},"logo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"facebookPageName":"rainistcompany","publicEmail":"engineering@rainist.com","sections":[{"type":2,"collectionHeaderMetadata":{"title":"Rainist Engineering","description":"We are creating Banksalad","backgroundImage":{},"logoImage":{},"alignment":2,"layout":5}},{"type":3,"promoMetadata":{"sectionHeader":"","promoId":"8566f09af58a"}},{"type":1,"postListMetadata":{"source":1,"layout":4,"number":5,"postIds":[],"sectionHeader":"Latest"}}],"tintColor":"#FF009EDE","lightText":true,"favicon":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"colorPalette":{"defaultBackgroundSpectrum":{"colorPoints":[{"color":"#FF0093D2","point":0},{"color":"#FF0088C1","point":0.1},{"color":"#FF107DAF","point":0.2},{"color":"#FF1B729E","point":0.3},{"color":"#FF20678D","point":0.4},{"color":"#FF215C7C","point":0.5},{"color":"#FF21506B","point":0.6},{"color":"#FF1F445A","point":0.7},{"color":"#FF1B3849","point":0.8},{"color":"#FF152A37","point":0.9},{"color":"#FF0E1C25","point":1}],"backgroundColor":"#FFFFFFFF"},"tintBackgroundSpectrum":{"colorPoints":[{"color":"#FF009EDE","point":0},{"color":"#FF3EA9E3","point":0.1},{"color":"#FF5BB4E9","point":0.2},{"color":"#FF73BFEE","point":0.3},{"color":"#FF88C9F3","point":0.4},{"color":"#FF9CD3F8","point":0.5},{"color":"#FFAEDDFD","point":0.6},{"color":"#FFC0E6FF","point":0.7},{"color":"#FFD1F0FF","point":0.8},{"color":"#FFE2F9FF","point":0.9},{"color":"#FFF2FFFF","point":1}],"backgroundColor":"#FF009EDE"},"highlightSpectrum":{"colorPoints":[{"color":"#FFE1F7FF","point":0},{"color":"#FFDCF6FF","point":0.1},{"color":"#FFD6F5FF","point":0.2},{"color":"#FFCFF4FF","point":0.3},{"color":"#FFC9F3FF","point":0.4},{"color":"#FFC2F2FF","point":0.5},{"color":"#FFBCF1FF","point":0.6},{"color":"#FFB4F0FF","point":0.7},{"color":"#FFADEFFF","point":0.8},{"color":"#FFA5EEFF","point":0.9},{"color":"#FF9DEDFF","point":1}],"backgroundColor":"#FFFFFFFF"}},"navItems":[],"colorBehavior":2,"instantArticlesState":0,"acceleratedMobilePagesState":0,"ampLogo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"header":{"title":"Rainist Engineering","description":"We are creating Banksalad","backgroundImage":{},"logoImage":{},"alignment":2,"layout":5},"type":"Collection"}}},"paging":{"previous":{"limit":10,"from":"1505455751760"},"next":{"limit":10,"to":"1485398820556"}},"collection":{"id":"47d34fb1aaf5","name":"Rainist Engineering","slug":"rainist-engineering","tags":["SOFTWARE ENGINEERING","TECHNOLOGY","FINTECH","STARTUP","SOFTWARE DEVELOPMENT"],"creatorId":"53b247c66a8e","description":"개인 금융 관리 서비스 뱅크샐러드를 만드는 Rainist의 Engineering 팀입니다.","shortDescription":"개인 금융 관리 서비스 뱅크샐러드를 만드는 Rainist의 Engineering 팀입니다.","image":{"imageId":"1*J6VGBl2EFbwB03urRiFFOg.png","filter":"","backgroundSize":"","originalWidth":1000,"originalHeight":1000,"strategy":"resample","height":0,"width":0},"metadata":{"followerCount":81,"activeAt":1505455752356},"virtuals":{"permissions":{"canPublish":false,"canPublishAll":false,"canRepublish":false,"canRemove":false,"canManageAll":false,"canSubmit":false,"canEditPosts":false,"canAddWriters":false,"canViewStats":false,"canSendNewsletter":false,"canViewLockedPosts":false,"canViewCloaked":false,"canEditOwnPosts":false,"canBeAssignedAuthor":false,"canEnrollInHightower":false,"canLockPostsForMediumMembers":false},"isSubscribed":false,"isNewsletterSubscribed":false,"memberOfMembershipPlanId":"","isEnrolledInHightower":false,"isEligibleForHightower":false},"logo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"facebookPageName":"rainistcompany","publicEmail":"engineering@rainist.com","sections":[{"type":2,"collectionHeaderMetadata":{"title":"Rainist Engineering","description":"We are creating Banksalad","backgroundImage":{},"logoImage":{},"alignment":2,"layout":5}},{"type":3,"promoMetadata":{"sectionHeader":"","promoId":"8566f09af58a"}},{"type":1,"postListMetadata":{"source":1,"layout":4,"number":5,"postIds":[],"sectionHeader":"Latest"}}],"tintColor":"#FF009EDE","lightText":true,"favicon":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"colorPalette":{"defaultBackgroundSpectrum":{"colorPoints":[{"color":"#FF0093D2","point":0},{"color":"#FF0088C1","point":0.1},{"color":"#FF107DAF","point":0.2},{"color":"#FF1B729E","point":0.3},{"color":"#FF20678D","point":0.4},{"color":"#FF215C7C","point":0.5},{"color":"#FF21506B","point":0.6},{"color":"#FF1F445A","point":0.7},{"color":"#FF1B3849","point":0.8},{"color":"#FF152A37","point":0.9},{"color":"#FF0E1C25","point":1}],"backgroundColor":"#FFFFFFFF"},"tintBackgroundSpectrum":{"colorPoints":[{"color":"#FF009EDE","point":0},{"color":"#FF3EA9E3","point":0.1},{"color":"#FF5BB4E9","point":0.2},{"color":"#FF73BFEE","point":0.3},{"color":"#FF88C9F3","point":0.4},{"color":"#FF9CD3F8","point":0.5},{"color":"#FFAEDDFD","point":0.6},{"color":"#FFC0E6FF","point":0.7},{"color":"#FFD1F0FF","point":0.8},{"color":"#FFE2F9FF","point":0.9},{"color":"#FFF2FFFF","point":1}],"backgroundColor":"#FF009EDE"},"highlightSpectrum":{"colorPoints":[{"color":"#FFE1F7FF","point":0},{"color":"#FFDCF6FF","point":0.1},{"color":"#FFD6F5FF","point":0.2},{"color":"#FFCFF4FF","point":0.3},{"color":"#FFC9F3FF","point":0.4},{"color":"#FFC2F2FF","point":0.5},{"color":"#FFBCF1FF","point":0.6},{"color":"#FFB4F0FF","point":0.7},{"color":"#FFADEFFF","point":0.8},{"color":"#FFA5EEFF","point":0.9},{"color":"#FF9DEDFF","point":1}],"backgroundColor":"#FFFFFFFF"}},"navItems":[],"colorBehavior":2,"instantArticlesState":0,"acceleratedMobilePagesState":0,"ampLogo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"header":{"title":"Rainist Engineering","description":"We are creating Banksalad","backgroundImage":{},"logoImage":{},"alignment":2,"layout":5},"type":"Collection"},"posts":[{"id":"b3faf3f55777","versionId":"cf91bbe21cee","creatorId":"7c59a12b4ac7","homeCollectionId":"47d34fb1aaf5","title":"Kotlin, AWS 그리고 레이니스트와 함께라면 육군훈련소에서도 외롭지 않아","detectedLanguage":"ko","latestVersion":"cf91bbe21cee","latestPublishedVersion":"cf91bbe21cee","hasUnpublishedEdits":false,"latestRev":1370,"createdAt":1502362960875,"updatedAt":1505541175481,"acceptedAt":0,"firstPublishedAt":1505455751760,"latestPublishedAt":1505455906907,"vote":false,"experimentalCss":"","displayAuthor":"","virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*KIa4eZARMVelBWNRMd3D9Q.png","filter":"","backgroundSize":"","originalWidth":1831,"originalHeight":1444,"strategy":"resample","height":0,"width":0},"wordCount":625,"imageCount":11,"readingTime":6.612,"subtitle":"Kotlin과 AWS를 활용해 간단한 Slack 봇을 만든 경험을 통해 뱅크샐러드 Android 앱의 Architecture를 간단히 공유합니다.","publishedInCount":1,"usersBySocialRecommends":[],"recommends":14,"isBookmarked":false,"tags":[{"slug":"kotlin","name":"Kotlin","postCount":1293,"virtuals":{"isFollowing":false},"metadata":{"followerCount":2361,"postCount":1293,"coverImage":{"id":"1*OyB8bi29G-ZHJOALL9NU7A.jpeg","originalWidth":4912,"originalHeight":3264}},"type":"Tag"},{"slug":"rxjava","name":"Rxjava","postCount":451,"virtuals":{"isFollowing":false},"metadata":{"followerCount":1646,"postCount":451,"coverImage":{"id":"1*KIa4eZARMVelBWNRMd3D9Q.png","originalWidth":1831,"originalHeight":1444,"isFeatured":true}},"type":"Tag"},{"slug":"aws","name":"AWS","postCount":6520,"virtuals":{"isFollowing":false},"metadata":{"followerCount":3354,"postCount":6520,"coverImage":{"id":"1*FV6MlgPkezDj8wH3jQdoLQ.jpeg","originalWidth":2560,"originalHeight":1600}},"type":"Tag"},{"slug":"aws-lambda","name":"AWS Lambda","postCount":924,"virtuals":{"isFollowing":false},"metadata":{"followerCount":759,"postCount":924,"coverImage":{"id":"1*KIa4eZARMVelBWNRMd3D9Q.png","originalWidth":1831,"originalHeight":1444,"isFeatured":true}},"type":"Tag"},{"slug":"rainist","name":"Rainist","postCount":1,"virtuals":{"isFollowing":false},"metadata":{"followerCount":0,"postCount":1,"coverImage":{"id":"1*KIa4eZARMVelBWNRMd3D9Q.png","originalWidth":1831,"originalHeight":1444,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[{"url":"https://rainist.com/recruit/engineer","alts":[],"httpStatus":200},{"url":"https://blog.jetbrains.com/kotlin/2017/05/kotlin-on-android-now-official","alts":[],"httpStatus":200},{"url":"https://api.slack.com/bot-users","alts":[],"httpStatus":200},{"url":"https://www.mma.go.kr/contents.do?mc=mma0000760","alts":[],"httpStatus":200},{"url":"http://reactivex.io/RxJava/javadoc/io/reactivex/Single.html","alts":[],"httpStatus":200},{"url":"https://github.com/devholic/epilogue","alts":[],"httpStatus":200},{"url":"https://api.slack.com/apps?new_app=1","alts":[],"httpStatus":200},{"url":"https://aws.amazon.com/ko/cloudwatch/","alts":[],"httpStatus":200},{"url":"https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/SlackRepository.kt","alts":[],"httpStatus":200},{"url":"http://reactivex.io/RxJava/javadoc/io/reactivex/Completable.html","alts":[],"httpStatus":200},{"url":"https://aws.amazon.com/ko/lambda/details/","alts":[],"httpStatus":200},{"url":"https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/KATCRepository.kt","alts":[],"httpStatus":200},{"url":"https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/NaverNewsRepository.kt","alts":[],"httpStatus":200},{"url":"http://javadox.com/com.amazonaws/aws-lambda-java-core/1.1.0/com/amazonaws/services/lambda/runtime/RequestHandler.html","alts":[],"httpStatus":200},{"url":"https://mvnrepository.com/artifact/com.amazonaws/aws-lambda-java-core/1.1.0","alts":[],"httpStatus":200},{"url":"https://academy.realm.io/kr/posts/clean-architecture-in-android","alts":[],"httpStatus":200},{"url":"https://github.com/devholic/epilogue/blob/master/src/main/kotlin/io/devholic/epilogue/repository/MessageRepository.kt","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1505455920856},"isLockedPreviewOnly":false,"takeoverId":"","metaDescription":"Kotlin과 AWS를 활용해 간단한 Slack 봇을 만든 경험을 통해 뱅크샐러드 Android 앱의 Architecture를 간단히 공유합니다.","totalClapCount":295,"sectionCount":1},"coverless":true,"slug":"kotlin-aws-그리고-레이니스트와-함께라면-육군훈련소에서도-외롭지-않아","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"writing-aws-lambda-function-in-kotlin-b3faf3f55777","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*KIa4eZARMVelBWNRMd3D9Q.png","originalWidth":1831,"originalHeight":1444,"isFeatured":true}},{"name":"previewTitle","type":3,"text":"Kotlin, AWS 그리고 레이니스트와 함께라면 육군훈련소에서도 외롭지 않아","alignment":1},{"name":"previewSubtitle","type":13,"text":"Kotlin과 AWS를 활용해 간단한 Slack 봇을 만든 경험을 통해 뱅크샐러드 Android 앱…","alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"47d34fb1aaf5","newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"isSponsored":false,"isRequestToPubDisabled":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isNsfw":false,"isEligibleForRevenue":false,"type":"Post"},{"id":"eac147f59ae","versionId":"563bea7344d","creatorId":"2e5c3ed06ba4","homeCollectionId":"47d34fb1aaf5","title":"Typescript로 Local Storage 안전하게 사용하기","detectedLanguage":"ko","latestVersion":"563bea7344d","latestPublishedVersion":"563bea7344d","hasUnpublishedEdits":false,"latestRev":1728,"createdAt":1500008302749,"updatedAt":1505130332381,"acceptedAt":0,"firstPublishedAt":1501753373520,"latestPublishedAt":1501757599522,"vote":false,"experimentalCss":"","displayAuthor":"","virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*w3zjWoOeDNp7fw9vuiqaTw.png","filter":"","backgroundSize":"","originalWidth":800,"originalHeight":200,"strategy":"resample","height":0,"width":0},"wordCount":617,"imageCount":2,"readingTime":5.729333333333334,"subtitle":"최근 1년 간 뱅크샐러드 웹은 많은 변화가 있었습니다. 새로운 금융상품 추천부터 어려운 금융지식을 풀어쓰는 매거진 까지 다양한 기능을 제공하고 많은 사용자들이 방문하기 시작했습니다.","userPostRelation":{"userId":"aea8a30a8e5a","postId":"eac147f59ae","readAt":0,"readLaterAddedAt":0,"votedAt":0,"collaboratorAddedAt":0,"notesAddedAt":0,"subscribedAt":0,"lastReadSectionName":"","lastReadVersionId":"","lastReadAt":0,"lastReadParagraphName":"","lastReadPercentage":0,"viewedAt":0,"presentedCountInResponseManagement":0,"clapCount":0,"seriesUpdateNotifsOptedInAt":0,"queuedAt":0,"seriesFirstViewedAt":0,"presentedCountInStream":2,"seriesLastViewedAt":0,"audioProgressSec":0},"publishedInCount":1,"usersBySocialRecommends":[],"recommends":13,"isBookmarked":false,"tags":[{"slug":"typescript","name":"Typescript","postCount":1315,"virtuals":{"isFollowing":false},"metadata":{"followerCount":2037,"postCount":1315,"coverImage":{"id":"1*Tm396OwrUtx0rIcvhvRQ_g.jpeg","originalWidth":475,"originalHeight":253}},"type":"Tag"},{"slug":"web-development","name":"Web Development","postCount":51334,"virtuals":{"isFollowing":false},"metadata":{"followerCount":43825,"postCount":51334,"coverImage":{"id":"1*WVtok3BV0NgU95mpxk9CNg.gif","originalWidth":972,"originalHeight":514,"isFeatured":true}},"type":"Tag"},{"slug":"web","name":"Web","postCount":4627,"virtuals":{"isFollowing":false},"metadata":{"followerCount":324,"postCount":4627,"coverImage":{"id":"1*oa9fmzmOa7zYsPTD1nsUHQ.jpeg","originalWidth":3129,"originalHeight":2078}},"type":"Tag"},{"slug":"javascript","name":"JavaScript","postCount":42120,"virtuals":{"isFollowing":false},"metadata":{"followerCount":39806,"postCount":42120,"coverImage":{"id":"1*vw_IFvZU5MVVb2-ZKiVvjA.png","originalWidth":1920,"originalHeight":1080,"isFeatured":true}},"type":"Tag"},{"slug":"front-end-development","name":"Front End Development","postCount":4074,"virtuals":{"isFollowing":false},"metadata":{"followerCount":11503,"postCount":4074,"coverImage":{"id":"1*Q5pRPJHVNHQYpD-zgd5_Dg.png","originalWidth":2084,"originalHeight":1102,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[{"url":"https://www.w3schools.com/html/html5_webstorage.asp","alts":[],"httpStatus":200},{"url":"https://8thlight.com/blog/uncle-bob/2012/08/13/the-clean-architecture.html","alts":[],"httpStatus":200},{"url":"https://www.typescriptlang.org/","alts":[],"httpStatus":200},{"url":"https://banksalad.com/cma/how-it-works","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1501757612692},"isLockedPreviewOnly":false,"takeoverId":"","metaDescription":"","totalClapCount":18,"sectionCount":1},"coverless":true,"slug":"typescript로-local-storage-안전하게-사용하기","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":true,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"safe-localstorage-using-typescdript-eac147f59ae","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*w3zjWoOeDNp7fw9vuiqaTw.png","originalWidth":800,"originalHeight":200,"isFeatured":true}},{"name":"f17d","type":3,"text":"Typescript로 Local Storage 안전하게 사용하기","markups":[],"alignment":1},{"name":"f21a","type":1,"text":"최근 1년 간 뱅크샐러드 웹은 많은 변화가 있었습니다. 새로운 금융상품 추천부터 어려운 금융지식을 풀어쓰는 매거진 까지 다양한 기능을 제공하고 많은 사용자들이 방문하기 시작…","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"47d34fb1aaf5","newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"isSponsored":false,"isRequestToPubDisabled":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isNsfw":false,"isEligibleForRevenue":false,"type":"Post"},{"id":"d948d8d3db80","versionId":"6e7a1b5823b7","creatorId":"7c59a12b4ac7","homeCollectionId":"47d34fb1aaf5","title":"RxJava로 뒤로가기 버튼 확인 기능 구현하기","detectedLanguage":"ko","latestVersion":"6e7a1b5823b7","latestPublishedVersion":"6e7a1b5823b7","hasUnpublishedEdits":false,"latestRev":834,"createdAt":1498545271178,"updatedAt":1504006349146,"acceptedAt":0,"firstPublishedAt":1498615248911,"latestPublishedAt":1498615248911,"vote":false,"experimentalCss":"","displayAuthor":"","virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*0yo8azTvqfibGBQWn_aiBw.gif","filter":"","backgroundSize":"","originalWidth":480,"originalHeight":853,"strategy":"resample","height":0,"width":0},"wordCount":338,"imageCount":4,"readingTime":3.734,"subtitle":"RxJava로 뒤로가기 버튼을 두번 눌러 종료하는 기능을 어떻게 구현했는지에 대해 공유합니다.","userPostRelation":{"userId":"aea8a30a8e5a","postId":"d948d8d3db80","readAt":0,"readLaterAddedAt":0,"votedAt":0,"collaboratorAddedAt":0,"notesAddedAt":0,"subscribedAt":0,"lastReadSectionName":"","lastReadVersionId":"","lastReadAt":0,"lastReadParagraphName":"","lastReadPercentage":0,"viewedAt":0,"presentedCountInResponseManagement":0,"clapCount":0,"seriesUpdateNotifsOptedInAt":0,"queuedAt":0,"seriesFirstViewedAt":0,"presentedCountInStream":2,"seriesLastViewedAt":0,"audioProgressSec":0},"publishedInCount":1,"usersBySocialRecommends":[],"recommends":13,"isBookmarked":false,"tags":[{"slug":"android","name":"Android","postCount":31086,"virtuals":{"isFollowing":false},"metadata":{"followerCount":18524,"postCount":31086,"coverImage":{"id":"1*ZPvyH9YGMikVGV-AQCI2Dg.png","originalWidth":4608,"originalHeight":2323}},"type":"Tag"},{"slug":"android-app-development","name":"Android App Development","postCount":10879,"virtuals":{"isFollowing":false},"metadata":{"followerCount":12820,"postCount":10879,"coverImage":{"id":"1*OyB8bi29G-ZHJOALL9NU7A.jpeg","originalWidth":4912,"originalHeight":3264}},"type":"Tag"},{"slug":"rxjava","name":"Rxjava","postCount":451,"virtuals":{"isFollowing":false},"metadata":{"followerCount":1646,"postCount":451,"coverImage":{"id":"1*KIa4eZARMVelBWNRMd3D9Q.png","originalWidth":1831,"originalHeight":1444,"isFeatured":true}},"type":"Tag"},{"slug":"reactive-programming","name":"Reactive Programming","postCount":398,"virtuals":{"isFollowing":false},"metadata":{"followerCount":968,"postCount":398,"coverImage":{"id":"1*lOWuN3XwH1PycpZYDjzaJw.png","originalWidth":400,"originalHeight":400}},"type":"Tag"},{"slug":"kotlin","name":"Kotlin","postCount":1293,"virtuals":{"isFollowing":false},"metadata":{"followerCount":2361,"postCount":1293,"coverImage":{"id":"1*OyB8bi29G-ZHJOALL9NU7A.jpeg","originalWidth":4912,"originalHeight":3264}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":2,"links":{"entries":[{"url":"https://rainist.com/recruit","alts":[],"httpStatus":200},{"url":"https://github.com/ReactiveX/RxJava/wiki/Subject","alts":[],"httpStatus":200},{"url":"http://reactivex.io/documentation/subject.html","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1498615480255},"isLockedPreviewOnly":false,"takeoverId":"","metaDescription":"뒤로가기 버튼을 두번 눌러 종료하는 기능을 구현한 많은 블로그 글들을 보면 대부분 Handler.postDelayed 를 활용하거나, 변수를 따로 만들어서 뒤로가기 버튼을 눌렀을 때 누른 시간을 캐싱하는 방식으로 작업한 케이스가 많은데, RxJava를 활용하면 매우 쉽고 간편하게 이 기능을 구현할 수 있습니다.","totalClapCount":13,"sectionCount":1},"coverless":true,"slug":"rxjava로-뒤로가기-버튼-확인-기능-구현하기","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"handling-back-button-with-rxjava-d948d8d3db80","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*0yo8azTvqfibGBQWn_aiBw.gif","originalWidth":480,"originalHeight":853,"isFeatured":true}},{"name":"previewTitle","type":3,"text":"RxJava로 뒤로가기 버튼 확인 기능 구현하기","alignment":1},{"name":"previewSubtitle","type":13,"text":"RxJava로 뒤로가기 버튼을 두번 눌러 종료하는 기능을 어떻게 구현했는지에 대해 공유합니다.","alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"47d34fb1aaf5","newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"isSponsored":false,"isRequestToPubDisabled":true,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isNsfw":false,"isEligibleForRevenue":false,"type":"Post"},{"id":"3aea3ff9051c","versionId":"abbe17803080","creatorId":"7c59a12b4ac7","homeCollectionId":"47d34fb1aaf5","title":"RxJava2를 도입하며","detectedLanguage":"ko","latestVersion":"abbe17803080","latestPublishedVersion":"abbe17803080","hasUnpublishedEdits":false,"latestRev":2234,"createdAt":1491225992831,"updatedAt":1505313838410,"acceptedAt":0,"firstPublishedAt":1491835790989,"latestPublishedAt":1491835790989,"vote":false,"experimentalCss":"","displayAuthor":"","virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*eiCEKhoszgqTd3ydJDFjzA.png","filter":"","backgroundSize":"","originalWidth":1400,"originalHeight":560,"strategy":"resample","height":0,"width":0},"wordCount":1033,"imageCount":8,"readingTime":11.485333333333333,"subtitle":"뱅크샐러드 안드로이드 앱에 적용되어있던 RxJava1을 RxJava2로 업데이트하며 겪은 바를 공유합니다.","userPostRelation":{"userId":"aea8a30a8e5a","postId":"3aea3ff9051c","readAt":0,"readLaterAddedAt":0,"votedAt":0,"collaboratorAddedAt":0,"notesAddedAt":0,"subscribedAt":0,"lastReadSectionName":"","lastReadVersionId":"","lastReadAt":0,"lastReadParagraphName":"","lastReadPercentage":0,"viewedAt":0,"presentedCountInResponseManagement":0,"clapCount":0,"seriesUpdateNotifsOptedInAt":0,"queuedAt":0,"seriesFirstViewedAt":0,"presentedCountInStream":1,"seriesLastViewedAt":0,"audioProgressSec":0},"publishedInCount":1,"usersBySocialRecommends":[],"recommends":34,"isBookmarked":false,"tags":[{"slug":"android","name":"Android","postCount":31086,"virtuals":{"isFollowing":false},"metadata":{"followerCount":18524,"postCount":31086,"coverImage":{"id":"1*ZPvyH9YGMikVGV-AQCI2Dg.png","originalWidth":4608,"originalHeight":2323}},"type":"Tag"},{"slug":"android-app-development","name":"Android App Development","postCount":10879,"virtuals":{"isFollowing":false},"metadata":{"followerCount":12820,"postCount":10879,"coverImage":{"id":"1*OyB8bi29G-ZHJOALL9NU7A.jpeg","originalWidth":4912,"originalHeight":3264}},"type":"Tag"},{"slug":"rxjava","name":"Rxjava","postCount":451,"virtuals":{"isFollowing":false},"metadata":{"followerCount":1646,"postCount":451,"coverImage":{"id":"1*KIa4eZARMVelBWNRMd3D9Q.png","originalWidth":1831,"originalHeight":1444,"isFeatured":true}},"type":"Tag"},{"slug":"reactive-programming","name":"Reactive Programming","postCount":398,"virtuals":{"isFollowing":false},"metadata":{"followerCount":968,"postCount":398,"coverImage":{"id":"1*lOWuN3XwH1PycpZYDjzaJw.png","originalWidth":400,"originalHeight":400}},"type":"Tag"},{"slug":"rxandroid","name":"Rxandroid","postCount":69,"virtuals":{"isFollowing":false},"metadata":{"followerCount":467,"postCount":69,"coverImage":{"id":"1*Tb3oDAoS0V30XnKd3OfV3w.png","originalWidth":720,"originalHeight":540}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":1,"links":{"entries":[],"version":"0.3","generatedAt":1491835793084},"isLockedPreviewOnly":false,"takeoverId":"","metaDescription":"레이니스트에서는 뱅크샐러드 안드로이드 앱의 경우에는 RxJava와 RxAndroid, iOS의 경우 RxSwift, 공식 웹사이트에서는 RxJS를 사용하는 등 플랫폼을 가리지 않고 ReactiveX를 적극적으로 사용하고 있습니다.  RxJava1을 (나름대로) 잘 사용하고 있었지만, RxJava2 문서를 살펴본 결과 기존 안드로이드 코드 베이스에서 발생…","totalClapCount":34,"sectionCount":2},"coverless":true,"slug":"rxjava2를-도입하며","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"migrate-from-rxjava1-to-rxjava2-3aea3ff9051c","previewContent":{"bodyModel":{"paragraphs":[{"name":"bdba","type":3,"text":"RxJava2를 도입하며","markups":[],"alignment":1},{"name":"cfb3","type":1,"text":"레이니스트에서는 뱅크샐러드 안드로이드 앱의 경우에는 RxJava와 RxAndroid, iOS의 경우 RxSwift, 공식 웹사이트에서는 RxJS를 사용하는 등 플랫폼을 가리지 않고 ReactiveX를 적극적으로 사용하고 있습니다.","markups":[{"type":3,"start":29,"end":35,"href":"https://github.com/ReactiveX/RxJava","title":"","rel":"","anchorType":0},{"type":3,"start":37,"end":46,"href":"https://github.com/ReactiveX/RxAndroid","title":"","rel":"","anchorType":0},{"type":3,"start":56,"end":63,"href":"https://github.com/ReactiveX/RxSwift","title":"","rel":"","anchorType":0},{"type":3,"start":76,"end":80,"href":"https://github.com/ReactiveX/RxJS","title":"","rel":"","anchorType":0},{"type":3,"start":101,"end":110,"href":"http://reactivex.io/","title":"","rel":"","anchorType":0},{"type":2,"start":29,"end":35},{"type":2,"start":37,"end":46},{"type":2,"start":56,"end":63},{"type":2,"start":76,"end":80},{"type":2,"start":101,"end":110}],"alignment":1},{"name":"028a","type":4,"text":"","markups":[],"layout":9,"metadata":{"id":"1*eiCEKhoszgqTd3ydJDFjzA.png","originalWidth":1400,"originalHeight":560}}],"sections":[{"startIndex":0}]},"isFullContent":false},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"47d34fb1aaf5","newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"isSponsored":false,"isRequestToPubDisabled":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isNsfw":false,"isEligibleForRevenue":false,"type":"Post"},{"id":"e15a081e4604","versionId":"e95de7b96a73","creatorId":"7c59a12b4ac7","homeCollectionId":"47d34fb1aaf5","title":"모듈화로 안드로이드 빌드 시간 줄이기","detectedLanguage":"ko","latestVersion":"e95de7b96a73","latestPublishedVersion":"e95de7b96a73","hasUnpublishedEdits":false,"latestRev":1776,"createdAt":1486608624911,"updatedAt":1504927442132,"acceptedAt":0,"firstPublishedAt":1487698685502,"latestPublishedAt":1487698932313,"vote":false,"experimentalCss":"","displayAuthor":"","virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*G3g4qxNjSPXTb5SI9Lxu-A.png","filter":"","backgroundSize":"","originalWidth":1770,"originalHeight":1372,"strategy":"resample","height":0,"width":0},"wordCount":812,"imageCount":7,"readingTime":7.754,"subtitle":"뱅크샐러드 Android 프로젝트에 모듈화를 적용하며 겪었던 바를 공유합니다.","publishedInCount":1,"usersBySocialRecommends":[],"recommends":15,"isBookmarked":false,"tags":[{"slug":"android","name":"Android","postCount":31086,"virtuals":{"isFollowing":false},"metadata":{"followerCount":18524,"postCount":31086,"coverImage":{"id":"1*ZPvyH9YGMikVGV-AQCI2Dg.png","originalWidth":4608,"originalHeight":2323}},"type":"Tag"},{"slug":"kotlin","name":"Kotlin","postCount":1293,"virtuals":{"isFollowing":false},"metadata":{"followerCount":2361,"postCount":1293,"coverImage":{"id":"1*OyB8bi29G-ZHJOALL9NU7A.jpeg","originalWidth":4912,"originalHeight":3264}},"type":"Tag"},{"slug":"gradle","name":"Gradle","postCount":374,"virtuals":{"isFollowing":false},"metadata":{"followerCount":651,"postCount":374,"coverImage":{"id":"1*J-1MC3QGbIuwq4tb-yr-iA.png","originalWidth":413,"originalHeight":360,"isFeatured":true}},"type":"Tag"},{"slug":"proguard","name":"Proguard","postCount":22,"virtuals":{"isFollowing":false},"metadata":{"followerCount":5,"postCount":22,"coverImage":{"id":"1*VE0p581LkbnCpjrNkbAiCg.png","originalWidth":2095,"originalHeight":860}},"type":"Tag"},{"slug":"android-app-development","name":"Android App Development","postCount":10879,"virtuals":{"isFollowing":false},"metadata":{"followerCount":12820,"postCount":10879,"coverImage":{"id":"1*OyB8bi29G-ZHJOALL9NU7A.jpeg","originalWidth":4912,"originalHeight":3264}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":1,"links":{"entries":[{"url":"https://medium.com/@nikita.kozlov/how-modularisation-affects-build-time-of-an-android-application-43a984ce9968","alts":[{"type":2,"url":"medium://p/43a984ce9968"},{"type":3,"url":"medium://p/43a984ce9968"}]}],"version":"0.3","generatedAt":1487698932688},"isLockedPreviewOnly":false,"takeoverId":"","metaDescription":"안녕하세요? 레이니스트에서 소프트웨어 엔지니어로 근무하고있는 강성훈입니다. 레이니스트의 안드로이드 개발팀은 Android Weekly를 구독하면서 팀원들끼리 Android에 관련된 정보를 공유하고, 기술 트렌드를 파악하고 있습니다. 여느때와 같이 Android Weekly를 팀원들과 함께 보고있는데, 모듈화가 안드로이드 앱 빌드시간에 어떻게 영향을 끼치…","totalClapCount":15,"sectionCount":3},"coverless":true,"slug":"모듈화로-안드로이드-빌드-시간-줄이기","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"모듈화로-안드로이드-빌드-시간-줄이기-e15a081e4604","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*G3g4qxNjSPXTb5SI9Lxu-A.png","originalWidth":1770,"originalHeight":1372}},{"name":"previewTitle","type":3,"text":"모듈화로 안드로이드 빌드 시간 줄이기","alignment":1},{"name":"previewSubtitle","type":13,"text":"뱅크샐러드 Android 프로젝트에 모듈화를 적용하며 겪었던 바를 공유합니다.","alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"47d34fb1aaf5","newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"isSponsored":false,"isRequestToPubDisabled":false,"notifyFacebook":true,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isNsfw":false,"isEligibleForRevenue":false,"type":"Post"},{"id":"d491125abeb9","versionId":"be2411f790ec","creatorId":"f2ac364bc766","homeCollectionId":"47d34fb1aaf5","title":"스칼라의 도입을 회고하며","detectedLanguage":"ko","latestVersion":"be2411f790ec","latestPublishedVersion":"be2411f790ec","hasUnpublishedEdits":false,"latestRev":4440,"createdAt":1486874380399,"updatedAt":1501562270927,"acceptedAt":0,"firstPublishedAt":1487508831581,"latestPublishedAt":1487508831581,"vote":false,"experimentalCss":"","displayAuthor":"","virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*MNh0vstLc7Zhvox8BS4nnQ.png","filter":"","backgroundSize":"","originalWidth":250,"originalHeight":250,"strategy":"resample","height":0,"width":0},"wordCount":2672,"imageCount":2,"readingTime":19.367333333333335,"subtitle":"레이니스트의 카드 추천 서버 알프레드를 스칼라로 개발하고 난 뒤 느낀 점들을 솔직하게 회고해봅니다.","userPostRelation":{"userId":"aea8a30a8e5a","postId":"d491125abeb9","readAt":0,"readLaterAddedAt":0,"votedAt":0,"collaboratorAddedAt":0,"notesAddedAt":0,"subscribedAt":0,"lastReadSectionName":"","lastReadVersionId":"","lastReadAt":0,"lastReadParagraphName":"","lastReadPercentage":0,"viewedAt":1505041118515,"presentedCountInResponseManagement":0,"clapCount":0,"seriesUpdateNotifsOptedInAt":0,"queuedAt":0,"seriesFirstViewedAt":0,"presentedCountInStream":0,"seriesLastViewedAt":0,"audioProgressSec":0},"publishedInCount":1,"usersBySocialRecommends":[],"recommends":36,"isBookmarked":false,"tags":[{"slug":"scala","name":"Scala","postCount":925,"virtuals":{"isFollowing":false},"metadata":{"followerCount":1171,"postCount":925,"coverImage":{"id":"1*0BG0o33WuuW7P59m-fPKiQ.png","originalWidth":1000,"originalHeight":1200}},"type":"Tag"},{"slug":"rainist","name":"Rainist","postCount":1,"virtuals":{"isFollowing":false},"metadata":{"followerCount":0,"postCount":1,"coverImage":{"id":"1*KIa4eZARMVelBWNRMd3D9Q.png","originalWidth":1831,"originalHeight":1444,"isFeatured":true}},"type":"Tag"},{"slug":"banksalad","name":"Banksalad","postCount":1,"virtuals":{"isFollowing":false},"metadata":{"followerCount":0,"postCount":1,"coverImage":{"id":"1*MNh0vstLc7Zhvox8BS4nnQ.png","originalWidth":250,"originalHeight":250}},"type":"Tag"},{"slug":"레이니스트","name":"레이니스트","postCount":1,"virtuals":{"isFollowing":false},"metadata":{"followerCount":0,"postCount":1,"coverImage":{"id":"1*MNh0vstLc7Zhvox8BS4nnQ.png","originalWidth":250,"originalHeight":250}},"type":"Tag"},{"slug":"뱅크샐러드","name":"뱅크샐러드","postCount":1,"virtuals":{"isFollowing":false},"metadata":{"followerCount":0,"postCount":1,"coverImage":{"id":"1*MNh0vstLc7Zhvox8BS4nnQ.png","originalWidth":250,"originalHeight":250}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":3,"links":{"entries":[],"version":"0.3","generatedAt":1487508832483},"isLockedPreviewOnly":false,"takeoverId":"","metaDescription":"레이니스트에서 처음으로 스칼라가 개발 언어로 사용된 프로젝트는 ‘셰프 알프레드’입니다. (레이니스트 서버 개발팀은 뱅크샐러드와 관련된 서버를 뱅크샐러드 세계관의 셰프라고 생각하고, 이에 맞춰 각 프로젝트의 명명을 사람 이름으로 하는 독특한 문화가 있습니다. 카드 추천 서버는 뱅크샐러드 세계관의 셰프 알프레드인 셈입니다.) 알프레드는 기존에 존재하던 카드 추","totalClapCount":36,"sectionCount":6},"coverless":true,"slug":"스칼라의-도입을-회고하며","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"스칼라의-도입을-회고하며-d491125abeb9","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*MNh0vstLc7Zhvox8BS4nnQ.png","originalWidth":250,"originalHeight":250}},{"name":"previewTitle","type":3,"text":"스칼라의 도입을 회고하며","alignment":1},{"name":"previewSubtitle","type":13,"text":"레이니스트의 카드 추천 서버 알프레드를 스칼라로 개발하고 난 뒤 느낀 점들을 솔직하게 회고해봅니다.","alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"47d34fb1aaf5","newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"isSponsored":false,"isRequestToPubDisabled":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isNsfw":false,"isEligibleForRevenue":false,"type":"Post"},{"id":"2d757ea69844","versionId":"2977d9171560","creatorId":"3cd0bf069bbf","homeCollectionId":"47d34fb1aaf5","title":"레이니스트의 기술 블로그를 시작하며","detectedLanguage":"ko","latestVersion":"2977d9171560","latestPublishedVersion":"2977d9171560","hasUnpublishedEdits":false,"latestRev":29,"createdAt":1485242906378,"updatedAt":1498787765335,"acceptedAt":0,"firstPublishedAt":1485398820556,"latestPublishedAt":1485398820556,"vote":false,"experimentalCss":"","displayAuthor":"","virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"wordCount":270,"imageCount":0,"readingTime":1.74,"subtitle":"레이니스트는 개인 자산 관리 서비스 뱅크샐러드를 만드는 스타트업입니다. 뱅크샐러드는 2014년 6월에 웹 서비스 오픈 베타를 시작하여, 최근에는 Google Play 선정 2016년 올해를 빛낸 혁신적인 앱으로 선정되었습니다. 많은 분들이 뱅크샐러…","publishedInCount":1,"usersBySocialRecommends":[],"recommends":11,"isBookmarked":false,"tags":[{"slug":"software-engineering","name":"Software Engineering","postCount":3134,"virtuals":{"isFollowing":false},"metadata":{"followerCount":2312,"postCount":3134,"coverImage":{"id":"1*Pvazy3QiLsH4TcE2A8yLyw.jpeg","originalWidth":4000,"originalHeight":2248,"isFeatured":true}},"type":"Tag"},{"slug":"startup","name":"Startup","postCount":222459,"virtuals":{"isFollowing":false},"metadata":{"followerCount":946410,"postCount":222459,"coverImage":{"id":"1*22RsJ-7NHWOqbpqOFCv8Vw.jpeg"}},"type":"Tag"},{"slug":"fintech","name":"Fintech","postCount":16927,"virtuals":{"isFollowing":false},"metadata":{"followerCount":4572,"postCount":16927,"coverImage":{"id":"0*i5CBF6donxLNk_qy.jpg","originalWidth":1008,"originalHeight":435}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":3,"links":{"entries":[],"version":"0.3","generatedAt":1485398821010},"isLockedPreviewOnly":false,"takeoverId":"","metaDescription":"","totalClapCount":11,"sectionCount":1},"coverless":true,"slug":"레이니스트의-기술-블로그를-시작하며","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":true,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"레이니스트의-기술-블로그를-시작하며-2d757ea69844","previewContent":{"bodyModel":{"paragraphs":[{"name":"523b","type":3,"text":"레이니스트의 기술 블로그를 시작하며","markups":[],"alignment":1},{"name":"8468","type":1,"text":"레이니스트는 개인 자산 관리 서비스 뱅크샐러드를 만드는 스타트업입니다. 뱅크샐러드는 2014년 6월에 웹 서비스 오픈 베타를 시작하여, 최근에는 Google Play 선정 2016년 올해를 빛낸 혁신적인 앱으로 선정되었습니다. 많은 분들이 뱅크샐러드를 통해서 지출 및 금융 상품을 관리하고 있으며, 레이니스트는 금융과 관련하여 더 많은 방면에서 사용자분들께 도움을 드리기 위해 지속적으로 서비스를 개선하고 있습니다.","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"47d34fb1aaf5","newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":true,"isSponsored":false,"isRequestToPubDisabled":false,"notifyFacebook":true,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isNsfw":false,"isEligibleForRevenue":false,"type":"Post"}],"tagName":null,"writerNames":["yujinjeong","sunghyunzz","devholic","ryuheechul","hyunmin.choi"]})
+// ]]></script><div class="surface-scrollOverlay"></div><script charset="UTF-8" src="../../../../../../../Downloads/medium_files/main-common-async.bundle.lPMw1fqY-MbzmJiPn21ZEg.js"></script></body></html>
\ No newline at end of file
diff --git a/src/test/scala/net/funfunnet/crawler/actor/ActorTest.scala b/src/test/scala/net/funfunnet/crawler/actor/ActorTest.scala
new file mode 100644
index 0000000..abb2886
--- /dev/null
+++ b/src/test/scala/net/funfunnet/crawler/actor/ActorTest.scala
@@ -0,0 +1,5 @@
+package net.funfunnet.crawler.actor
+
+class ActorTest {
+
+}
diff --git a/src/test/scala/net/funfunnet/crawler/actor/common/TimeUtilsTest.scala b/src/test/scala/net/funfunnet/crawler/actor/common/TimeUtilsTest.scala
new file mode 100644
index 0000000..86cdfe8
--- /dev/null
+++ b/src/test/scala/net/funfunnet/crawler/actor/common/TimeUtilsTest.scala
@@ -0,0 +1,18 @@
+package net.funfunnet.crawler.actor.common
+
+import net.funfunnet.crawler.common.TimeUtils
+import org.scalatest.FunSuite
+
+class TimeUtilsTest extends FunSuite {
+  test("parseIsoTime") {
+    val dateText = "2017-09-15T06:09:11.760Z"
+    val localDateTime = TimeUtils.parseIsoTime(dateText)
+    assertResult(2017)(localDateTime.getYear)
+    assertResult(9)(localDateTime.getMonthValue)
+    assertResult(15)(localDateTime.getDayOfMonth)
+
+    assertResult(6)(localDateTime.getHour)
+    assertResult(9)(localDateTime.getMinute)
+    assertResult(11)(localDateTime.getSecond)
+  }
+}
diff --git a/src/test/scala/net/funfunnet/crawler/actor/medium/MediumArticleCrawlerTest.scala b/src/test/scala/net/funfunnet/crawler/actor/medium/MediumArticleCrawlerTest.scala
new file mode 100644
index 0000000..9ecd02d
--- /dev/null
+++ b/src/test/scala/net/funfunnet/crawler/actor/medium/MediumArticleCrawlerTest.scala
@@ -0,0 +1,54 @@
+package net.funfunnet.crawler.actor.medium
+
+import akka.actor.ActorSystem
+import akka.testkit.{ImplicitSender, TestActorRef, TestKit}
+import com.typesafe.scalalogging.LazyLogging
+import org.scalatest._
+
+import scala.io.Source
+
+class MediumArticleCrawlerTest extends TestKit(ActorSystem("MediumArticleListCrawlerTest"))
+                                       with ImplicitSender
+                                       with FunSuiteLike
+                                       with Matchers
+                                       with BeforeAndAfterAll
+                                       with LazyLogging {
+
+  lazy val html = Source.fromURL(getClass.getClassLoader.getResource("crawler/medium/article.html"))
+    .getLines().mkString
+
+  lazy val crawler = TestActorRef(new MediumArticleCrawler()).underlyingActor
+
+  override def afterAll {
+    TestKit.shutdownActorSystem(system)
+  }
+
+  test("encodeUrl") {
+    val url = "https://medium.com/rainist-engineering/레이니스트의-기술-블로그를-시작하며-2d757ea69844"
+    val encoded = "https://medium.com/rainist-engineering/" +
+                  "%EB%A0%88%EC%9D%B4%EB%8B%88%EC%8A%A4%ED%8A%B8%EC%9D%98-%EA%B8%B0%EC%88%A0-" +
+                  "%EB%B8%94%EB%A1%9C%EA%B7%B8%EB%A5%BC-%EC%8B%9C%EC%9E%91%ED%95%98%EB%A9%B0-2d757ea69844"
+    assertResult(encoded)(crawler.encodeUrl(url))
+  }
+
+  test("findArticle") {
+    val article = crawler.findArticle(html)
+    assertResult("Kotlin, AWS 그리고 레이니스트와 함께라면 육군훈련소에서도 외롭지 않아 – Rainist Engineering – Medium") {
+      article.title
+    }
+    assertResult("Kotlin과 AWS를 활용해 간단한 Slack 봇을 만든 경험을 통해 뱅크샐러드 Android 앱의 Architecture를 간단히 공유합니다.") {
+      article.desc
+    }
+    assertResult("https://cdn-images-1.medium.com/max/1200/1*KIa4eZARMVelBWNRMd3D9Q.png") {
+      article.image
+    }
+    assertResult("https://medium.com/rainist-engineering/writing-aws-lambda-function-in-kotlin-b3faf3f55777") {
+      article.url
+    }
+
+    assertResult(6)(article.createdAt.getHour)
+    assertResult(9)(article.createdAt.getMinute)
+    assertResult(11)(article.createdAt.getSecond)
+  }
+
+}
diff --git a/src/test/scala/net/funfunnet/crawler/actor/medium/MediumArticleListCrawlerTest.scala b/src/test/scala/net/funfunnet/crawler/actor/medium/MediumArticleListCrawlerTest.scala
new file mode 100644
index 0000000..7561bbd
--- /dev/null
+++ b/src/test/scala/net/funfunnet/crawler/actor/medium/MediumArticleListCrawlerTest.scala
@@ -0,0 +1,48 @@
+package net.funfunnet.crawler.actor.medium
+
+import java.net.URLEncoder
+
+import akka.actor.ActorSystem
+import akka.http.scaladsl.model.Uri
+import akka.testkit.{ImplicitSender, TestActorRef, TestKit}
+import com.typesafe.scalalogging.LazyLogging
+import org.scalatest._
+
+import scala.io.Source
+
+class MediumArticleListCrawlerTest extends TestKit(ActorSystem("MediumArticleListCrawlerTest"))
+                                           with ImplicitSender
+                                           with FunSuiteLike
+                                           with Matchers
+                                           with BeforeAndAfterAll
+                                           with LazyLogging {
+
+  lazy val html = Source.fromURL(getClass.getClassLoader.getResource("crawler/medium/latest.html"))
+    .getLines().mkString
+
+  lazy val crawler = TestActorRef(new MediumArticleListCrawler()).underlyingActor
+
+  override def afterAll {
+    TestKit.shutdownActorSystem(system)
+  }
+
+  test("findPrefixUrl") {
+    assertResult(Some("https://medium.com/rainist-engineering")) {
+      crawler.findPrefixUrl(html)
+    }
+  }
+
+  test("findUniqueSlugs") {
+    val slugs = crawler.findUniqueSlugs(html)
+    assertResult(7)(slugs.size)
+    assertResult("writing-aws-lambda-function-in-kotlin-b3faf3f55777")(slugs.head)
+    assertResult("레이니스트의-기술-블로그를-시작하며-2d757ea69844")(slugs.last)
+  }
+
+  test("findArticleUrls") {
+    val urls = crawler.findArticleUrls(html)
+    assertResult(7)(urls.size)
+    assertResult("https://medium.com/rainist-engineering/writing-aws-lambda-function-in-kotlin-b3faf3f55777")(urls.head)
+    assertResult("https://medium.com/rainist-engineering/레이니스트의-기술-블로그를-시작하며-2d757ea69844")(urls.last)
+  }
+}