내 맘대로 월간(月刊) 뉴스 – 2017년 01월

• 프로토타입 첫걸음
  • 프로토타입의 다양한 형태를 설명하고, 어떻게 만드는지를 다루는 기사
  • 나는 종이 프로토타입에 대한 추억이 가슴에 강하게 자리잡은 것 같음
• The Startup Idea Matrix
  • 다양한 소비자 및 회사가 시장에 제품을 출시하기 위해 취할 수 있는 방법을 알기 쉽게 설명한 매트릭스(한국의 비슷한 서비스를 찾아보자!)
  • 한국의 스트타업의 분포도를 오픈소스 개발 방식으로 도입해 보면 어떨까?

  However, I’ve found one way to find this idea is to gain broad exposure to different markets until a specific opportunity and mission stands out to you. Of course that is where the real work begins: auditing the industry, talking to customers, learning about its history, and understanding the pain points to validate the idea.

• 돈주고 겪어봐야 할 소중한 장애
  • 서비스를 운영에서 가장 귀한 ‘시간’을 아낄 수 있는 ‘서비스 장애’ 대응과 관련된 값진 경험을 읽을 수 있음

  InnoDB adaptive hash index 경우에는 테이블 DROP시 캐싱된 Hash Index들을 한땀한땀 구조체에 제거를 하는데… 그것도, 그냥 지우지 않고 Lock을 걸고 지운다는…

• 안드로이드 개발자의 스케치 사용기
  • 개발자분들에 추천하는 Sketch 사용기! 그런데 내용은 ‘Getting Started With Sketch’를 방불케 하는 알찬 내용!

  디자인을 못하는 개인 개발자에겐 그런 것이 더 중요할 것 같았어요.

• (자작) 동적 테이블 생성기
  • 개발자분이 테이블을 태그로 조작하는게 귀찮아서 직접 만들어서 공개해 주신 ‘동적 테이블 생성기’

  한글이나 엑셀에서는 가능한 것 같지만 HTML에서는 불가능 한 것 같았다. 그러한 불편함을 감수하고자 1년 전에 몇 시간동안 간단히 만든 적이 있다.

• 機械学習／Deep Learningの仕事が増える2017年、ソフトウェアエンジニアがFPGAを学ぶべき理由(FPGA를 배워야 하는 이유)
  • 딥러닝 기능을 FPGA에 직접해야 하는 이유를 가볍게 소개한 인터뷰 기사

  옛날에는 전자 회로를 만들려면 “납땜” 하지 않으면 안되고, 배선 또는 “납땜” 연결이 잘못되면 작동하지 않았습니다. […] FPGA라면 소프트웨어적인 재구성으로 쉽게 디지털 회로를 만들어 덧셈기를 조립해서 CPU를 만들기까지 “납땜”없이 연결 할 수 있습니다.(昔は、電子回路を組むには“はんだ”付けをしないといけないし、配線や“はんだ”付けのやり方を間違えるとすぐ壊れてしまった。[…] FPGAなら、ソフトウェア的な再構成で簡単にデジタル回路を組んで加算機を組み立ててCPUを作るまでが“はんだ”付けなしでできます。)

• Android MVP 무작정 따라하기 – Google Architecture Model(영상 포함)
  • MVP 패턴을 연습해 볼 수 있는 튜터리얼으로 코드와 이미지를 적절하게 사용해서 설명하고 있음
• PoiemaWeb
  • 웹 개발에 필요한 기술을 배워볼 수 있는 컨텐츠를 제공하는 사이트
• 100일간의 거절을 통해 배운 것들 – 지아 지앙(Jia Jiang)
  • ‘거절을 거절’하는 방법을 통해 배운 내용을 짧고 알차게 소개하고 있음
• 개발자들의 동반자 Pronama-Chan
  • Visual Studio를 사용해서 혼자 개발 할 때 고독한 우리의 스크린을 채워줄 ‘플러그인’!
• Evolving MySQL Compression – Part 2
  • JSON blob를 MySQL을 사용해서 압축률을 높이는 방법을 설명
  • column compression의 효율성은 Part 1을 참고
• 스타트업이 쉽게 접근할 수 있는 비즈니스 모델 5가지
  • 스타트업이 쉽게 접근할 수 있는 비즈니스 모델 5가지를 소개하는 기사
• 우수한 인재가 스스로 찾아오는 환경을 만들어라
  • 인재가 스스로 찾아오는 환경을 만드는 방법을 다 같이 고민해 볼 수 있는 기회 !?

  뛰어난 인재를 끌어들이고 계속 보유하려면 무엇보다 조직이 일할 만한 곳이 되어야 한다

• (번역) 노드 개발자가 IO 작업을 시작하면 무슨일이 일어날까?
  • Node.js에서 저수준 영역을 어떻게 다루고 있는지 확인해 볼 수 있는 기사

  C++ 바인딩 레이어 그리고 libuv의 쓰레드 풀까지 파일 시스템 요청을 추적해 봤다. 동기와 비동기 호출이 같은 코드 경로를 공유할 수 있는 방법 뿐만 아니라 어떻게 다양한 계층이 상호작용하는지 살펴봤다. 노드의 자바스크립트 계층 아래 세상을 경험해 보지 않았다면 (이러한) 압도감을 느낄수도 없었을 것이다.

• Building Pinterest’s video platform
  • 핀터레스트에서 비디오 컨텐츠를 다루는 방법을 소개

  1. What type of content are they after? Is it DIY tutorials, food recipies, movie trailers or full movies? We learned starting with versatile types of content and running experiments is the most effective long term solution.
  2. Are there any technical limitations? If most of views are coming from mobile devices, costs associated with mobile bandwidth, battery drain and muting sound by default should be considered. If it’s in-house UHD displays, quality may be the number one concern.

• (번역) 루비 블록을 5분 이내에 마스터하기
  • Ruby에서 사용하는 블록(block) 가볍게 설명하고, yield와 같이 혼란스러움을 배가하는 동작을 자세히 설명하는 튜토리얼 기사

  이제 위험한 녀석이 왔습니다(Here’s bad wolf). 이 녀석이 루비 블록의 마법스러움과 혼란스러움을 가져다주는 주범이지요. 제 생각엔 대부분 yield 가 블록을 호출하는 방법과 어떻게 매개변수를 전달하는지가 어렵게 보일 것이라 생각합니다.

• SPA 단점에 대한 단상
  • SPA의 단점을 소개하고 해당 기능을 잘 사용하기 위한 방법을 소개하는 기사

  1. 다시 강조하지만, SPA에서 초기 구동속도는 더 이상 결정적인 단점으로 논해져서는 안된다. 오히려 현재 적용하려는 웹 사이트가 SPA 사상과 맞지 않는 것이 아닌가 살펴보기 바란다. […] 따라서 SEO에 노출되어야 하는 전략적인 페이지들을 선별해서 서버랜더링 기술을 적용하면 될 것이다. […] 자바스크립트 난독화만으로 해결될 문제가 아니기에 설계시 고민해야 하는 부분이다. 실제로 게임 어플리케이션을 만들 때 이런 고민을 한다.
  2. SPA 자체를 보지 말고, 현재 수행하는 프로젝트의 특성을 먼저 살펴보기 바란다. 지금 개발하려는 애플리케이션이 SPA의 사상과 일치하는지 말이다.

• 이터레이터와 제너레이터
  • 제너레이터 (Generator)와 이터레이터 (Iterator)를 자세히 소개하는 기사

  제너레이터는 놀랍도록 강력한 프로그래밍 구조이다. 이는 몇가지 중간 변수와 데이터 구조를 가지고 스트리밍 코드를 작성할 수 있게 해준다. 게다가, 이는 메모리/CPU 효율이 더 좋다. 마지막으로, 이는 코드의 라인수를 줄여주는 경향도 있다.

• 이세계에 진입한 서버 개발 – 4
  • Node.js와 Azure WebApp를 사용해서 게임 서버 개발을 진행하는 튜토리얼
  • 5편이 너무너무너무 기대됨!

  게임 내에서 희귀한 통화이고 인앱 결제 상품으로 구입이 가능한 형태로 주로 제공되기 때문이다. 이거 잘못되면 너와 나, 지옥에서 만나겠지?

• Goではじめてみたブラウザの自動操作(Go를 사용한 브라우져 자동 조작)
  • 참으로 좋은 Python을 뒤로하고, Go와 Selenim을 사용해서 화면을 조작하는 방법을 소개하는 튜토리얼 기사
• Quick Start – Hollow (Netflix OSS)
  • 넷플릭스에서 새롭게 발표한 캐시 도구인 Hellow에 대한 Quick Start
  • 말이 좋아 ‘캐시’인데, 분산 메모리 저장소같은 느낌?!
• 기억해두세요, 최고의 C++ 강의 5개
  • C++이 시각을 넓게 해줄 5개의 강의
  • 다시 돌아온 스콧마이어의 발표 덕분에 힘겹고 즐거웠던 추억이 방울방울!
• Amazon 인공 지능(AI) 서비스 및 AWS 기반 딥러닝 활용 방법 – 윤석찬 (AWS, 테크에반젤리스트)
  • AWS에서 AI와 딥러닝을 활용한 서비스를 제공하는 방법을 설명하는 슬라이드
• 소스코드를 분석하는 현명한 방법
  • 소스코드를 분석하는 방법과 필요한 지식을 소개
• 포켓몬고에 이용된 ‘오픈 스트리트 맵’이 뭔가요?
  • 포켓몬고에 사용된 ‘오픈 스트리트 맵‘을 소개하는 기사
• Microsoft Azure in Plain English
  • AWS에서 사용하는 서비스 용어와 비교하면서 Azure 서비스를 소개하는 기사
• 리액트 죽음의 다섯 손가락. 이 다섯 가지 개념을 마스터 한 다음 리액트를 마스터하라(React’s Five Fingers of Death. Master these five concepts, then master React)
  • 리액트를 사용할 때 꼭 필요한 5가지 개념을 소개

  createClass 함수를 사용하는 세 번째 레거시 구문도 있다. 그러나 누군가 18 개월 전(오래된) 코딩 패턴을 여전히 사용하고 있는 것은 부끄러워 해야 한다:

• ExifInterface Support Library를 소개합니다!
  • Android에서 Exif를 지원하는 Android Support Library 소개
• 세상만사 귀찮은 MySQL DBA를 위한 자동 복구 시나리오
  • 현재 사용하고 있는 DB에서 슬레이브를 구성하여 자동으로 북구하는 자동화 시나리오를 소개하는 기사
• CNN 역전파를 이해하는 가장 쉬운 방법 The easiest way to understand CNN backpropagation
  • CNN 역전파를 다양한 이미지와 수식을 사용해서 설명하는 기사
• 고생 끝, UWP 시작
  • 윈도우 UWP를 가볍게 시작해 볼 수 있는 튜토리얼 자료
• .NET Core Image Processing
  • .NET에서 이미지 처리를 위해 사용하는 라이브러리 소개
• 미국에서 개발자로 성공하는 방법, 능력을 쌓는 방법
  • 개발자로 성공하는 방법과 능력을 쌓는 방법을 소개

  그런데 제가 볼 때는 소프트웨어 업계에서는 년차로 표현하는 경력이 의미가 없어요. 당장 투입해야 할 프로젝트에서 능력을 보여줄 수 있느냐 없느냐가 전부에요. 그러니까 쉽게 말해서 질문을 이렇게 하셔야 되요. 제가 자바 오픈소스 프로젝트 00에서 어느 부분을 몇 건에 걸쳐서 어떻게 관여했는데 이게 미국 회사에서 어느 정도 인정 받을 수 있을까요? 제가 파이썬 오픈소스 프로젝트 00에서 어느 부분을 몇 건에 걸쳐서 어떻게 관여했는데 이게 미국 회사에서 어느 정도 인정 받을 수 있을까요?

• A Brief History of JavaScript
  • 자바스크립트의 (장대한) 역사를 소개
• 데이터 분석, 온라인 무료 강의 15개 커리큘럼
  • 데이터 분석을 위한 온라인 무료 강의 15개
• Tour of Vue.js
  • Vue를 가볍게 소개하는 슬라이드
• 안드로이드 빌드 시스템
  • 안드로이드 빌드 시스템에 대한 소개
• Docker를 기반으로 다양한 데이터베이스 환경 통합하기
  • Docker기반 데이터베이스 통합 시스템을 구축하는 방법을 소개
• Windows 10 development for absolute beginners
  • UWP를 처음 접하는 분들을 위한 비디오
• Travis에서 Postgres 최신판 사용하기
  • Travis의 CI에서 Postgres를 사용하는 방법을 소개
• 나만의 웹 크롤러 만들기 With Requests/BeautifulSoup
  • 웹 크롤러를 튜토리얼 기사
• 일렉트론 가볍게 시작하기 (Getting into Electron)
  • 일렉트론을 처음 접하는 분들을 위한 튜토리얼 기사
• Dismissing Python Garbage Collection at Instagram
  • 파이썬의 가비지 켈럭터를 삭제한 이유
• 대기업은 어떻게 사람을 망가뜨리는가.
• Install archlinux as the WSL (Windows Subsystem for Linux) host.
  • 윈도우에 Archlinux를 설치하는 방법
• 8-Point 그리드 시스템
  • 8px을 사용하는 이유를 소개하는 기사
• 2017 팬톤이 선정한 트렌드 컬러 TOP 10
  • 팬톤이 선정한 2017년 컬러 트랜드
• This Dot: Leading the advancement of modern web technologies
  • Vue, React, Angular, RxJS, Polymer & Ember 개발자를 만나 볼 수 있는 시간!
• 안드로이드 ConstraintLayout 개념과 사용법 정복하기 – 개발자 직강
  • ConstraintLayout 튜토리얼 기사
• 가격 전략의 과학 : 최고의 제품 가격 7가지
  • 가격을 설정할때 참고할 7가지 팁을 소개
• HTTP Status Codes
  • HTTP 상태 코드를 이미지로 설명
• FIREBASE AUTHENTICATION을 이용한 FACEBOOK 로그인 연동하기
  • Firebase를 사용한 로그인하는 방법을 소개하는 튜토리얼 기사
• KMS로 인증 정보를 암호화 하고 Lambda 실행시에 복호화 하기
  • Lambda를 알차게 사용한 좋은 예!
• Flask에서 Pytest 환경 설정하기
  • Flask에서 테스트 환경을 설정하는 방법을 소개하는 튜토리얼 기사
• Backend 개발자를 위한 iOS 앱 테스트 방법
  • iOS 앱 테스트를 위한 방법을 소개하는 튜토리얼 기사
• Shall We Tdd? 2편 – 레거시 부수기
  • 리팩토링과 유닛테스트에 대해서 소개하는 튜토리얼 기사
• 페북 더쿠의 페이지 운영기 (3) 콘텐츠의 주제를 잡는 방법
  • 콘텐츠 구성를 위한 타켓팅 방법을 소개하는 기사
• clean-code-javascript
  • clean-code-javascript를 번역한 문서
• 무한 스크롤 vs 페이지 네이션 vs 더 보기 버튼
  • 데이터를 화면에 알맞게 보여주기 위한 스크롤 방법을 소개하는 기사
• NLP를 위한 딥러닝 가이드
  • NLP를 주제로 한 알찬 자료들을 모아놓은 기사
• 스타일쉐어 CS 구축기
  • 고객센터를 고민하는 분들에게 추천!
• 고객 개발 이야기; 매주 고객을 만나는 건 어떤 의미인가?
  • 고객을 이해하고 싶은 분들을 위한 기사!

  그럼에도 불구하고 일단은 그 문제를 듣는 것이 중요합니다. 그래야만 문제-솔루션의 논리적 연결보다 더 중요한, 이 문제를 겪는 고객의 맥락을 이해할 수 있습니다. 이 맥락이란 것은 굉장히 다양합니다. 회사 내의 의사결정권자의 업무 스킴, 고객사의 업무 처리 프로세스, 하다못해 상사의 니즈 등등이 있습니다. 이런 맥락과 문제의 나열에 대해서 고객들은 쉽게 얘기하지 않지만 한 번 얘기하면 쭉 얘기하게 되는데요. 이 모든 것들을 정리하는 것은 미팅이 끝나고 난 다음에 Product Management 입장에서 정리해야 합니다.

• 박근핵닷컴 알렉스의 이야기 그리고 서버 개발일지
  • 서버개발자의 분투기를 읽어보자!

  퇴근을 하자마자 DB 부하를 줄이는 작업에 들어갔습니다. 박근핵닷컴에서 제공하는 데이터가 실시간이긴 하지만, ms단위로 제공될 필요는 없는 데이터이기 때문에 cache를 사용하면 될 거 같아 앱엔진에서 제공하는 Memcache를 사용하기로 했습니다. 다행히 Flask-Cache 라는 Flask extension에서 앱엔진 Memcache 지원이 되어 손쉽게 Memcache를 적용시킬 수 있었습니다.

• 당신이 AWS 계정을 만들고 가장 먼저 해야 할 일 들과 하지 말아야 할 일 들
  • AWS를 처음 사용하시는 분들에게 추천!

  git-secrets는 AWS가 만들어 공개하고 있는 툴로서 시크릿 액세스키와 같은 비밀 정보가 git에 커밋 되는 것을 막아줍니다.

• 초보 서버 개발자의 AWS 회고
  • AWS 사용 후의 단점을 보완하는 방법을 소개!

  사업은 접게 되었지만 그래도 한 번 분석해볼 가치는 있어보였음

• 속 편한 아침 – 감자수프
  • 피곤한 일요일 오후에도 추천하고 픈 ‘초 간단 감자수프!’
• VSCode에서 Electron의 메인 프로세스 디버그하기
  • VSCode로 디버깅을 하려는 분들에게 추천!
• 중국 ‘인터넷 플러스’ 정책의 산물, 하이퍼플랫폼 위챗
  • 오늘의 위챗을 통해서 내일의 한국을 생각해 볼 수 있는 기사!

  모바일 서비스를 통해 시스템 자체가 효율적으로 바뀐 것도 하나의 원인이지만, 더 중요한 것은 서비스 제공자와 소비자 간에 뚜렷하게 이해관계를 일치시켜주었다는 것이다. 위챗 QR코드를 통한 주문을 통해 메뉴만 스마트하게 선택할 수 있는 것이 아니라 테이블마다 담당하는 복무원의 서비스 제공에 대한 보상 시스템 또한 명확해졌다. 식사 후에 만족스러우면 복무원을 향해 팁을 홍빠오 형태로 제공해줄 수도 있으니 서비스 품질을 극대화할 인센티브는 충분하다.

• CSS 애니메이션 퀄리티를 높여보자
  • CSS 애니메이션을 효율적으로 사용하기 위한 방법을 소개!
• Your Guide to Optimizing Images for SEO
  • SEO를 위해서 이미지를 최적화하는 방법
• googleimagecrawler
  • 필요한 키워드를 구글에서 이미지를 검색해서 자동으로 다운받는 파이썬 코드
• 2017년 트랜드 전망
  • 2017년에 사용될 UX 트랜드를 가볍게 소개하는 기사

  고화질 비주얼 히어로 이미지와 풀 스크린 인트로 트렌드는 오랫동안 계속될 것으로 보입니다. […] 전반적으로 모바일 우선(mobile-first) 디자인으로 넘어가는 추세에 따라 2016년도에는 미니멀 유저 인터페이스가 점점 더 인기가 많아지고 있습니다. […] 듀오톤, 기하학적 모형, 밝은 컬러는 신중하게 선택한 폰트와 조합해서 이러한 설득력 있는 디자인을 만들어냈습니다.

• RxJS – Daum영화에 적용하다
  • RxJS를 적용한 적용기, RxJS에서 제공하는 연산을 적절히 사용하는 센스를 볼 수 있음!

  예를 들어 함수형 프로그래밍 패러다임에 맞게 외부 변수를 참조하지 않고 적절한 함수의 합성을 생각해야 하는 점이었습니다. […] 그러나 어려운 점으로는 함수형 프로그래밍보다 명령형 프로그래밍에 더 익숙한 개발자로서 이벤트의 흐름을 함수의 합성으로 생각해야 하고, 많은 operator들 중 적합한 operator를 알고 있지 않으면 찾아봐야 하는 점이었습니다.

• React의 기본, 컴포넌트를 알아보자 모두 알지만 잘 알지는 못하는 컴포넌트
  • React를 사용하는 모든 분들에게 추천!

  고차 컴포넌트는 컴포넌트를 input으로 하고 컴포넌트를 output으로 하는 함수라고 생각하시면 됩니다.

• 글로 다이어그램을 그려요
  • 몇가지 단순한 명령어를 사용해서 ‘UML’을 출력해주는 ‘PlantUML’을 소개!
• 너의 이름은, 알면 더 재밌는 별별 관람 포인트
  • 몰라도 재미있지만, 알면 더 재미있을 것 같지만 막상 읽다보면 일본여행을 꿈꾸게 되는 그런 기사!
  • 다시 한 번 더?
• 대기업 인턴, 창업, 그리고 스타트업을 선택하기까지
  • 미국에서 근무하는 개발자의 다양한 경험을 소개하는 기사
  • 인턴 제안을 거절했던 이유를 읽으면서 나를 돌아보게 됨
• 리텐션을 높이는 푸시, 기본 TIP
  • 리텐션을 높이기 위한 푸시 전략을 소개하고 있음.
  • 개인화된 푸시가 가장 끌리긴 하는데, ‘개인화’라는 단어가 가져다 기술적 묵직함에 약간 머뭇거리게 됨

  새로운 소식을 알려주고, 너가 사고 관심 있던 상품 소식을 알려주고, 이레 받아야 할 일정을 까먹지 않도록 확인해줄 수 있다.
  […] 사용자 모드로 넋 놓고 있다가 나도 모르게 훜 반응하게 되는 메시지들을 만들 때마다 이유를 탐구해보는 거다.

• 특수문자 이름 정리
  • 키보드의 기호를 영어로 어떻게 불러야 하지? 라는 고민을 가졌던 분들에게 추천!

  1. ^ 서컴플렉스 (CIRCUMFLEX) a.k.a 웃는 표시
  2. # 크러스햇지 (CROSSHATCH) a.k.a 우물 표시, 샵
  3. 그레이브 (GRAVE)
> 4.|버티컬 바 (VERTICAL BAR) a.k.a 수직 작대기
> 5.<` 레스 댄 (LESS THAN) a.k.a 왼쪽 화살표, > 그레이럴 댄 (GREATER THAN) a.k.a 오른쪽 화살표