Outsider's Dev Story

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

기술 뉴스 #97 : 18-03-01

웹개발 관련

  • PWAs are coming to iOS 11.3: Cupertino, we have a problem : iOS 11.3과 macOS 10.13.4에서 Service Worker가 도입되어 이제 iOS에서도 PWA를 구현할 수 있게 되었다. 현 상태를 기준으로 Android와 동작이 다른 부분을 설명하고 현 구현상태에서의 버그나 차이점 및 PWA를 크로스 플랫폼으로 구현할 때 iOS에서 주의해야 할 문제점을 잘 정리해 놓은 글이다. PWA를 iOS에 적용하려고 기다리고 있다면 꼭 읽어봐야 할 글이다.(영어)
  • AMP: the missing controversy : 사람들이 AMP라는 새 형식이 웹페이지를 빠르게 제공할 수 있게 해주는 것처럼 생각하지만 실제로 AMP 페이지를 Google을 통하지 않고 접속해 보면 다른 웹페이지와 별반 차이가 나지 않는 것을 볼 수 있음을 보여주고 Google 검색에 들어갔을 때 미리 Google이 AMP 관련 파일들을 미리 다운로드 받게 하고 여기에 캐싱이 더해지면서 엄청 빠르게 느껴지게 만든다고 얘기하고 있다. 이는 실제로 AMP가 해주는 게 아니라 구글이 검색을 가지고 있기에 가능한 부분이다.(영어)
  • React’s new Context API : 존재 여부도 몰랐지만, React에 있는 Context API가 그동안은 사용하길 권하지 않았다고 한다. 이번 16.3에서 새롭게 바뀐 Context API가 도입되는데 이 API가 그동안 prop drilling이라고 부르던 문제를 쉽게 해결해 주며 그 사용방법을 설명한 글이다.(영어)
  • Elegant patterns in modern JavaScript: RORO : JavaScript에서 함수의 파라미터를 객체로 받고 객체로 리턴하는 방식(Receive an object, return an object)을 설명한 글이다. ES2015의 destructuring을 이용해서 파라미터를 객체로 받았을 때의 편리한 점과 기본값 등을 활용하는 방식, 그리고 리턴값을 객체로 했을 때 pipe로 연결하는 방법까지 설명하고 있다.(영어)
  • How to make responsiveness super simple with CSS Variables : 반응형 웹사이트를 만들 때 미디어쿼리를 복잡하게 쓰는 대신 새로 추가된 CSS 변수만 미디어쿼리로 변경해서 더 간단한 코드로 반응형 웹사이트를 만드는 방법을 설명하는 글이다. 아직 IE가 지원하지 않고 CSS 선언을 CSS 변수를 사용하도록 작성해야 하지만 이 접근을 이용하면 깔끔하게 반응형 웹사이트를 만들 수 있을 것으로 보인다.(영어)
  • Let’s make multi-colored icons with SVG symbols and CSS variables : 폰트 아이콘 대신 SVG로 아이콘을 사용하는 방법을 설명하는 글이다. 폰트 아이콘 대신 SVG로 하면 색상을 지정할 수 있는데 여러 색을 한꺼번에 사용하면서 사용하기 편하게 만들기 위해 CSS 변수 등을 어떻게 사용하는지 나와 있다. IE에서는 지원 안 하지만...(영어)
  • WebAssembly First Public Working Drafts : WebAssembly 관련해서 COre, JavaScript 인터페이스, Web API 3가지 명세의 첫 워킹 드래프트가 등록되었다.(영어)


그 밖의 프로그래밍 관련

  • Why you need Python environments and how to manage them with Conda : 왜 Python에서 환경관리가 필요한지를 설명하고 Conda(이글에서는 Miniconda)를 이용해서 Windows에서 Python 환경을 설정하고 관리하는 방법을 설명한다.(영어)
  • How To Speed Up Continuous Integration Build With New NPM CI And package-lock.json : npm 5.7.0에서 도입된 npm ci 명령어를 이용하면 package.json이 아닌 package-lock.json 만을 이용해서 패키지를 설치하고 CI에서 테스트할 때 3배 이상 빠르게 설치할 수 있게 되었다. 이를 설정해서 사용하는 방법을 설명한 글이다.(영어)
  • InSpec for provisioning testing: Verify Terraform setups with InSpec : InSpec 2.0에 관해서 설명하고 Terraform으로 AWS 인프라를 구성했을 때 인프라를 InSpec로 테스트하는 방법을 간단히 설명한다. 이 글에서 InSpec은 간단하게 설명하고 있지만 Terraform을 쓰는 처지에서 테스트를 할 수 있다니 관심을 두게 되었다.(영어)
  • 비트코인 백서 : Bitcoin 백서의 한글 번역본이다.(한국어)
  • Flutter — 5 reasons why you may love it : Google이 작년에 공개한 Flutter의 장점을 설명한 글이다. Flutter로 iOS, Android 앱을 만들 수 있으면 Dart를 언어로 사용하는데 핫 리로드, 위젯, 플랫폼별 대응 등 Flutter의 사용법을 간단히 보여주고 있다. 기술적으로 깊게 살펴보는 글은 아니지만, 아직 Alpah인 Flutter로 어떻게 앱을 만드는지 간단히 살펴볼 수 있는 글이다.(영어)

볼만한 링크

  • Working remotely, 4 years in : Stripe에서 일하는 개발자가 지난 4년 동안 원격으로 근무한 경험을 정리한 글이다. 원격으로 일할 때 좋은 점과 사람들이 많이 궁금해하는 커리어 개발이나 승진 기회에 문제는 없는지 사람들과 잡담을 못 하거나 의사소통이 어렵지는 않은지에 대해서 잘 정리되어 있다. 이 글을 보면 Stripe는 원격 근무에 대한 회사 지원이 잘 갖춰진 회사 같아서 일반화하긴 어렵겠지만 원격 근무에 대한 경험이 잘 녹아있다.(영어)
  • Why Decentralization Matters : 인터넷에서 현재는 중앙 집중형 서비스가 중심인데 다음 시대에서는 암호네트워크(Cryptonetwork)를 기반으로 한 분산 네트워크가 중심이 될 거라는 관점의 글이다. 코인보다는 분산에 더 가치를 두고 얘기하고 있는데 한마디로 요약하기는 어렵지만 읽어볼 가치가 있다. 나는 암호화폐는 아직 가치판단을 못 하고 있고 블록체인은 어딘가에 쓰이긴 할 텐데 정도의 관점인데 이 글을 통해 암호네트워크라는 다른 방향에서 생각해 보게 되었다.(영어)

IT 업계 뉴스

프로젝트

  • Jarvis : Webpack 빌드의 정보를 웹 기반 대시보드로 보여주는 프로젝트.
  • Onelang : 온라인 IDE로 한 언어로 코드를 작성하면 다른 10가지 언어로 트랜스파일 해서 보여준다.
  • cloudmapper : AWS 계정에서 정보를 가져와서 네트워크 다이어그램을 그려주는 도구.
  • FastPhotoStyle : NVIDIA에서 만든 오픈소스로 사진의 스타일을 다른 사진에 적용해주는 프로그램.
  • Kubeval : Kubernetes 설정 파일의 유효성을 검사해주는 도구.
  • Requests-HTML : HTML을 파싱하는 Python 라이브러리.
  • OpenJ9 : 빠른 구동 시간, 높을 쓰루풋 등을 최적화한 OpenJDK의 JVM.

버전 업데이트

2018/03/01 18:52 2018/03/01 18:52