Outsider's Dev Story

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

기술 뉴스 #99 : 18-04-01

웹개발 관련

  • Machine Learning-Driven Bundling. The Future of JavaScript Tooling : 웹페이지가 점점 복잡해짐에 따라 속도를 높이기 위해 Code Splitting을 하고 pre-fetch를 하는데 이를 Google Analytics에 쌓인 사용자가 방문한 페이지에 기반을 둬서 자동으로 이뤄질 수 있도록 한 접근이다. 아직 실험적이라고는 하지만 React와 Angular에 대한 데모를 다 제공하고 있고 GA 데이터를 분석해서 자동으로 Code Splitting을 하고 pre-fetch하는 모듈까지 만들어놨다. 정말 흥미로운 접근인데 앞으로는 이렇게 데이터를 이용해서 자동으로 번들링을 하게 될 것 같다.(영어)
  • 10x Performance Increases: Optimizing a Static Site : 해외에 나갔다가 자신의 사이트가 느리다는 것을 깨닫고 웹사이트를 개선한 과정을 설명한 글이다. 요청 수 줄이기, 압축, HTTP/2, 캐싱 등 웹사이트 성능에서 기본적이지만 필수적인 부분을 하나하나 다루고 있다.(영어)
  • How to NOT React: Common Anti-Patterns and Gotchas in React : React에서 주의해야 할 안티 패턴과 해결책을 설명한 글이다. 컴포넌트에서 bind() 함수의 사용, 이터레이터에서 key 값에 주의할 부분, setState()가 비동기라서 의도대로 안되는 부분, props로 클래스 생성자에서 값을 초기화할 때 이후 업데이트가 안 되는 부분 등을 다루고 있다.(영어)
  • How we gradually migrated to TypeScript at Unsplash : JavaScript로 작업하던 Unsplash에서 TypeScirpt로 전환한 과정을 설명한 글이다. 먼저 tsconfig.json를 추가해서 JS 파일의 타입 체커로 사용하고 코드에 JSDoc을 추가한 뒤에 순차적으로 JavaScript 코드를 TypeScript로 변환하면서 컴파일로 옵션을 점점 엄격하게 적용했다고 한다.(영어)
  • Top JavaScript VSCode Extensions for Faster Development : Visual Studio Code로 JavaScript 개발할 때 도움이 될 유용한 익스텐션을 정리한 글이다. REPL처럼 에디터 내에서 즉시 실행결과를 볼 수 있거나 여는 괄호와 닫는 괄호의 색을 맞춰서 보여주거나 import 할 때 해당 모듈의 크기를 보여주는 등 흥미로운 익스텐션이 많다.(영어)
  • Check out these useful ECMAScript 2015 (ES6) tips and tricks : ES2015에서 유용한 팁을 모아놓은 글이다. 기본 파라미터값을 이용한 필수값 검사와 reduce, 전개 연산자 사용법 등이 있는데 나같은 경우는 destructuring의 활용이 꽤 유용했다. ES2015를 사용하면 JavaScript 코드가 깔끔해지므로 몰랐던 내용이 있는지 확인해 볼 만하다.(영어)
  • Making WebAssembly better for Rust & for all languages : WebAssembly의 현재 제약사항으로 Rust 등의 언어를 사용해서 JavaScript와 같이 사용할 때의 접근 방법을 설명하는 글이다. wasm에 현재 integers와 floating point만 지원하므로 다른 타입을 wasm에 전달해서 주고받으려면 메모리에 저장한 뒤 숫자로 메모리 위치를 넘기는 등의 방법을 사용해야 하는데 wasm-bindgen를 이용해서 이를 간편하게 할 수 있고 wasm-pack를 이용해서 Rust 코드와 JS 코드를 같이 npm 모듈로 만들 수 있다. 그리고 JS와 wasm을 같이 사용하기 위해서 ES modules를 이용하는 방법까지 나와 있어서 현재 WebAssembly가 어느 정도 위치에 와있는지 파악할 수 있다.(영어)
  • Tomorrow’s ES Modules Today! : 아직은 Node.js에서 완전히 지원하지 않은 ES Modules를 바로 사용할 수 있게 만들어주는 ESM 모듈의 현재 상황과 방향을 얘기하는 글이다. CJS 기반인 Node.js에서 별다른 설정 없이 바로 ES Modules를 사용할 수 있으며 Node.js가 .mjs로 가려고 하고 있으므로 이 부분은 아직 활성화해놓지 않고 .jsrequire문 대신 import 문을 쓸 수 있게 해준다.(영어)

그 밖의 프로그래밍 관련

볼만한 링크

  • 나는 그저 그런 개발자입니다. : 그저 그런(?) 개발자가 살아남기 위해서 어떻게 하는 게 좋은지 본인의 경험을 바탕으로 정리한 글이다. 쉽게 읽을 수 있는 글이지만 좋은 공부 방법을 나와 있다.(한국어)
  • 회사에서 발견할 수 있는 50가지 유형의 사람들 대정리 : 회사에서 볼 수 있는 사람들의 유형을 정리한 글이다. 글을 꽤 재미있게 잘 써서 보면서 그래 이런 사람 있지 하면서 재미있게 읽었다.(한국어)
  • 개발자가 블로그를 운영해야 할 이유 : 개발 블로그가 더 많아지길 바라는 사람으로서 반가운 글이다. 블로그를 해야 하는 이유로 글을 쓰면서 더 정확한 지식을 얻을 수 있고 좋은 동기화 새로운 기회를 얻을 수 있고 운이 좋다면 부수입을 얻을 수 있는 점을 꼽았다. 오랫동안 블로그를 운영한 경험을 바탕으로 어떤 주제로 글을 쓰면 좋을지도 설명하고 있다.(한국어)
  • How to write a great developer résumé and showcase your software engineer skills : 개발자가 이력서를 작성할 때 해야 할 일과 하지 말아야 할 부분을 정리한 글이다. Twitter에 입사하면서 자신이 깨달은 부분과 입사 후에 Twitter의 기술 리크루터 Kristin Simmons와 논의해서 정리한 글이라 더 신뢰가 가고 국내와는 약간 다른 해외 시장을 보고 있다면 참고해 봐야 할 글이다.(영어)
  • 신입 소프트웨어 엔지니어의 영문 이력서 작성 후기 : 영문 이력서를 작성하면서 염두에 두어야 할 부분을 체크리스트로 정리해 놓았고 이를 바탕으로 글쓴이가 작성한 이력서를 첨부해 두고 단락마다 어떤 의도로 정리했는지가 잘 나와 있다. 정리가 잘 되어 있어서 영문 이력서를 작성하려고 할 때 읽어두면 도움이 될 글이다.(영어)
  • 1달 사용해 본 후 느낀 스팀잇의 문제점 5가지 : 블로그를 하다 보니 스팀잇에도 관심이 있는데 자세히 살펴본 적은 없지만, 이 글을 통해서 스팀잇의 분위기를 어느 정도 느낄 수 있었다. 주로 스팀파워를 가진 고래들에게 너무 편중된 파워의 차이와 좋은 글이 제대로 큐레이팅 되지 않고 오히려 특정 사람들의 글이나 수익이 높을 것이라고 예상되는 글만 추천을 받아서 타임라인이 재미없어지는 부분을 문제점으로 꼽았다.(한국어)

IT 업계 뉴스

프로젝트

  • TOAST UI Chart : NHN 엔터테인먼트에서 공개한 오픈소스 JavaScript 차트 라이브러리로 IE 8 이상을 지원한다.
  • oclif : Heroku에서 만든 Node.js CLI 프레임워크.
  • Dejavu : Elasticsearch의 웹 UI.
  • Babel Time Travel : Babel이 JavaScript 트랜스파일하는 과정을 단계별로 볼 수 있는 웹사이트.
  • TensorFlow.js : ML 모델을 훈련하고 배포하는 WebGL 기반의 JavaScript 라이브러리.

버전 업데이트

2018/04/01 19:25 2018/04/01 19:25