요약: 이 기사는 전 세계 프런트 엔드 도구 사용에 관한 5254개의 설문 조사 보고서에서 나온 것입니다. 이 기사가 모든 사람이 최신 프런트 엔드 개발 도구 동향을 더 잘 이해하는 데 도움이 되기를 바랍니다. 응답자 구성 응답자의 83%가 프런트엔드 기술 분야에서 2년 이상의 경험을 갖고 있으며 응답자 중 5%만이 1년 미만의 경험을 갖고 있습니다. CSS 개발자의 63%는 고급 기술을 보유하고 있습니다...
이 기사는 프런트엔드 도구 사용에 대한 World 5254 설문 조사 보고서가 모든 사람이 최신 프런트엔드 개발 도구 동향을 더 잘 이해하는 데 도움이 되기를 바랍니다.
응답자의 83%가 2년 이상의 프론트엔드 기술 경험을 갖고 있으며 응답자의 5%만이 1년 미만의 경력을 갖고 있습니다.
63%의 개발자는 수석 개발자 및 전문가입니다.
CSS는 속성-매개변수 값 쌍의 단순한 모음으로 간주되지만 CSS는 익히기가 어려울 수 있습니다. CSS3에는 많은 새로운 기능이 도입되어 CSS를 완전히 익히기가 점점 더 어려워지고 있습니다.
63% 이상의 개발자가 Sass를 사용하므로 Sass는 전처리를 위한 확실한 첫 번째 선택입니다. 개발자의 8%가 PostCSS를 사용합니다. 일반적으로 PostCSS는 AutoPrefixer와 같은 전처리기와 함께 사용됩니다.
14%의 개발자만이 전처리를 사용하지 않으며 원시 CSS 코드 사용을 선호합니다. 이 방법은 개발 속도가 느리지만 프런트엔드 개발 학습을 시작하는 가장 쉽고 좋은 방법입니다. 개발자의 86%가 전처리기를 사용하는 경우 평균 웹 사이트에는 7.2 CSS 파일 요청이 필요합니다.
응답자의 10%만이 Less를 사용해 보았고, 응답자의 19%는 Stylus를 사용해 보았으며, 응답자의 80%는 Rework에 대해 들어본 적이 없습니다.
46%의 개발자가 코딩 시 명명 방법을 사용하며, CSS 고급 개발자 및 전문가의 경우 이 비율이 57%로 증가합니다.
가장 많이 사용되는 네이밍 방식은 BEM으로 전체의 40%를 차지합니다. 다음은 CSS 모듈(16%), OOCSS(15%), SMACSS(13%)입니다.
응답자의 39%가 현재 프로젝트에서 Modernizr을 사용합니다. 응답자의 14%는 CSS 유효성을 확인하기 위해 Stylelint를 사용합니다. 개발자의 23%는 CSS 도구나 명명 규칙을 사용하지 않습니다.
응답자의 51%는 JavaScript 수석 개발자 또는 전문가입니다.
관련성 문제에도 불구하고 99% 이상의 개발자가 jQuery를 사용했으며 응답자의 31%는 jQuery를 사용하는 것이 대부분의 프로젝트에 중요하다고 생각합니다. 거의 70%의 응답자가 기존 프로젝트에서 jQuery를 계속 사용하고 있습니다.
프레임워크의 상황이 혼란스러워 보입니다.
현재 프로젝트의 38%가 React를 사용하고 있지만, 개발자 중 29%만이 React 사용이 원활하다고 생각하고, 18%의 개발자가 React 사용이 필요하다고 생각합니다. 웹사이트 중 0.1%가 React를 사용하는 것으로 밝혀졌습니다. 그러나 이러한 결과는 모든 웹 개발자가 아닌 프런트엔드 개발자에게서만 얻은 것임을 명심하세요.
25%의 프로젝트가 현재 Angular 1을 사용하고 있지만 8%의 개발자만이 Angular 1을 사용해야 한다고 생각하고 8%만이 Angular 2를 사용하기로 선택합니다.
Vue.js는 10%의 프로젝트에서 사용되었지만 6% 미만의 개발자가 이 프레임워크에 만족하고 3%는 Vue.js를 사용해야 한다고 생각합니다
44%의 개발자가 Gulp를 사용하므로 Gulp는 의심할 여지 없이 가장 인기 있는 도구입니다. 동시에 더 간단한 npm 스크립트의 사용률은 2016년 23%에서 26%로 증가했습니다.
그런트 사용량이 12%로 떨어졌습니다. 응답자의 11%는 작업 실행 도구를 사용하지 않기로 선택했습니다.
모듈 바인딩을 사용하는 개발자 수는 2016년 이후 20% 증가하여 68%에 도달했습니다. 그 중 Webpack이 가장 널리 사용되는 모듈 바인딩 도구로 31%를 차지했으며, Browserify(11%), RequireJS(8%)가 그 뒤를 이었습니다.
62%의 개발자가 Babel과 같은 컴파일러를 사용하여 ES6 코드를 이전 브라우저에 더 친숙한 ES5 코드로 컴파일하고 있습니다. 응답자의 31%는 그러한 컴파일러에 대해 들어본 적이 있지만 사용해 본 적이 없습니다. 개발자 중 7%는 이러한 컴파일러에 대해 들어본 적이 없습니다.
62%라는 데이터는 상대적으로 높은 수치입니다. IE 및 이전 애플리케이션은 최신 JavaScript 구문을 지원하지 않으므로 ES6 코드를 작성하는 경우 이를 지원하는 최신 브라우저가 필요합니다. 프로젝트를 이전 브라우저 버전에서 실행해야 하는 경우 ES5 코드를 작성하는 것이 좋습니다.
41%의 개발자가 ESLint를 사용하고, 19%의 개발자가 JSLint를 사용하며, 14%의 개발자가 JSHint와 같은 도구를 사용하여 코드의 합법성을 확인합니다.
응답자의 23%는 코드 적법성 검사 도구를 사용하지 않는다고 답했습니다. 그러나 코드 오류를 확인하기 위해 텍스트 편집기와 IDE를 사용할 수도 있습니다.
테스트 도구 사용률이 1년 만에 12% 증가하여 52%에 이르렀습니다. 그러나 과거에는 JavaScript 테스트가 어려운 일이었습니다. TDD(테스트 중심 개발)와 같은 기술은 논리적 오류를 포착할 수 있지만 비동기 이벤트에서 발생하는 오류는 포착할 수 없습니다. 다행스럽게도 BDD(행동 중심 개발)가 실제 브라우저 검사 활동에 통합될 가능성이 높으며 이로 인해 프런트 엔드 테스트가 더욱 실행 가능해집니다.
현재 가장 인기 있는 시스템은 다음과 같습니다.
Mocha – TDD/BDD(23%)
Jasmine – BDD(17%)
QUnit – TDD(4%)
Jest – TDD/BDD (3%)
Ava – TDD/BDD (2%)
응답자의 94%가 Node.js 패키지 관리자 npm을 사용했다고 답했고, 응답자의 23%가 TypeScript를 사용했습니다.
일반적으로 개발 도구는 다양합니다. 개발자는 자신에게 가장 적합한 것을 선택하기 위해 전처리기와 명명 체계에 대해 더 많은 조사를 해야 합니다.
다음 사항은 주목할 가치가 있습니다.
더 많은 도구를 사용해야 한다면 Node.js와 npm을 선택하는 것이 좋습니다.
Gulp와 Webpack을 시도해 볼 가치가 있습니다
ES6를 배우세요. 이전 버전과 호환되는 ES5 프로젝트에서 작업해 왔습니다.
설문조사 결과에 따르면 라이브러리를 선택할 때 jQuery가 합리적인 선택입니다. 프레임워크를 선택할 때 인기가 높기 때문에 React를 선택할 수 있습니다. 아직 프레임워크를 선택하지 않았다면 HTML, CSS, JavaScript 및 브라우저 개발의 기본 사항을 배우는 것부터 시작할 수 있습니다. 이러한 지식은 프레임워크를 더 잘 이해하는 데 도움이 될 수 있으며 프레임워크 시스템 개선에 기여하도록 장려할 수도 있습니다.
Wijmo는 TypeScript로 작성된 차세대 JavaScript/HTML5 컨트롤 세트입니다. 터치 우선 디자인 개념을 고수하며 세계 최초로 AngularJS를 지원하고 React, VueJS 및 TypeScript 2.2를 지원하며 FlexGrid 및 차트와 같은 다양한 컨트롤을 뛰어난 성능과 제로 종속성으로 제공합니다. 엔터프라이즈 애플리케이션 구축을 위한 제어 세트입니다.
위 내용은 프론트엔드 개발의 최신 개발 동향의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
