Outsider's Dev Story

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

기술 뉴스 #156 : 20-08-15

웹개발 관련

  • Introducing Rome : Babel을 만들었던 Sebastian McKenzie가 프론트엔드 개발 툴체인 Rome을 공개했다. Rome은 Babel의 정신적 후계자라고 말하고 있으며 JavaScript, TypeScript, HTML, JSON, Markdown, CSS의 린터, 컴파일러, 번들러이므로 하나의 도구로 Babel, ESLint, Webpack, Prettier, Jest 등을 대체할 목적으로 만들었다고 한다.(영어)
  • Jamstack에서 스타일시트를 최적화하는 법 : 제로런타임 CSS in JS인 Linaria을 이용한 Gatsby 플러그인 gatsby-plugin-linaria을 최적화하면서 고민했던 부분을 정리한 글이다. 모든 상황에 다 좋은 방법은 없음으로 CSS 추출을 통한 Critical rendering path 최적화를 Gastby에 적용하면서 캐시 히트율을 우선시해서 구현했는데 최적화를 하면서 정적 페이지에서 발생하는 추가적인 단점들과 고민이 잘 나와 있다.(한국어)
  • Storybook 6 Migration Guide : 업그레이드 후 TypeScript를 쓰는지 Create React App 등 프로젝트 특성에 따라 하위 호환성이 깨진 변경사항이 정리되어 있고 6의 베스트 프랙티스에 따라 프로젝트를 업데이트하도록 안내되어 있다.(영어)
  • It's time to lazy-load offscreen iframes! : iframe 지연 로딩이 표준화되어 크로미움 브라우저에서 지원하게 되었다. <iframe loading="lazy"></iframe>처럼 지연 로딩을 지정하면 iframe내부의 사이트를 사용자가 볼 때 로딩하게 된다.(영어)
  • 2020년과 이후 JavaScript의 동향 - JavaScript(ECMAScript) : JavaScript가 10년을 주기로 큰 변화가 이루어졌고 그런 면에서 2020년이 세 번째 전환점일 수 있음을 설명하고 이제 JavaScript 관련 도구가 다른 언어로 작성되는 경우가 많아져서 JavaScript의 언어의 종말이 다가오고 있고 웹 브라우저의 다양성도 줄어들고 있고 ESM이 점점 보편화 되고 있다. 이후 TC39에 관해서 설명하고 ECMAScript 2020에 포함된 많은 새 표준을 설명하고 있다.(한국어)
  • Vue 3로 마이그레이션하기 위해 준비해야 할 것 : Vue 2로 만든 앱을 3로 업그레이드하는 Be prepared to migrate your Vue app to Vue 3의 번역 글로 이벤트 버스의 사용을 피하고 필터 함수를 메서드로, 커스텀 컴포넌트의 model.sync로 바꾸는 등 Vue 3으로 마이그레이션 하기 전에 준비할 부분을 정리해 두었다.(한국어)

그 밖의 개발 관련

  • Banksalad Product Language를 소개합니다 : 디자인 시스템의 확장판이라고 할 수 있는 Product Language를 뱅크샐러드에서 만들어서 도입한 과정을 정리한 글이다. 기획, 디자인, 개발 간의 커뮤니케이션 비효율을 줄이고 UI 추상화의 생각을 맞추기 위해 TF 구성해서 만들었는데 이해도를 맞추기 위해서 뱅크샐러드 앱의 홈 화면을 웹, iOS, Android가 각각 구현하고 비교하니 어떻게 추상화해야 하는지 이해할 수 있게 되었다고 한다. 이후 TF에서 도입하기 시작한 Figma를 통해 개발자가 디자이너의 의도를 훨씬 명확하게 이해할 수 있게 되었고 디자인의 추상화 단위가 개발과도 일치하도록 하기 위해 SwiftUI의 구조를 참고해서 만들었고 이를 검증할 수 있는 샘플 앱을 만들고 이를 뱅크샐러드 앱에서 이 코드를 가져다 쓰도록 했다고 한다.(한국어)
  • Introducing a new and improved Twitter API : Twitter가 API를 개선하기로 발표하면서 차후 로드맵도 같이 공기했다. 사용하기 쉬운 API를 제공하고 더 세밀한 접근 제어를 지원하며 개발자 포털도 개선했다. 먼저 개선되는 부분은 실시간 트윗 스트림, 트윗 성과 측정, 이벤트 API 등이 포함된다.(영어)

인프라 관련

  • 흔들리는 도커(Docker)의 위상: OCI와 CRI 중심으로 재편되는 컨테이너 생태계 : 업계 컨테이너 표준으로 Docker가 쓰이고 있지만 2015년 OCI(Open Container Initiative)가 구성되어 컨테이너 표준화를 진행하고 Kubernetes에서 만든 CRI(Container Runtime Interface)를 중심으로 CRI-O(Container Runtime Interface - Open Container Initiative)가 만들어 지면서 Docker를 대체할 수 있는 Buildah, Podman, Skopeo가 나오고 있는 변화 과정을 설명하고 있다.(한국어)
  • New Relic Changes Business Model, Open Sources Agents and Instrumentation : New Relic이 모니터링 플랫폼 New Relic One 서비스는 계속 제공하지만, 자사의 에이전트 등을 오픈소스화하기로 했다. GitHub을 통해서 C, Go,.NET, Node, Python, Ruby 에이전트를 공개했고 이후 Java, PHP를 9월과 10월에 공개할 예정이라고 한다. 동시에 CNCF OpenTelemetry에 기여하면서 Prometheus 표준에도 참여하고 있다.(영어)

볼만한 링크

  • Tailwind CSS: From Side-Project Byproduct to Multi-Million Dollar Business : tailwind CSS를 만든 Adam Wathan이 트위터에 썼던 글을 블로그로 다시 정리한 글이다. tailwind CSS는 천만 다운로드를 기록했고 이를 사업화한 Tailwind UI는 2백만 달러의 수익을 기록했다고 한다. Digest라는 사이드 프로젝트를 만들면서 Bootstrap을 사용했지만, Sass를 싫어했던 탓에 Less로 직접 만들어서 사용했고 Digest 이후 새로운 사이드 프로젝트를 하면서 Digest에서 유틸리티 성 Less를 복사해와서 사용하는 걸 알게 되었고 이후 새로 시작했던 KiteTail 프로젝트에서 프로젝트에 의존하지 않는 CSS를 만들게 되었고 이를 YouTube로도 여러 번 방송했다고 한다. 공개적으로 작업을 한 덕에 여러 사람에 개선할 아이디어를 주거나 오픈소스 프로젝트로 만들어 달라는 요구를 받게 되어 결국 오픈소스로 만들어서 공개하게 되고 이를 사업화할 생각에 올해 초 Tailwind UI를 공개하게 되었다고 한다. 사이드 프로젝트를 하면서 한 야크 세이빙 프로젝트의 성공 사례라서 더 재미있게 읽었다.(영어)
  • GPT-3, 인류 역사상 가장 뛰어난 언어 AI : 공개 이후 엄청난 주목을 받는 GPT-3의 공개된 사례를 정리해서 보여주고(이력서 작성, 자유 대화, 프로그래밍 등) GPT-3가 다음 단어를 잘 예측할 수 있도록 학습시킨 모델이고 이는 대부분의 언어 태스크를 잘 수행하는 범용적인 언어 모델이라는 점을 설명하는 글이다. GPT-3의 의미를 이해하기 좋은 글이다.(한국어)
  • 섹스, 맥주, 그리고 코딩: 페이스북의 광기어린 그 시절 (번역) : 초기 페이스북을 만들고 주요 기능을 개발했던 사람들의 인터뷰를 모아서 정리한 글이다. 영화 "소셜 네트워크"에서 창업 과정을 꽤 알 수 있지만, 개별 기능에 대한 내부의 분위기랑 당시 인기 있었던 수많은 서비스와의 상황을 이해할 수 있다.(한국어)
  • 10년간 슈퍼셀을 경영하며 배운 10가지 교훈 : Supercell의 CEO인 일카 파나넨이 10년간 운영하면 배운 교훈을 정리한 글이다. 게임회사의 특성도 있고 일카 파나넨도 "저희랑 똑같이 만들려 하지 말고 여러분의 상황과 조직에 맞는 문화를 만드세요"라고 말했지만, 유명 게임을 많이 만들기도 했기에 각 항목에서 생각해볼 부분이 많이 있다.(한국어)

    1. 무한 반복 게임을 하세요
    2. 위대한 팀이 위대한 게임을 만들지만, 위대한 개인들이 모여 위대한 팀이 되는 것은 아닙니다.
    3. 천천히 채용하고, 항상 기준을 높이세요.
    4. 가능한 한 작게 유지하세요.
    5. 문화란 결코 파워포인트나 벽에 씌여있는 문구가 아니라 모든 구성원의 행동의 총합입니다.
    6. 통제 대신 신뢰하세요.
    7. 실패의 두려움에 휘둘리지 말고 과감하게 새로운 시도를 하세요.
    8. 규칙과 절차를 만들려는 유혹에 굴복하지 마세요... 설사 실수를 했더라도!
    9. 전통적인 방식의 목표 수립은 독립적인 셀 구조와 어울리지 않습니다.
    10. 기업의 가치와 문화를 명문화하세요 (회사가 배우고 성장하면 지속해서 개정하세요)
  • 미국의 여행사 CWT가 랜섬웨어에 걸려서 약 53억원을 지불한 대화내역이 공개 : 서버가 모두 랜섬웨어에 걸려서 해커와 협상을 하고 지급이 끝난 후에 해커가 제공한 보안 어드바이스까지 제공했다고 한다. 흥미로운 사건인데 번역은 아니지만, 한국어로 요약이 잘 되어 있는 GeekNews의 글을 연결했다.(한국어)
  • Announcing the new Jupyter Book : 계산된 내용을 포함한 품질 좋은 책, 문서, 사이트를 만들 수 있는 Jupyter Book이 공개되었다. Jupyter Book으로는 마크다운을 이용해서 수학식, 수치 등을 표현할 수 있고 Jupyter Notebook으로 내용을 작성하고 코드를 실행할 결과를 책에 포함할 수 있다.(영어)

IT 업계 뉴스

프로젝트

  • explainshell.com : 쉘 명령어를 입력하면 명령어와 옵션의 설명을 보여주는 사이트.
  • Fast : Microsoft에서 오픈소스로 공개한 UI 컴포넌트로 다른 JavaScript 프레임워크와도 같이 사용할 수 있다.
  • Startup Library : Y Combinator에서 15년 동안 스타트업을 지원하면서 만들었던 동영상, 팟캐스트, 에세이를 검색해서 볼 수 있도록 정리해놓은 사이트다.
  • simdjson : 기존 파서보다 2.5배 이상 빠르다는 JSON 파서.
  • P2 : Wordpress를 만드는 Automatic이 내부에서 쓰던 협업 도구를 공개했다. 커뮤니케이션, 프로젝트, 파일 관리를 할 수 있고, 가입해서 사용해볼 수 있다.
  • RFC Reader : RFC 문서의 목차를 좌측에 보여주어 쉽게 문서를 이동하면서 볼 수 있는 웹사이트.

버전 업데이트

2020/08/15 21:46 2020/08/15 21:46