Outsider's Dev Story

Stay Hungry. Stay Foolish. Don't Be Satisfied.
RetroTech 팟캐스트 44BITS 팟캐스트

기술 뉴스 #108 : 18-08-15

웹개발 관련

  • Google AMP — A 70% drop in our conversion rate. : 자사의 웹사이트에 AMP를 도입한 후 문제점을 지적한 글이다. 초기 의욕적으로 빠른 웹사이트를 위해 AMP를 도입했지만 Google의 프레임 속에 나오기 때문에 피싱 사이트처럼 보이고 구글 CDN을 통해서 제공되기 때문에 문제점을 찾기위한 디버깅이 쉽지 않으며 전환율을 올리기 위한 노력도 웹사이트와 따로 AMP를 위해서 새로 해야 한다고 하고 있다. 모두 AMP 때문은 아니겠지만 전환율이 70% 줄어들었다고 한다.(영어)
  • The Cost Of JavaScript In 2018 : 웹사이트에서 자바스크립트 용량이 크면 비용이 얼마나 많이 드는지 설명한 글이다. 브라우저가 자바스크립트를 어떻게 처리하고 있고 평균 모바일 디바이스와 네트워크 속도를 고려했을 때의 영향을 생각하면 사용자가 실제로 웹사이트를 사용하는데 걸리는 시간(Time to Interactive)이 얼마나 중요한지 설명하고 있다. 마지막으로 Code Sptting을 이용하고 Lighthouse 등을 이용해서 어떻게 JavaScript 파일의 용량을 줄 일 수 있는지 설명하고 있다. 글이 상당히 길지만, 전체적으로 파악하기 좋은 내용이다.(영어)
  • 난 React와 Vue에서 완전히 똑같은 앱(todo)을 만들었다. 여기 그 차이점이 있다.(번역글) : 얼마전 소개한 I created the exact same app in React and Vue. Here are the differences.의 번역 글로 React와 Vue로 todo앱을 만들면서 차이점을 비교한 글이다.(한국어)
  • 타입스크립트, 써야 할까? : 타입스크립트를 써야 하는 이유를 정리한 글로 러닝 커브, 생산성, 안정성, 커뮤니티 등의 관점으로 설명하고 있다. 개인적으로 타입스크립트를 좋아하진 않는 편이지만 타입스크립트가 줄 수 있는 장점과 부족한 점이 잘 정리되어 있다.(한국어)
  • Introducing Electron Fiddle : 코드스니펫을 쉽게 공유하는 Fiddle 서비스처럼 쉽게 코드를 테스트해볼 수 있도록 Electron Fiddle의 초기 버전이 공개되었다. 아직 개발 중이다.(영어)

그 밖의 프로그래밍 관련

블록체인 관련

  • ERC Token Standards for Dummies, Like Me : 이더리움을 이용해서 토큰을 만들 때 많이 사용하는 ERC 20를 설명하는 글이다. ERC(Ethereum Request for Comment) 20가 어떤 구조로 되어있고 솔리디티로 어떻게 사용하는지를 설명하고 ERC 20에서 잘못 트랜잭션을 만들었을 때 묶여버려서 토큰을 사용할 수 없게 되는 문제를 해결하는 ERC 223와 ERC 827이 각각 어떻게 다른지를 설명하고 있다. ERC 20를 보기만 하다가 그 기본 내용에 대해 이해하기 좋은 글이다.(영어)
  • What we learned building our first Ethereum Dapp : Ethereum과 Solidity 개발을 배우려고 사이드 프로젝트로 Ethereum Dapp을 만든 경험을 공유한 글이다. 학습 용도에 맞는 요구사항에 따라 픽셀을 광고판처럼 파는 Eth Plot을 만들고 이때 사용한 스마트 콘트랙트, IFPS, Truffle, Ganache, MetaMask 등의 스택을 설명하고 가장 중요한 부분인 스마트 콘트랙트를 어떻게 개발했는지 자세히 설명하고 있다.(영어)
  • Dweb 소개 : 중앙화된 웹이 아니라 분산화된 웹이라는 개념으로 Dweb을 소개한 글로 현재 2편까지 공개되어 있다. 블록체인을 얘기하고 있진 않은데 원래의 웹은 분산화하려고 나왔지만, 지금은 중앙화되었다는 점에서 관심 있는 접근방법이다.(한국어)

볼만한 링크

  • 하스스톤x프로듀스48 사건으로 보는 마케팅이야기 : 프로듀스48에서 자신이 응원하는 아이돌에 투표하도록 여러 가지 마케팅을 하다가 하스스톤 사용자에게 팩을 사주고 투표 인증을 요구하면서 진행된 과정을 설명한 글이다. 이런 일이 있었는지 몰랐지만 이런 식의 재치있는 마케팅을 좋아하는지라 재미있게 보았다.(한국어)
  • Pseudo Localization @ Netflix : 하면서 영어로 작성된 메뉴나 문구 등이 다른 언어로 번역되면서 40% 이상 길어져서 레이아웃이 깨지는 문제를 Netflix가 어떻게 개선했는지 설명한 글이다. Pseudo Localization라고 Find Help Online라는 문구를 영어처럼 읽을 수 있는 ASCII 문자 [ƒîกี้ð Ĥéļþ Öกี้ļîกี้é one two]로 변환해서 실제 번역문은 아니지만 길어진 텍스트를 바로 테스트해 볼 수 있도록 개선한 애기이다. 마지막에는 이렇게 만든 시스템을 각 조직에 적용할 수 있도록 홍보하고 교육하는 부분도 중요하다고 강조하고 있다.(영어)

IT 업계 뉴스

  • Gerald M. Weinberg has died : "프로그래밍 심리학", "대체 뭐가 문제야?", "테크니컬 리더" 등의 책을 쓴 제럴드 M. 와인버그가 8월 7일 86세의 나이로 별세했다. 삼가 고인의 명복을 빕니다.(영어)

프로젝트

  • The Open Guide to Amazon Web Services : AWS의 각 서비스의 사용방법과 팁을 모아놓은 저장소.
  • lazygit : 터미널에서 UI로 Git을 사용할 수 있는 도구.
  • Filament : 안드로이드, 리눅스, macOS, 윈도우즈에서 사용할 수 있는 렌더링 엔진으로 구글이 만들었다.

버전 업데이트

2018/08/15 19:39 2018/08/15 19:39