Outsider's Dev Story

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

기술 뉴스 #141 : 20-01-02

웹개발 관련

  • The State of JavaScript 2019 : 매년 발표되는 JavaScript 개발자의 설문 조사를 통해서 생태계의 현황을 정리한 글로 올해는 2만여 명의 JavaScript 개발자가 설문에 참여했다. 지역별 연봉, 프레임워크, 테스트 도구, 백엔드, 모바일 등 다양한 영역에서 어떤 도구를 주로 사용하고 있는지를 보여주고 있다.(영어)
  • http-decision-diagram : HTTP의 상태 코드를 결정하는 다이어그램이다. 200대부터 500대 코드까지 HTTP 요청 상황의 true/false로 따라가서 적절한 상태 코드를 찾을 수 있는데 HTTP 상태 코드를 이해하는 데도 도움이 될 것 같다.(영어)
  • JavaScript & Node.js Testing Best Practices : 테스트 관련 황금율과 기초 테스트 구성에 대한 설명을 한 뒤 백엔드/프론트엔드의 테스트 방법을 설명하고 테스트 품질측정과 CI에 대해서 정리해 놓은 글의 한국어 번역 글이다. 관련 사례와 예제 코드까지 잘 정리되어 있다.(한국어)
  • 웹 개발자의 지옥, 이메일 폼 개발하기 : 다양한 이메일 서비스와 클라이언트 때문에 이메일 폼을 개발하는 건 정말 어려운데 이런 부분이 왜 어렵고 작업할 때 어떤 부분을 유의해서 작업했는지를 정리한 글이다. 이메일 받을 때는 별거 아닌 것처럼 느껴질 수 있지만 이메일을 직접 만들어서 보내보면 얼마나 많은 삽질이 필요한지 느끼며 이 글이 도움이 될 것이다.(한국어)
  • World Wide Web Consortium (W3C) brings a new language to the Web as WebAssembly becomes a W3C Recommendation : WebAssembly가 W3C 권고안이 되었다.(영어)

그 밖의 개발 관련

  • How To Prefix Your Commit Message With a Ticket Number Automatically : prepare-commit-msg 훅을 이용해서 Git의 브랜치 이름에서 자동으로 티켓번호를 커밋 메시지 앞에 자동으로 붙여주는 방법을 설명하고 있다.(영어)
  • How Positive was Your Year with TensorFlow.js and Twilio : Twilio에서 Tensorflow.js를 이용해서 API로 가져온 SMS 메시지가 긍정적인지 부정적인지를 분석해서 보여주는 간단한 Node.js 애플리케이션을 작성하는 방법을 보여주고 있다.(영어)
  • iOS 13에서 다크 모드 지원하기 (Supporting Dark Mode) : iOS 13에서 추가된 다크모드를 iOS 앱에서 지원하면서 앱의 원하는 색상을 지원하려면 어떻게 해야 하는지를 설명한 글로 제어할 수 있는 API를 소개하고 다크모드를 지원하지 않는 경우 라이트 모드로 고정하는 방법까지 소개하고 있다.(한국어)
  • Applescript로 간단한 카톡 자동 대화하기 : 카카오톡의 봇하고 얘기하는 이벤트를 자동화하기 위해서 Applescript를 이용해서 미리 정의된 대화의 메시지를 보내도록 자동화한 과정이 나와 있다. 창을 선택할 수 없어서 완전 자동화까지 되지는 않았지만 Applescript로 어떻게 자동화 할 수 있는지 나와 있다.(한국어)

인프라 관련

  • 만들면서 이해하는 도커(Docker) 이미지의 구조 : Docker 이미지의 구조를 설명하는 글이다. 보통 레이어로 되어 있다는 것은 알려져 있지만, 실제 Pull을 받을 때 레이어의 구조와 이 레이어 위에서 컨테이너로 실행할 때 어떻게 달라지는지 왜 컨테이너를 내리면 변경사항이 사라지는지 등을 실제로 레이어를 직접 만들고 조작해 보면서 이해할 수 있게 설명하고 있다. 뒤에서는 OverlayFS를 사용해 보면서 동작 방식을 이해할 수 있게 보여주고 있는데 Docker 이미지가 어떻게 동작하는지 깊게 이해할 수 있는 좋은 글이다.(한국어)
  • k3s로 간단하게 Kubernetes 환경 구축하기 : AWS Lightsail에 인스턴스를 띄워서 경량 Kubernetes인 k3s로 Kubernetes 환경을 구성해서 로컬에서 접속하는 과정을 설명하는 글이다.(한국어)

볼만한 링크

  • 상품 상세페이지 개선해 성과내기 : 스타일쉐어에서 네이버 최저가검색 등으로 유입되는 상품 상세페이지의 디자인을 개선하고 목표했던 지표에서 20% 이상 높인 과정을 소개하고 있다. 각 디자인 개선을 어떤 의도로 했는지를 설명하고 이전 디자인과 비교해서 쉽게 읽을 수 있다.(한국어)

IT 업계 뉴스

프로젝트

  • Scully : Angular로 정적 웹사이트 생성 도구로 React나 Vue에서는 할 수 있었지만 이제 Angular로도 정적 웹사이트를 만들 수 있게 되었다.
  • Hippy : Tencent에서 만든 크로스 플랫폼 프레임워크로 웹 기술을 이용해서 Web, iOS, Android 3개의 플랫폼의 앱을 만들 수 있다.

버전 업데이트

2020/01/02 03:52 2020/01/02 03:52