<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>사이드 프로젝트</title>
    <link>https://sideprojects.tistory.com/</link>
    <description></description>
    <language>ko</language>
    <pubDate>Thu, 16 Apr 2026 14:07:29 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>rhodia</managingEditor>
    <item>
      <title>온라인 학원 상담 서비스 '똑똑학원'</title>
      <link>https://sideprojects.tistory.com/17</link>
      <description>&lt;p&gt;1인 창업으로 직접 기획, 개발, 배포, 온/오프라인 홍보까지 전 과정을 수행했던 프로젝트입니다.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-filename=&quot;스크린샷 2021-04-28 오후 11.09.04.png&quot; data-origin-width=&quot;2214&quot; data-origin-height=&quot;1814&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/rRhOw/btq3JBv8x8A/rRE0CmL6UxLTX5iY8RlqRk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/rRhOw/btq3JBv8x8A/rRE0CmL6UxLTX5iY8RlqRk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/rRhOw/btq3JBv8x8A/rRE0CmL6UxLTX5iY8RlqRk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FrRhOw%2Fbtq3JBv8x8A%2FrRE0CmL6UxLTX5iY8RlqRk%2Fimg.png&quot; data-filename=&quot;스크린샷 2021-04-28 오후 11.09.04.png&quot; data-origin-width=&quot;2214&quot; data-origin-height=&quot;1814&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-filename=&quot;스크린샷 2021-04-28 오후 11.09.23.png&quot; data-origin-width=&quot;2210&quot; data-origin-height=&quot;1812&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bbEi7L/btq3FnFVdpb/5SswVKp3zi2sD7oK288K60/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bbEi7L/btq3FnFVdpb/5SswVKp3zi2sD7oK288K60/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bbEi7L/btq3FnFVdpb/5SswVKp3zi2sD7oK288K60/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbbEi7L%2Fbtq3FnFVdpb%2F5SswVKp3zi2sD7oK288K60%2Fimg.png&quot; data-filename=&quot;스크린샷 2021-04-28 오후 11.09.23.png&quot; data-origin-width=&quot;2210&quot; data-origin-height=&quot;1812&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;2206&quot; data-origin-height=&quot;1804&quot; data-filename=&quot;스크린샷 2021-04-28 오후 11.09.36.png&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cL4wLy/btq3EKBlbNW/yHzrPH6SGAkfcAcMU7hWVK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cL4wLy/btq3EKBlbNW/yHzrPH6SGAkfcAcMU7hWVK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cL4wLy/btq3EKBlbNW/yHzrPH6SGAkfcAcMU7hWVK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcL4wLy%2Fbtq3EKBlbNW%2FyHzrPH6SGAkfcAcMU7hWVK%2Fimg.png&quot; data-origin-width=&quot;2206&quot; data-origin-height=&quot;1804&quot; data-filename=&quot;스크린샷 2021-04-28 오후 11.09.36.png&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;figure data-ke-type=&quot;video&quot; data-ke-style=&quot;alignCenter&quot; data-video-host=&quot;kakaotv&quot; data-video-url=&quot;https://tv.kakao.com/channel/3475927/cliplink/418656518&quot; data-video-thumbnail=&quot;https://scrap.kakaocdn.net/dn/mYCMc/hyJ2lkxtUi/fOKpNMSw6af0K5UpFwIol0/img.jpg?width=3316&amp;amp;height=1796&amp;amp;face=0_0_3316_1796&quot; data-video-width=&quot;860&quot; data-video-height=&quot;466&quot; data-ke-mobilestyle=&quot;widthContent&quot; data-video-play-service=&quot;daum_tistory&quot;&gt;&lt;iframe src=&quot;https://play-tv.kakao.com/embed/player/cliplink/418656518?service=daum_tistory&quot; width=&quot;860&quot; height=&quot;466&quot; frameborder=&quot;0&quot; allowfullscreen=&quot;true&quot;&gt;&lt;/iframe&gt;
&lt;figcaption&gt;&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>서비스</category>
      <author>rhodia</author>
      <guid isPermaLink="true">https://sideprojects.tistory.com/17</guid>
      <comments>https://sideprojects.tistory.com/17#entry17comment</comments>
      <pubDate>Thu, 29 Apr 2021 00:05:52 +0900</pubDate>
    </item>
    <item>
      <title>딥러닝으로 숫자 손글씨 맞추기</title>
      <link>https://sideprojects.tistory.com/15</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;기간&lt;/h2&gt;
&lt;p&gt;2019 - 현재&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;개요&lt;/h2&gt;
&lt;p&gt;이 사이드 프로젝트는 손글씨 예측 성능이 아닌 Tensorflow와 Keras를 이용해 직접 훈련시키고 생성한 모델과 Django Rest Framework, React로 구현한 백엔드 및 프론트엔드를 AWS에 서비스하는 일련의 과정을 모두 직접 만들어보고 서비스해보기 위한 목적으로 만들어졌습니다. &lt;span style=&quot;color: #9d9d9d;&quot;&gt;&lt;s&gt;yarn build하다가도 메모리 부족 오류가 발생하는 RAM&amp;nbsp;512mb 서버에서 돌고 있습니다.&amp;nbsp;&lt;/s&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;이용 방법&lt;/h2&gt;
&lt;p&gt;&lt;a href=&quot;http://mnist.util.kr/&quot;&gt;http://mnist.util.kr/&lt;/a&gt;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;딥러닝 모델&lt;/h2&gt;
&lt;p&gt;아래와 같이 MNIST 이미지 학습 데이터 60,000개, 테스트 데이터 10,000개로 직접 훈련시킨 모델을 이용해 사용자의 손글씨를 맞춥니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/OCGdB/btqAcclWnGv/kpLOvnRp2a88LWzap5siok/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/OCGdB/btqAcclWnGv/kpLOvnRp2a88LWzap5siok/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/OCGdB/btqAcclWnGv/kpLOvnRp2a88LWzap5siok/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FOCGdB%2FbtqAcclWnGv%2FkpLOvnRp2a88LWzap5siok%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;동작 방식&lt;/h2&gt;
&lt;p&gt;사용자가 그린 그림을 base64로 변환하여 서버로 전송합니다. 사용자의 그림을 전송받은 서버는 이미지를 합성곱 신경망 알고리즘 Convolutional Neural Network을 이용하여 분석합니다. 서버는 분석 결과 확률이 가장 높은 정답을 사용자에게 알려줍니다.&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;사용 기술&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;프론트엔드&lt;/b&gt;: React&lt;/p&gt;
&lt;p&gt;&lt;b&gt;백엔드&lt;/b&gt;: Django rest framework&lt;/p&gt;
&lt;p&gt;&lt;b&gt;사용된 주요 라이브러리&lt;/b&gt;:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;React, Redux, React-redux, Redux-actions&lt;/li&gt;
&lt;li&gt;Moment, Axios, Dotenv, Fontawesome, SCSS&lt;/li&gt;
&lt;li&gt;Django, Django rest framework, Pillow&lt;/li&gt;
&lt;li&gt;Tensorflow, Keras, Numpy, Matplotlib&lt;/li&gt;
&lt;li&gt;Nginx, Gunicorn, Postgres, Ubuntu&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Icons made by&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://www.flaticon.com/authors/becris&quot;&gt;Becris&lt;/a&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;from&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://www.flaticon.com/&quot;&gt;www.flaticon.com&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;스크린샷&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/MlPLD/btqAa9b6kCR/X1GuIx85G9W3ggVPeBtCO1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/MlPLD/btqAa9b6kCR/X1GuIx85G9W3ggVPeBtCO1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/MlPLD/btqAa9b6kCR/X1GuIx85G9W3ggVPeBtCO1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FMlPLD%2FbtqAa9b6kCR%2FX1GuIx85G9W3ggVPeBtCO1%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bZGGVA/btqAbn2ke76/2m6giwXNBNKmIPnbuhmEiK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bZGGVA/btqAbn2ke76/2m6giwXNBNKmIPnbuhmEiK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bZGGVA/btqAbn2ke76/2m6giwXNBNKmIPnbuhmEiK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbZGGVA%2FbtqAbn2ke76%2F2m6giwXNBNKmIPnbuhmEiK%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;</description>
      <category>서비스</category>
      <author>rhodia</author>
      <guid isPermaLink="true">https://sideprojects.tistory.com/15</guid>
      <comments>https://sideprojects.tistory.com/15#entry15comment</comments>
      <pubDate>Wed, 4 Dec 2019 19:03:33 +0900</pubDate>
    </item>
    <item>
      <title>ㅍㅍㅅㅅ 필진 활동</title>
      <link>https://sideprojects.tistory.com/14</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;기간&lt;/h2&gt;
&lt;p&gt;2017.07 - 2018.01&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;개요&lt;/h2&gt;
&lt;p&gt;ㅍㅍㅅㅅ 에서 연락이 와 브런치의 글을 ㅍㅍㅅㅅ에 게재할 수 있도록 허락하는 방식으로 필진활동을 했었습니다. 지금은 브런치를 없애고 개인 워드프레스 블로그 운영으로 바꾸어서 ㅍㅍㅅㅅ에는 더 글이 올라가지 않지 않을까 생각합니다.&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;이용 방법&lt;/h2&gt;
&lt;p&gt;&lt;a href=&quot;https://www.google.com/search?q=%EB%A1%9C%EB%94%94%EC%95%84+site%3Appss.kr&amp;amp;oq=%EB%A1%9C%EB%94%94%EC%95%84+site%3Appss.kr&amp;amp;aqs=chrome..69i57.95984j0j1&amp;amp;sourceid=chrome&amp;amp;ie=UTF-8&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;방문해보기&lt;/a&gt;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;스크린샷&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-filename=&quot;ppss.png&quot; data-origin-width=&quot;3134&quot; data-origin-height=&quot;1870&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/ylrGO/btqysN2RGta/ys5zBdSeOeptYm7TnTssWK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/ylrGO/btqysN2RGta/ys5zBdSeOeptYm7TnTssWK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/ylrGO/btqysN2RGta/ys5zBdSeOeptYm7TnTssWK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FylrGO%2FbtqysN2RGta%2Fys5zBdSeOeptYm7TnTssWK%2Fimg.png&quot; data-filename=&quot;ppss.png&quot; data-origin-width=&quot;3134&quot; data-origin-height=&quot;1870&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;</description>
      <category>글쓰기</category>
      <author>rhodia</author>
      <guid isPermaLink="true">https://sideprojects.tistory.com/14</guid>
      <comments>https://sideprojects.tistory.com/14#entry14comment</comments>
      <pubDate>Mon, 23 Sep 2019 23:01:09 +0900</pubDate>
    </item>
    <item>
      <title>테크니들 필진 활동</title>
      <link>https://sideprojects.tistory.com/13</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;기간&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span style=&quot;color: #000000;&quot;&gt;2015.10 - 2017.02&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;개요&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span style=&quot;color: #000000;&quot;&gt;실리콘밸리의 소식을 한국어로 번역해 전하는 테크니들(편집장: 조성문)의 필진으로 활동했었습니다. 총 117개의 글이 발행되었고 zum.com의 허브줌에 함께 게재되기도 했습니다. &lt;a style=&quot;color: #000000;&quot; href=&quot;https://post.jwgo.kr/63?category=1068046&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;여기&lt;/a&gt;에서 관련 활동에 대한 더 자세한 내용을 읽어보실 수 있습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;이용방법&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span style=&quot;color: #666666;&quot;&gt;&lt;a href=&quot;http://techneedle.com/archives/author/jaewoong-go&quot;&gt;테크니들에 지금까지 쓴 글 보기&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;color: #666666;&quot;&gt;&lt;a href=&quot;http://hub.zum.com/techneedle&quot;&gt;허브줌(hubzum)에 게재된 글 보기&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;스크린샷&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-filename=&quot;techneedle.png&quot; data-origin-width=&quot;2962&quot; data-origin-height=&quot;2062&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/R4iFm/btqysN2RCoW/gfrE5dvuRUw425HxqSpbmk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/R4iFm/btqysN2RCoW/gfrE5dvuRUw425HxqSpbmk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/R4iFm/btqysN2RCoW/gfrE5dvuRUw425HxqSpbmk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FR4iFm%2FbtqysN2RCoW%2FgfrE5dvuRUw425HxqSpbmk%2Fimg.png&quot; data-filename=&quot;techneedle.png&quot; data-origin-width=&quot;2962&quot; data-origin-height=&quot;2062&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;</description>
      <category>글쓰기</category>
      <author>rhodia</author>
      <guid isPermaLink="true">https://sideprojects.tistory.com/13</guid>
      <comments>https://sideprojects.tistory.com/13#entry13comment</comments>
      <pubDate>Mon, 23 Sep 2019 22:59:40 +0900</pubDate>
    </item>
    <item>
      <title>[PYPI] 람다그램 lambdagram</title>
      <link>https://sideprojects.tistory.com/12</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;기간&lt;/h2&gt;
&lt;p&gt;2018 - 현재&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;개요&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;람다그램&lt;/b&gt;은 텔레그램의 공식 API를 이용해 서버없이 AWS lambda에서 챗봇을 쉽게 만들 수 있도록 도와주는 라이브러리입니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;span&gt;텔레그램 봇 하나를 위해 별도의 서버를 운영하는 것은 비용이나 효율 측면에서 좋지 않습니다&lt;span&gt;. AWS lambda&lt;/span&gt;를 이용하면 &lt;span&gt;Serverless&lt;/span&gt;한 서비스를 만들 수 있는데 이 라이브러리는 메시지 폴링&lt;span&gt;(Polling)&lt;/span&gt;을 위해 무한 루프를 지원하지 않는 &lt;span&gt;AWS lambda&lt;/span&gt;에서 웹훅을 이용해 메시지를 주고 받을 수 있도록 돕습니다&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;a href=&quot;https://pypi.org/project/lambdagram/&quot;&gt;PYPI&lt;/a&gt;에도 올라가있어 누구나&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: #000000; color: #ffffff;&quot;&gt;&lt;b&gt;pip install lambdagram&lt;/b&gt;&lt;/span&gt;으로 다운로드 받을 수 있습니다.&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://github.com/jwkcp/lambdagram&quot;&gt;깃허브&lt;/a&gt;에서 소스를 볼 수 있습니다.&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;동작방식&lt;/h2&gt;
&lt;p&gt;&lt;span&gt;pip install lambdagram&lt;/span&gt;&lt;span&gt;로 라이브러리 설치 후&lt;span&gt;, &lt;/span&gt;&lt;/span&gt;&lt;span&gt;send_message(self, event, msg, options&amp;hellip;)&lt;/span&gt;&lt;span&gt;를 통해 메시지를 주고 받습니다&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/vNWLR/btqWjqIotZ1/DPZI3vUp7UZFKDhbHXefck/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/vNWLR/btqWjqIotZ1/DPZI3vUp7UZFKDhbHXefck/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/vNWLR/btqWjqIotZ1/DPZI3vUp7UZFKDhbHXefck/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FvNWLR%2FbtqWjqIotZ1%2FDPZI3vUp7UZFKDhbHXefck%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span&gt;&lt;span&gt;이용방법&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;a href=&quot;https://pypi.org/project/lambdagram&quot;&gt;https://pypi.org/project/lambdagram&lt;/a&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;a href=&quot;https://github.com/jwkcp/lambdagram&quot;&gt;https://github.com/jwkcp/lambdagram&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;사용기술&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;&lt;span&gt;Language&lt;/span&gt;&lt;/b&gt;&lt;span&gt; - Python&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span&gt;스크린샷&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-filename=&quot;lambdagram.png&quot; data-origin-width=&quot;1800&quot; data-origin-height=&quot;1213&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/qIPRh/btqyss5LyXf/gPj4RnhkKh3Zd5A82hW4Sk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/qIPRh/btqyss5LyXf/gPj4RnhkKh3Zd5A82hW4Sk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/qIPRh/btqyss5LyXf/gPj4RnhkKh3Zd5A82hW4Sk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FqIPRh%2Fbtqyss5LyXf%2FgPj4RnhkKh3Zd5A82hW4Sk%2Fimg.png&quot; data-filename=&quot;lambdagram.png&quot; data-origin-width=&quot;1800&quot; data-origin-height=&quot;1213&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;</description>
      <category>기타</category>
      <author>rhodia</author>
      <guid isPermaLink="true">https://sideprojects.tistory.com/12</guid>
      <comments>https://sideprojects.tistory.com/12#entry12comment</comments>
      <pubDate>Mon, 23 Sep 2019 22:57:43 +0900</pubDate>
    </item>
    <item>
      <title>[PYPI] 프리뷰카드 preview-card</title>
      <link>https://sideprojects.tistory.com/11</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;기간&lt;/h2&gt;
&lt;p&gt;2019 - 현재&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;개요&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;프리뷰카드&lt;/b&gt;는 트위터나 페이스북의 뉴스피드와 같이 글에 포함된 URL의 미리보기를 카드 형태로 보여줄 수 있도록 도와주는 라이브러리입니다. URL이 포함된 평문을 넣으면 카드 형태를 만들 수 있도록 대표이미지, 제목, 요약문장 등의 데이터를 분석하여 리턴하며 유튜브 URL의 경우 iframe으로 embed 가능한 형태의 URL을 리턴합니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;background-color: #000000; color: #ffffff;&quot;&gt;&lt;b&gt;pip install preview-card&lt;/b&gt;&lt;/span&gt;로 다운로드 가능하며 &lt;a href=&quot;https://github.com/jwkcp/preview-card&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;깃허브&lt;/a&gt;에서 소스를 볼 수 있습니다.&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;동작방식&lt;/h2&gt;
&lt;p&gt;&lt;span&gt;pip&lt;/span&gt;&lt;span&gt;로 설치 후&lt;span&gt; get_data &lt;/span&gt;함수의 인자로&lt;span&gt; URL&lt;/span&gt;이 포함된 문자열을 넘기면&lt;span&gt;, &lt;/span&gt;문자열에 포함된 주소&lt;span&gt;, &lt;/span&gt;이미지&lt;span&gt;, &lt;/span&gt;제목&lt;span&gt;, &lt;/span&gt;요약 등의 정보를 리턴하여 뉴스피드 구현 시 카드 보기를 편리하게 구현할 수 있도록 돕습니다&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/RbrpK/btqVZSAnh4u/S9OSLgMWe6e2NMYmxRGbNK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/RbrpK/btqVZSAnh4u/S9OSLgMWe6e2NMYmxRGbNK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/RbrpK/btqVZSAnh4u/S9OSLgMWe6e2NMYmxRGbNK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FRbrpK%2FbtqVZSAnh4u%2FS9OSLgMWe6e2NMYmxRGbNK%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;이용방법&lt;/h2&gt;
&lt;p&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;a href=&quot;https://pypi.org/project/preview-card&quot;&gt;https://pypi.org/project/preview-card&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;a href=&quot;https://github.com/jwkcp/preview-card&quot;&gt;https://github.com/jwkcp/preview-card&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;사용기술&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;&lt;span&gt;Language&lt;/span&gt;&lt;/b&gt;&lt;span&gt; - Python&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;&lt;span&gt;Library&lt;/span&gt;&lt;/b&gt;&lt;span&gt; - Beautifulsoup&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;스크린샷&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-filename=&quot;preview-card-screenshot.png&quot; data-origin-width=&quot;1321&quot; data-origin-height=&quot;1276&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bkCqXS/btqyt5V2SPS/WVD7VBNZR5kZZVFC5SCjS0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bkCqXS/btqyt5V2SPS/WVD7VBNZR5kZZVFC5SCjS0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bkCqXS/btqyt5V2SPS/WVD7VBNZR5kZZVFC5SCjS0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbkCqXS%2Fbtqyt5V2SPS%2FWVD7VBNZR5kZZVFC5SCjS0%2Fimg.png&quot; data-filename=&quot;preview-card-screenshot.png&quot; data-origin-width=&quot;1321&quot; data-origin-height=&quot;1276&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;</description>
      <category>기타</category>
      <author>rhodia</author>
      <guid isPermaLink="true">https://sideprojects.tistory.com/11</guid>
      <comments>https://sideprojects.tistory.com/11#entry11comment</comments>
      <pubDate>Mon, 23 Sep 2019 22:56:32 +0900</pubDate>
    </item>
    <item>
      <title>직장인을 위한 주가 확인 서비스</title>
      <link>https://sideprojects.tistory.com/10</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;기간&lt;/h2&gt;
&lt;p&gt;2018 - 현재&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;개요&lt;/h2&gt;
&lt;p&gt;일하면서 주가를 확인할 수 있는 서비스&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;실시간 주가를 보고 싶은데 계속 화면을 띄워놓기 그런 사람들을 위해 만들었습니다. 역시 주변 사람들이 불편하다고 한 이야기를 듣고 구현한 서비스입니다. 기업명을 검색하면 탭에 60초마다 실시간 주가가 나타납니다. 화면에는 일부러 하얗게 표시되도록 했고 마우스를 드래그 해보면 색상이 반전되면서 해당 기업명이 나타나도록 되어 있습니다. : )&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;이용 방법&lt;/h2&gt;
&lt;p&gt;&lt;a href=&quot;http://stock.util.kr/&quot;&gt;http://stock.util.kr/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;사용기술&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;&lt;span&gt;Server&lt;/span&gt;&lt;/b&gt;&lt;span&gt; - Ubuntu, AWS Lightsail, Nginx, Gunicorn&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;&lt;span&gt;Backend&lt;/span&gt;&lt;/b&gt;&lt;span&gt; - Django&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;&lt;span&gt;Frontend&lt;/span&gt;&lt;/b&gt;&lt;span&gt; - React, HTML/SCSS, Javascript, JQuery&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;&lt;span&gt;DB&lt;/span&gt;&lt;/b&gt;&lt;span&gt; - PostgreSQL&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;스크린샷&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-filename=&quot;stock.png&quot; data-origin-width=&quot;2666&quot; data-origin-height=&quot;1832&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/caof4O/btqywxqw434/Rf0gTqPcV9QgRwIkTuMS11/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/caof4O/btqywxqw434/Rf0gTqPcV9QgRwIkTuMS11/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/caof4O/btqywxqw434/Rf0gTqPcV9QgRwIkTuMS11/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fcaof4O%2Fbtqywxqw434%2FRf0gTqPcV9QgRwIkTuMS11%2Fimg.png&quot; data-filename=&quot;stock.png&quot; data-origin-width=&quot;2666&quot; data-origin-height=&quot;1832&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>서비스</category>
      <author>rhodia</author>
      <guid isPermaLink="true">https://sideprojects.tistory.com/10</guid>
      <comments>https://sideprojects.tistory.com/10#entry10comment</comments>
      <pubDate>Mon, 23 Sep 2019 22:54:28 +0900</pubDate>
    </item>
    <item>
      <title>직장인을 위한 뉴스 보기 서비스</title>
      <link>https://sideprojects.tistory.com/9</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;기간&lt;/h2&gt;
&lt;p&gt;2018 - 현재 서비스 중지&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;개요&lt;/h2&gt;
&lt;p&gt;일하는 것처럼 뉴스를 볼 수 있는 서비스. 네이버로 뉴스 좀 볼려고 하면 크고 선명한 녹색창이 너무 부담스러워서 회사에서 뉴스보기가 좀 그렇다는 지인의 말을 듣고 개발해 본 서비스입니다. 이미지와 같이 눈에 띄는 항목이 없고 제목은 엑셀업무활용법으로 나옵니다. 간단한 코멘트를 남길 수 있고 퇴근시간을 계산해줍니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;사용기술&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;&lt;span&gt;Server&lt;/span&gt;&lt;/b&gt;&lt;span&gt; - Ubuntu, AWS Lightsail, Nginx, Gunicorn&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;&lt;span&gt;Backend&lt;/span&gt;&lt;/b&gt;&lt;span&gt; - Django&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;&lt;span&gt;Frontend&lt;/span&gt;&lt;/b&gt;&lt;span&gt; - HTML/SCSS, Javascript, JQuery&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;&lt;span&gt;DB&lt;/span&gt;&lt;/b&gt;&lt;span&gt; - PostgreSQL&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;스크린샷&lt;/h2&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-filename=&quot;trends.png&quot; data-origin-width=&quot;2426&quot; data-origin-height=&quot;1652&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/K7DYP/btqysuCwHuJ/gaFLqqW203bVT5jnikEJlk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/K7DYP/btqysuCwHuJ/gaFLqqW203bVT5jnikEJlk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/K7DYP/btqysuCwHuJ/gaFLqqW203bVT5jnikEJlk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FK7DYP%2FbtqysuCwHuJ%2FgaFLqqW203bVT5jnikEJlk%2Fimg.png&quot; data-filename=&quot;trends.png&quot; data-origin-width=&quot;2426&quot; data-origin-height=&quot;1652&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;</description>
      <category>서비스</category>
      <author>rhodia</author>
      <guid isPermaLink="true">https://sideprojects.tistory.com/9</guid>
      <comments>https://sideprojects.tistory.com/9#entry9comment</comments>
      <pubDate>Mon, 23 Sep 2019 22:53:44 +0900</pubDate>
    </item>
    <item>
      <title>부천시 사회복지시설 지도</title>
      <link>https://sideprojects.tistory.com/8</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;기간&lt;/h2&gt;
&lt;p&gt;2019 - 현재&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;개요&lt;/h2&gt;
&lt;p&gt;부천시에 있는 사회복지시설을 각 카테고리별로 지도에 표시해주는 서비스. 부천시에 있는 사회복지시설이 각 지역별, 카테고리별로 얼마나 존재하는지 지도에 표시하여 취약지구를 분석하는데 쓰였던 서비스입니다. 시설정보를 파싱하여 구글 API를 통해 위도, 경도를 추출하는 스크립트를 만들고 이를 리액트로 구현되었습니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;이용 방법&lt;/h2&gt;
&lt;p&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;a href=&quot;http://bsm.util.kr&quot;&gt;http://bsm.util.kr&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;사용 기술&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;&lt;span&gt;Server &lt;/span&gt;&lt;/b&gt;&lt;span&gt;- Ubuntu, AWS Lightsail&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;&lt;span&gt;Frontend&lt;/span&gt;&lt;/b&gt;&lt;span&gt; - React, Redux, React-redux, HTML/SCSS, Javascript&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;&lt;span&gt;Library&lt;/span&gt;&lt;/b&gt;&lt;span&gt; - React-redux, Bootstrap, JQuery, Google Map API&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;스크린샷&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-filename=&quot;bsm.png&quot; data-origin-width=&quot;3098&quot; data-origin-height=&quot;1894&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bhcWui/btqyuEYeCgo/qfvyLRprhWbKKjYh4QUmi0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bhcWui/btqyuEYeCgo/qfvyLRprhWbKKjYh4QUmi0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bhcWui/btqyuEYeCgo/qfvyLRprhWbKKjYh4QUmi0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbhcWui%2FbtqyuEYeCgo%2FqfvyLRprhWbKKjYh4QUmi0%2Fimg.png&quot; data-filename=&quot;bsm.png&quot; data-origin-width=&quot;3098&quot; data-origin-height=&quot;1894&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;</description>
      <category>서비스</category>
      <author>rhodia</author>
      <guid isPermaLink="true">https://sideprojects.tistory.com/8</guid>
      <comments>https://sideprojects.tistory.com/8#entry8comment</comments>
      <pubDate>Mon, 23 Sep 2019 22:52:25 +0900</pubDate>
    </item>
    <item>
      <title>키즈노트 사진/동영상 다운로더</title>
      <link>https://sideprojects.tistory.com/7</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;기간&lt;/h2&gt;
&lt;p&gt;2017 - 현재 서비스 중지&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;개요&lt;/h2&gt;
&lt;p&gt;키즈노트에서 사진을 일괄다운로드 할 수 있는 크롬 브라우저 확장 프로그램.&amp;nbsp;스마트 알림장 &amp;lsquo;키즈노트(kidsnote.com)&amp;rsquo;의 사진과 동영상을 일괄 다운로드 받는 확장 프로그램입니다. 아이의 사진과 동영상을 일일이 눌러 다운로드를 받는 불편함과 번거로움을 줄이기 위해 만들었습니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;동작 방식&lt;/h2&gt;
&lt;p&gt;&lt;span&gt;사용자가 키즈노트 웹사이트에 접속하면 좌측 이미지와 같이 파란색&lt;span&gt;, &lt;/span&gt;초록색 바 형태의 버튼이 추가되는데 로그인 후 이 버튼을 누르면 키즈노트에 저장된 내 아이의 알림장과 앨범의 사진 페이지를 자동으로 파싱하여&lt;span&gt; zip &lt;/span&gt;파일로 내려받게 해준다&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span&gt;이용 방법 및 관련 글&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span&gt;&lt;a href=&quot;https://blog.jwgo.kr/kidsnote-downloader/&quot;&gt;제작후기&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span&gt;&lt;a href=&quot;https://blog.jwgo.kr/good-kidsnote-bad-profit/&quot;&gt;착한 키즈노트의 나쁜 생각&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span&gt;&lt;a href=&quot;https://util.kr/img/kidenote_share.png&quot;&gt;프라이머 권도균 대표님의 코멘트&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://chrome.google.com/webstore/detail/%ED%82%A4%EC%A6%88%EB%85%B8%ED%8A%B8%EC%97%90%EC%84%9C-%EC%82%AC%EC%A7%84%EB%8F%99%EC%98%81%EC%83%81-%EB%8B%A4%EC%9A%B4%EB%A1%9C%EB%93%9C-%EB%B0%9B%EA%B8%B0/dglhbebhfdidbfoeknnfghdbleecgopl&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;span&gt;크롬 웹스토어 링크&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;사용 기술&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;&lt;span&gt;Frontend&lt;/span&gt;&lt;/b&gt;&lt;span&gt; - HTML/SCSS, Javascript&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;&lt;span&gt;Library&lt;/span&gt;&lt;/b&gt;&lt;span&gt; - Bootstrap, JQuery, JSZip.js, JSZipUtil.js, FileSaver.js&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;스크린샷&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-filename=&quot;kidsnote_downloader.png&quot; data-origin-width=&quot;2786&quot; data-origin-height=&quot;2086&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/Y2yQr/btqywbVAiuX/HsH3K9ftzDxsbYSkTI7PUK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/Y2yQr/btqywbVAiuX/HsH3K9ftzDxsbYSkTI7PUK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/Y2yQr/btqywbVAiuX/HsH3K9ftzDxsbYSkTI7PUK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FY2yQr%2FbtqywbVAiuX%2FHsH3K9ftzDxsbYSkTI7PUK%2Fimg.png&quot; data-filename=&quot;kidsnote_downloader.png&quot; data-origin-width=&quot;2786&quot; data-origin-height=&quot;2086&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;</description>
      <category>서비스</category>
      <author>rhodia</author>
      <guid isPermaLink="true">https://sideprojects.tistory.com/7</guid>
      <comments>https://sideprojects.tistory.com/7#entry7comment</comments>
      <pubDate>Mon, 23 Sep 2019 22:51:23 +0900</pubDate>
    </item>
  </channel>
</rss>