연말 마무리: 2016년 JavaScript

2016모든 웹 개발자에게 JavaScript는 업무 생활에서 매우 큰 부분을 차지합니다.

JavaScript의 인기가 계속 높아지고 있습니다. 모든 사람이 그 언어를 좋아하는 것은 아니지만, 10년 전의 조롱하는 의견을 거의 듣지 못합니다. 개인적으로 저는 초기에 좌절했던 시절에도 항상 JavaScript를 좋아했습니다. C++, Java 또는 PHP 방향에서 접근하는 사람은 처음에는 혼란스러울 것입니다. JavaScript는 친숙해 보이지만 그렇지 않습니다. 당신의 가정을 극복하면 단순한 우아함, 실용성 및 유연성을 좋아하게 될 것입니다. (예: 날짜 처리는 여전히 악몽입니다!)

JavaScript가 5월에 21번째 생일을 맞았으니, 성숙해졌던 첫 해를 되돌아보겠습니다...

ES6/2015를 통한 ECMAScript 개발

은 언어 탄생 이후 가장 중요한 업데이트입니다. 사양을 완성하는 데 7년이 걸렸지만 브라우저와 런타임은 마침내 화살표 기능인 let과 const를 지원하기 시작하여 훨씬 더 재미있습니다. ES6 호환성 표가 빛나는 녹색으로 변하고 있습니다.

오래된 브라우저를 지원해야 한다면 ES6으로 완전히 전환하는 것은 조금 이르을 수 있습니다. 이전 브라우저의 경우 프로젝트가 출시된 지 1년이 넘었습니다. ES6에서 ES5 컴파일러(예: Babel)를 사용할 수 있지만 개발이 매우 복잡하고 추가 빌드 단계를 도입해야 합니다.

ES7/2016은 혁명에 가깝습니다. 흥미로운 새 기능은 비동기식입니다. 이를 통해 콜백이나 약속의 구문적 복잡성(계속 혼란스럽습니다) 없이 비동기식 코드를 동기식으로 작성할 수 있습니다.

Progressive Web Apps

via 2016년 제가 가장 좋아하는 JavaScript 기반 기술은 Progressive Web Apps입니다. PWA는 Google의 2015 Chrome Developer Summit에서 발표되었지만 안정적인 기술과 도구는 마침내 7월 Chrome 52에 도착했습니다. PWA는 오프라인 우선 기능을 허용하고 불안정한 AppCache 접근 방식을 대체합니다. 웹 애플리케이션은 마침내 기본 애플리케이션과 경쟁할 수 있으며 다음과 같은 이점을 제공합니다.

1. 홈 화면 아이콘

2. 빠른 실행 및 사용자 정의 스플래시 화면

3. 🎜>

4. 인터넷 연결이 필요 없는 오프라인 기능

5. URL, 링크 및 북마크

6. 샌드박스 실행

8. 로컬 또는 클라우드 기반 스토리지

9. 적은 장치 공간 및 처리 리소스

10. 보안 강화(HTTPS가 필수 )

11. 모든 검색 엔진에서 쉽게 검색 가능

12. 설치하기 전에 시도해 보세요

13. 더 쉬운 배포: 단순한 웹 앱입니다.

14. 말도 안되는 AppStore 없음 앱에는 누드 그림이 포함될 수 있으며 누구도 수익의 30%를 빼앗을 수 없다는 사실에 정말 절망하게 될 것입니다!

무엇보다도 가장 좋은 점은 모든 웹사이트나 앱을 몇 시간 안에 PWA로 변환할 수 있다는 것입니다. 단계:

1. 서버에서 HTTPS를 활성화합니다.

2. 애플리케이션 매니페스트(이름, 색상, 아이콘 및 표시 옵션을 정의하는 애플리케이션 루트 디렉터리에 JSON 파일)를 만듭니다.

3. 서비스 워커 생성 - 루트 디렉터리의 JavaScript 파일은 네트워크 호출을 가로채는 데 사용되며 필요에 따라 캐시된 데이터 또는 실시간 데이터를 반환할 수 있습니다.

초기 사례는 거의 없지만 PWA는 웹 애플리케이션을 "모바일화"할 수 있는 좋은 기회를 제공합니다. Apple이 이 기술을 구현할 것이라는 보장은 없지만 문제가 되지 않습니다. 앱은 Safari에서 계속 작동하지만 오프라인 실행의 이점은 없습니다. Android의 웹 경험이 크게 향상되면 Apple이 PWA에 대한 지원을 장려할 것 같은 느낌이 듭니다.

프레임워크 수정

via 공정한 판단은 어렵지만, 올해는 React가 가장 주목을 받는 것 같습니다. 귀하는 동의하지 않을 수도 있습니다. 왜냐하면 귀하가 무엇을 사용하고 있는지, 어디에 있었는지, 무엇을 말했는지에 따라 다르기 때문입니다!

Vue.js가 인기를 끌면서 9월에 버전 2.0이 출시되었습니다.

AngularJS는 2015년에 얻은 추진력을 일부 잃었을 수도 있지만 9월 Angular 2 출시로 상황이 바뀔 수도 있습니다. 새 버전은 완전히 다시 작성되었습니다. v1.0과 이전 버전과 호환되지 않습니다.

새로운 프레임워크와 라이브러리가 흥미롭지만 10년 전의 jQuery는 여전히 강세를 보이고 있습니다. 버전 3.0은 6월 9일에 출시되었으며, v3.1은 7월 7일에 출시되었습니다. 이제 라이브러리는 엄격 모드에서 실행되고 약속을 지원하며 다양한 수정 사항이 구현되었습니다. (전체 변경 사항 목록은 업그레이드 가이드를 참조하세요.)

jQuery는 JavaScript를 사용하는 사이트의 96.4%에서 사용됩니다. 이에 비해 Angular는 0.5%로 가장 많이 사용되는 최신 프레임워크입니다. jQuery 1.x는 가장 널리 사용되는 버전으로 93.5%의 사용량을 차지합니다. 버전 2.x는 6.0%를 차지하고 버전 3.x는 0.5%를 차지합니다.

저는 항상 개발자가 jQuery를 직접 사용하는 것에 대해 비판해 왔습니다. 더 적합한 대안이 있거나 짧은 JavaScript 조각만으로 요구 사항을 충족할 수 있는 경우에는 과도하게 사용됩니다. 그러나 대부분의 프레임워크보다 더 얕은 학습 곡선을 제공하고 더 유연합니다. 다른 프레임워크나 라이브러리가 이를 대체하려면 수년이 걸릴 것입니다.

API 남용

예: 배터리 상태 API. 2013년에 JavaScript를 작성할 때 앱이 사용자의 전화가 곧 종료될 것을 감지하면 네트워크 요청과 처리를 더 잘 최소화할 수 있는 방법이 유용해 보였습니다.

안타깝게도 Mozilla에서는 약 6%의 웹사이트가 이 API를 사용하는 것으로 추정하고 있지만 대부분은 광고주가 배터리 상태를 감지하고 사용자가 탐색하는 웹사이트를 추적하기 위해 사용하는 도메인입니다. 일부 서비스 제공업체에서는 사용자의 휴대폰이 곧 종료되고 절망적이라는 사실을 알고 이를 이용해 특정 서비스의 가격을 인상할 수도 있습니다.

이는 JavaScript나 API 문제는 아니지만, 개인 정보 보호 이유로 Mozilla는 Firefox 53에서 배터리 상태 API를 제거하는 전례 없는 조치를 취했습니다. 이는 iOS 장치에는 나타나지 않을 것입니다. 유사한 이유를 가진 다른 API에는 센서 및 블루투스가 포함됩니다. 이는 다소 부끄러운 일입니다. 이러한 API는 모두 실질적인 이점을 갖고 있으며 향후 릴리스에서 개인 정보 보호 문제가 해결될 수 있기를 바랍니다.

Node의 새 버전

Node.JS는 매년 4월에 버전 6.0, 10월에 버전 7.0이라는 두 가지 릴리스 일정을 선보일 예정입니다.

W3Techs는 Node.js 서버 사용량이 PHP의 82.3%에 비해 0.2%에 불과하다고 보고하지만 플랫폼은 현재 상승세를 보이고 있습니다. Node.js를 설치하더라도 반드시 인식되는 것은 아니기 때문에 이 숫자는 약간 오해의 소지가 있을 수 있습니다.

PHP는 오랫동안 사용되어 왔으며 여전히 서버에서 가장 신뢰할 수 있는 선택이기 때문입니다. 그러나 Node.js는 자신만의 역사를 쓰고 있으며 모든 언어를 믿는 개발자들이 널리 사용하고 있습니다.

Yarn

저는 npm을 정말 좋아하고 이것이 Node.js 도구가 인기를 끄는 주된 이유 중 하나라고 생각합니다. 나는 npm에 대해 너무 많은 문제를 겪어본 적이 없지만 Facebook만큼 큰 프로젝트를 진행하고 있지는 않습니다.

Facebook 엔지니어들은 10월에 Yarn을 출시했습니다. npm보다 빠르고 안정적으로 설계된 새로운 Node.js 패키지 관리자입니다. 이는 npm 레지스트리에 의존하므로 npm과 완벽하게 호환됩니다.

Tim Severien의 Yarn vs npm: 당신이 알아야 할 모든 것. 나는 그의 결론에 동의합니다:

Yarn은 복제품은 아니지만 npm의 몇 가지 단점을 개선합니다. npm이 Yarn에서 학습하고 Facebook, Google 및 기타 Yarn 기여자에게 npm 개선을 요청하면 멋지지 않을까요?

피곤하고 지친다

2016년에는 I-can't-take-this-any-more라는 글이 Jose Aguinaga의 2016 Learning JavaScript Feel로 선정되었습니다.

이것은 JavaScript의 현재 상태를 나타내는 유머러스한 방법일 수 있지만 요점은 최신 트렌드, 프레임워크 및 권장 사항을 따라가는 것이 점점 더 어려워지고 있다는 것입니다. 수많은 기술적 솔루션 평가에 직면하게 되면 개발자들은 서로 싸우게 됩니다.

내 조언: 따라잡으려고 하지 마세요. 왜냐하면 이것은 단순히 할 수 없기 때문입니다. 오늘 집중하는 모든 시스템은 내일 더 나은 시스템으로 대체될 것입니다. 프로젝트에 적합한 솔루션을 선택하고 작업이 끔찍해지지 않는 한 이를 고수하세요.

한 가지 확실한 것은 JavaScript 자체입니다. 먼저 언어를 배우고 계속해서 지식을 넓혀보세요. 귀하의 경험은 각 프레임워크가 어떻게 작동하는지 이해하는 데 도움이 되므로 모든 프레임워크를 완전히 포기하는 선택이더라도 정보에 입각한 선택을 할 수 있습니다.

2017년에는 모두들 일과 삶에 행운이 가득하길 기원합니다.