Outsider's Dev Story

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

기술 뉴스 #92 : 17-12-16

웹개발 관련

  • A recap of front-end development in 2017 : 2017년에 주목받은 기술들을 정리한 글로 React 16, PWA, CSS Grid 레이아웃, 서버리스 등을 꼽았다. 주목받았다는 객관적인 기준은 없지만 올 한해의 기술들을 한번 둘러보면서 놓친 내용을 살펴보기 좋은 글이다. 마지막에 자사의 서비스 광고를 슬쩍 넣었지만...(영어)
  • JAMstack : JavaScript, API, Markup만을 이용해서 웹사이트를 만드는 스택을 의미한다.(영어)
  • A revamped SEO Starter Guide : 구글에서 SEO 스타터 문서를 업데이트했다.(영어)
  • 11 things I learned reading the CSS Grid Specification : CSS Grid의 스펙을 읽고 그 동작 방식의 주요 부분을 상세하게 정리한 글이다. 아직 CSS Grid를 사용하지 않아서 세부내용을 다 이해하기 힘들지만, CSS Grid를 사용할 때 참고해서 보면 제대로 사용하기 좋은 글이다.(영어)

그 밖의 프로그래밍 관련

  • 올해(2017년)의 오픈소스 프로젝트 기여, 행사 참석 회고(回顧,Retrospection) : 성대현 님이 한글과 관련해서 오픈소스에 참여하면서 GNOME Foundation Member가 된 과정까지를 설명한 글이다. 내가 유니코드나 CJKV에 관련한 지식이 많지 않지만 CJKV에 관심을 가진 과정부터 몇 년에 걸쳐서 지속해서 관심을 가지고 참여하게 된 과정을 다 나와 있어서 재미있다. 따라 할 수 있을지는 잘 모르겠지만...(한국어)
  • Introducing electron-toolkit: The Electron app to build and launch Electron apps : Electron으로 앱을 만들 때 불편한 부분을 해결하기 위해서 만든 툴킷이다. 여기서 아이콘을 플랫폼별로 변환해주고 스크린샷을 관리할 수 있게 해주고 앱의 배포 및 웹사이트 생성까지 지원해주고 있다.(영어)
  • HTTPS 전환 과정에서 read timeout 오류 해결 과정 : 네이버 서비스에서 HTTPS로 전환하면서 read timeout 오류의 원인을 추적하는 과정을 설명하고 있다. 꽤 고생해서 찾았을 거로 생각하는데 의심하는 부분과 확인하는 방법, 그리고 원인이 왜 아닌지를 설명하면서 찾아가는 과정이 그대로 다 적혀 있어서 고통이 느껴지면서도 재미있다.(한국어)
  • TECHNOLOGY RADAR VOL.17 : 소트웍스에서 분야별로 기술이 업계에서 도입된 상태를 정리하는 TECHNOLOGY RADAR의 2017년 11월 버전이다. 기술, 도구, 플랫폼, 언어/프레임워크 별로 나누고 각 분야에서 Adopt, Trial, Assess, Hold로 나누어서(Adopt가 안정성이 확인된 상태) 각 기술의 도입 여부를 보여주고 있다.(영어)

볼만한 링크

  • 스타트업 인턴 개발자 3달간의 고군분투기 : 스타트업 인턴 개발자가 팀장이 뒤이어 들어온 뒤 django와 vue를 접하고 개발 흐름을 따라가는 의식의 흐름을 정리한 글이다. 발표자료가 길지만 발표센스가 좋다고 느껴질 정도로 정리가 잘 되어 있어서 자료가 긴지도 모른 채 재미있게 있었다. 내용 파악하고 정리하는 능력이 뛰어나신 느낌이라 발표자료만 보았는데도 재미있었다.(한국어)

IT 업계 뉴스

프로젝트

  • Parcel : 웹 애플리케이션 번들러로 기존 webpack 등의 번들러보다 설정이 간단하고 빠르다고 한다.
  • Turi Create : Apple에서 공개한 Python 라이브러리로 머신러닝 모델을 쉽게 개발할 수 있게 도와준다.
  • critical : CSS 파일에서 웹페이지 로딩 속도를 높이기 위해서 초기 렌더링에 필요한 부분을 추출해 주는 도구.
  • Gatsby : React를 이용한 정적 웹사이트 생성기.
  • Muuri : JavaScript 반응형 그리드 레이아웃 엔진.
  • Superstruct : JavaScript 데이터 형식 정의 및 유효성 검사 라이브러리.
  • pup : HTML 파싱 커맨드라인 도구

버전 업데이트

2017/12/16 04:24 2017/12/16 04:24