Web Development Reading List #115
원본 : Web Development Reading List #115
저자 : Anselm Hannemann
역자 : 조현석
저번 주는 몸이 좋지 않아서 쉬었습니다 .
이번 주에는 프론트엔드와 관련한 새로운 뉴스가 많습니다. 귀찮으신 분들은 제가 기록하는 키워드로 내용만 확인해보는 것도 좋을 것 같습니다.
깔끔한 flex box grid,DocumentCSS,calc(),HTTP/2
오역 제보는 이메일과 댓글로 부탁드립니다.
번역문
안녕,
이 곳엔 아직 겨울이 오지 않았어, 대신에 나는 오늘 산에서 또 다른 자전거 모임을 가졌어. 아마 내게 있어 자연이 얼마나 중요한 것인지 이미 들은 적이 있을거야. 이번 주에는 야심찬 결과를 목표로 하지 않는 국제 기후 컨퍼런스를 보고, 어떤 독자는 기후 온난화에 대항하여 기술 산업 종사자로서 개인적으로 할 수 있는 일이라는 훌륭한 기사를 보내왔어. 만약 이런 내용에 관심이 있다면, 이 글을 읽고 생각해보길 바래(이 비디오는 1992년에 제작되었지만 여전히 유효하다). 즐거운 한주가 되길 바라며 이번 주 동안 내가 모은 놀라운 웹개발 기술들을 경험해 보자.
News
- 어제부터, Let’s Encrypt는 공개 베타가 되었고 이제 누구든지 사용가능해졌다. 그러니 가상 서버를 운영중이라면, 이 가이드 내용에 따라 시도해 보자. 이 곳 독일에 있는 나의 호스팅 업체에서도 오늘 배포하기로 하였고, 많은 다른 호스팅 업체에서도 곧 따라오기를 바란다.
- Adobe에서 빅뉴스를 발표했다: Photoshop과 Illustrator의 업데이트를 발표하였다. 이제 Photoshop에서 SVG를 삽입하거나 추출할 수 있고, 추출 기능도 업그레이드 되었다. Illustrator는 더 나은 SVG 추출, 그리고 새로운 shaper 도구가 추가되었다. 그리고 심지어 더 큰 뉴스: Edge 도구와 서비스가 더 이상 개발되지 않는다(Edge Animate, Reflow, Inspect). 대신 Flash Pro를 Animate CC로 새로 이름 붙였고, 추후 Edge Animate의 기능을 새 도구로 포함시킬 계획이다. 게다가, Adobe는 Dreamweaver를 다시 무대로 올릴 계획이며 또한 Bracket을 Dreamweaver에 통합하고 소프트웨어를 정리할 계획이다.
- 이번 주 PHP 7.0이 마침내 출시되었다. PHP 7.0의 새로운 기능에 아직 친숙하지 않다면, 이 가이드가 더 많은 것을 얘기해줄 것이다.
- 올 해 초에 발표되었듯이, Apple은 그들의 프로그래밍 언어인 Swift를 마침내 오픈소스화 했다. Gihub에서 Code를 얻을 수 있고 새로운 웹사이트에서 정보를 찾아보자.
Tools
- JavaScript로 이미지에서 얼굴을 찾아낼 수 있다면 정말 좋지 않을까? smartcrop.js로 그것이 가능해졌다. 서버에서 그 기능을 구현하고 싶다면, 여기에 그것을 위한 node.js로 구현하는 방법이 있다.
Security
- Stefan Viehböck는 수천개의 기계를 분석했고 그들의 펌웨어를 위한 HTTPS에서 대부분의 기기들이 동일한 private key를 공유한다는 것을 알아냈다. 그것은 물론 HTTPS의 보안을 훼손하며 모든 데이터 연결은 안전하지 않다.
- Snyk는 당신의 node.js 어플리케이션의 취약점을 분석한다. 이제 그들은 그들의 취약점 데이터베이스를 오픈소스화했다.
- 이 데모는 왜 브라우저가 전체화면으로 변환할 때에 이 성가신 메세지를 보여주는지를 설명한다. 메세지는 사람들이 피싱 공격을 알아채도록 한다.
Privacy
- “돈과 사업의 제한이 없는 세계는, 아이러니하게도, 인간을 위한 좀 더 확실한 제한이 있는 세계이다. 예를 들어 정부는, 다국적 기업이 세금을 지불하도록 하거나, 거대하고 잘 돌아가는 계산 기계들로 그들의 적을 잡는 시스템을 개발하는 것 같은 효과적인 제스춰를 만들어 왔다. 그런 시스템은 개인의 이해나 동의없이는 사실상 불가능하다.”
Web Performance
- Rebecca Murphey는 HTTP/2 의 새로운 컨셉과 그것이 자바스크립트를 위한 도구와 빌드 체인에 어떤 영향을 미칠지에 대해서 공유하였다. 이 글엔 몇가지 좋은 생각이 있는데, 대규모 프론트엔드 어플리케이션의 전송을 최적화하기 위해 염두에 둘 필요가 있다.
Accessibility
- 최근 Facebook은 접근성에 관하여 push한 것으로 보인다. React Native의 최근 개발을 보면, 그들은 최근 단숨에 당신을 접근성 바보에서 영웅으로 만드는 유용한 가이드를 발행했다.
Javascript
- Promises가 어떻게 작동하는지에 대해서 알고 싶어한 적 있는가? 이 가이드는 아마도 모든 당신의 궁금증에 대한 결정적인 답일 것이다.
CSS / Sass
- Heydon Pickering은 어떻게 하면 마지막 행을 보기 싫지 않게 깔끔한 flexbox grid를 구현할지를 보여준다.
- 스타일 가이드들은 회사의 디자인과 컴퍼넌트를 관리하는 좋은 방법이다. 스타일 가이드는 점진적으로 진화해서 최근에는 심지어 애니메이션과 트렌지션을 스타일 가이드에서 구현한다. 하지만 이를 최신으로 유지하는 것은 때때로 도전이다. 가이드의 유지보수를 쉽게 해주는 DocumentCSS같은 도구가 있다는 것은 기쁜 일이다.
- CSS의
calc()함수는 여전히 아주 새롭지만 요즘엔 많은 브라우저에서도 지원한다. 그러니 한 번 시도해보는 것이 어떨까? Ana Tudor는 몇가지 일반적인 문제를 CSS Calculation으로 해결하는 간편한 예제에 대하여 썼다.
Work & Life
- “리더로서, 당신의 목표는 항상 당신에게 의존하지 않는, 이상적으로는 당신을 필요로 하지 않는 구조와 프로세스를 구축하는 것이다.” Adam Pisoni는 기술 리더로서 스스로를 확장하는 방법이라는 이 훌륭한 기사를 통해 말했다.
Go beyond…
- 이것은 아마도 이번주의 가장 논쟁적인 주제일 것이다. Mark Zuckerberg는 인류의 삶을 개선하기 위해 스스로 설립한 자선 조직에 그의 자산의 대부분을 이동 중이다. 나는 좋은 시도라고 생각한다. 물론 아마도 그의 세금을 아끼기 위한 것이고(이 포스트가 설명하듯이 꼭 필요한 것은 아니다), 자선을 위한 공식적인 방법을 선택해온 거이라면 더 좋은 것이고, 대개 정부에 의해서 돈이 관리되었던 것을 그가 관리할 수 있게 되는 것이다. 하지만 솔직히, 그는 여전히 돈이 그의 주머니에 있을 때에 그의 모든 영향력을 행사했다. 그리고 부자들이 인류의 문제에 대해 신경쓰는 것은 부자와 가난한 사람의 대결구도를 벗어나고 더욱 통합된 세계로 나아가는 좋은 시작이다. 불평하고 아무것도 하지 않는 대신에 그와 같은 것을 하는 것이 어떨까.
- 환경에 대해서 관심이 있는가? 이번 주, Elon Musk는 그가 연구 중인 탄소배출을 줄일 수 있는 방법에 대하여 파리의 학생들과 Talk this week를 열었다. 이 주제에 대한 이 색다른 의견을 읽는 것은 흥미롭다. 특히, 기업의 역할에 대해서 확실히 아는 누군가에게서 듣는 것 말이다. 읽을 가치가 있다.
여기까지가 이번 주의 내용이다. 이 글이 마음에 든다면, 후원과 공유를 부탁한다. 이 프로젝트에 드는 비용을 확인할 수도 있다. 이메일과 RSS, online으로 제공된다.
감사합니다.
Anselm.