핵심 개발 컨텍스트를 정확하게 파악하는 데 도움이 되는 대규모 프론트엔드 분야에 집중하세요!

이 글은 2021년 빅 프론트엔드 분야의 중요한 발전과 역동성에 초점을 맞췄습니다. 2021년 대형 프론트엔드 분야의 핵심 개발 맥락을 정확하게 파악하고 항상 충분한 기술적 통찰력을 유지하는 데 도움이 되기를 바랍니다. 업계에서.

이 글의 시작 부분에서 먼저 대규모 프론트엔드 분야에 대한 전반적인 이해를 해보자. 현재 대규모 프런트엔드 개발 단계는 무엇입니까?

1. 빅 프론트엔드: 안정적인 경향이 있고 미래도 기대할 수 있음

결론적으로 현재의 빅 프론트엔드 분야 자체가 프레임워크 기능이 적어서 안정적인 단계로 나아가는 추세입니다. 다양한 바퀴도 적고 눈에 띄는 것들도 거의 없습니다.

현재 프론트엔드 단계는 표준화에서 성숙까지 탐색의 초기 단계입니다

이 단계는 개선을 향한 탐구에 더 중점을 두고, 이전의 것들을 어떻게 더 세부적으로 만들고 더 나은 결과를 얻을 수 있을지에 대해 논의하는 데 중점을 두고 있으며, 많은 시각화, 엔지니어링 및 기타 수직 분야와 같은 기술적 방향이 현재 많은 관심을 받고 있습니다. 이 과정에서는 여전히 모든 방향에서 추가적인 기술 혁신과 개선이 필요하며, 0에서 1까지의 과정에 비해 1에서 100까지의 과정은 극복하기가 더 어렵습니다. 물론, 다른 관점에서 보면, 계속해서 정제된 탐색 과정을 거치면서 더 많은 미지의 것들이 생겨났기 때문에 프론트엔드는 전반적으로 여전히 흥미로운 분야입니다.

다음으로 이번 글에서는 현재 대형 프론트엔드 분야에서 많은 관심을 받고 있는 여러 방향을 중심으로 올해의 트렌드를 하나씩 풀어보겠습니다.

2. 핵심 기술 방향점

크로스엔드 기술: Flutter가 주류 솔루션이 될 수 있습니다

크로스엔드 기술의 경우 두 부분으로 나누어야 합니다. 하나는 "끝"입니다. , 그리고 다른 하나는 "기술"입니다.

첫째, "최종" 측면에서 우리는 올해 두 가지 변화를 인식해야 합니다.

• Hongmeng 2.0은 올해 6월에 공식 출시되었으며, 이를 지원하기 위해 Taro 크로스엔드 프레임워크의 새 버전이 출시되었습니다. 앞으로 홍멍 적응 배포 수요가 큰 주목을 받고 있습니다.

• 올해 6월 페이스북은 '메타버스'를 새로운 차원으로 끌어올리기 위해 '메타'로 변경하겠다고 발표했습니다. 동시에 VR/AR 및 기타 지원 시설 구축을 다시 한 번 추진했기 때문에 대규모 프론트 엔드 분야에서는 기술 측면에서 점점 인기를 얻고 있는 VR/AR 장치의 최종 기술에도 특별한 관심이 필요합니다.

둘째, "기술" 측면에서 크로스엔드 기술이 끝없이 등장하고 있지만, 복잡한 비즈니스 시나리오에 직면했을 때 크로스엔드 프레임워크는 여전히 성능 측면에서 네이티브와 동일한 결과를 달성할 수 없다는 사실을 부인할 수 없습니다. 그리고 경험. 그러나 비용 절감과 효율성 증대를 전제로 하는 크로스엔드 기술은 여전히 ​​현재 핵심 중점 분야 중 하나입니다.

올해 집중해야 할 사항은 다음과 같습니다.

• Flutter 2.0은 웹 측을 공식적으로 지원합니다. Flutter는 최근 몇 년 동안 중국에서 점점 더 많은 주목을 받고 있으며 많은 주요 제조업체에서 관련 사례를 보유하고 있습니다. 올해에도 그 기세가 React Native를 따라잡아 크로스엔드 기술의 주류 솔루션이 될 수 있을 것으로 보입니다. 관련 신규 기능에 집중할 필요가 있습니다. ;

• 올해 주요 제조사들이 미니 프로그램 레이아웃을 가속화하고 있으며, 미니 프로그램은 제조사들이 서로 추격할 다음 시장이 될 수 있습니다. 현재 앱 트래픽이 기본적으로 정점에 도달했기 때문에 더 이상 "국가 수준"의 앱 개발이 불가능합니다. 따라서 앱을 운영체제로 활용하고 작은 프로그램을 사용하여 사용자를 유도하고 폐쇄적인 사용자 루프를 형성하는 것이 다음 단계가 될 수 있습니다. 다양한 기업의 트래픽을 확보하는 열쇠입니다. 그러나 현재 소규모 프로그램은 그다지 성숙되지 않았으며 완전한 표준의 부족이 다가오는 2022년에 직면한 가장 큰 문제가 되었습니다.

프레임웍스: 트로이카가 여전히 지배적입니다

Stackoverflow의 2021년 개발자 설문조사에 따르면 JavaScript는 8년 연속 가장 많이 사용되는 언어가 되었으며, 응답자의 67.7%가 이를 선택했습니다. 문자 그대로 JavaScript가 여전히 지배적이라고 합니다. 웹 프론트엔드. 이러한 배경에서 우리는 React, Angular 및 Vue와 같은 JavaScript 프레임워크가 지배적인 것을 보는 데 익숙합니다. 올해 주목해야 할 세 가지 주요 프레임워크의 새로운 기능이나 개발은 다음과 같습니다.

• React: 올해 가장 많이 논의된 것은 RC 단계에 진입했으며 향후 출시가 예상되는 React 18입니다. 2022년 초에 공식 버전이 출시될 예정입니다. 18은 다음과 같은 몇 가지 새로운 기능을 제공합니다. 동시성 기반 렌더링을 구현하기 위해 Suspense SSR이 공식적으로 출시되었습니다. 또한, React는 올해 초에 React Server 컴포넌트를 출시했는데 아직 널리 사용되지는 않아 그 가치에 대한 추가 검증이 필요합니다.

• Vue: Vue는 작년 9월에 버전 3.0을 출시했습니다. 개발 초기에 You Yuxi는 원래 IE11이 안정화된 후 호환되도록 계획했지만, 처음에는 IE 11의 글로벌 사용이 점차 줄어들었습니다. 올해 You Yuxi Xi는 Vue 3가 더 이상 IE11을 지원하지 않을 것이라고 발표했습니다. 이를 통해 2022년에는 IE 브라우저가 역사의 무대에서 물러나고, 앞으로는 프런트엔드 호환성 부담이 줄어들 것이라는 점을 유추하기 어렵지 않다.

• Angular: Angular는 일반적으로 약 6개월마다 주요 버전을 출시합니다. 올해 출시된 주요 버전은 Angular 12와 Angular 13입니다. Angular 12의 새로운 기능에는 null 값 조합과 View Engine의 지원 중단이 포함됩니다. Angular 13의 새로운 기능에는 새로운 컴파일 및 렌더링 엔진 Ivy의 완전한 활성화와 IE11이 더 이상 지원되지 않는다는 발표가 포함됩니다.

물론 일부 잠재적인 프레임워크도 주목할 가치가 있습니다. 예를 들면 다음과 같습니다. 제가 추천하는 이유는 이것이 가장 많은 지지를 받은 답변 중 하나이기 때문입니다. 많은 유명 인사들이 Svelte의 실천에 대해 열띤 토론을 벌였으며 올해 많은 관심을 끌었으며 배울 가치가 있습니다.

여기서 You Yuxi와 다른 유명 인사들의 답변을 인용하여 요약해 드립니다. Svelte는 "정적 컴파일을 통해 프레임워크의 런타임 동안 코드의 양을 줄이는 것"이 ​​핵심 아이디어입니다. React 및 Vue와 비교할 때 가장 큰 차이점은 컴파일 및 런타임 중에 컴포넌트가 고효율로 변환된다는 것입니다. 실행된 명령 코드는 Dom 업데이트를 더욱 효율적으로 만들고 더 나은 사용자 경험을 제공합니다. Svelte는 단독으로 사용하거나 다른 프레임워크와 함께 사용하여 웹 애플리케이션을 구축할 수 있습니다.

물론 Svelte에도 현재 잠재적인 문제가 있는 것 같습니다.

• 간단한 DEMO의 코드 양은 실제로 매우 적지만 동일한 구성 요소 템플릿에서는 작업으로 생성되는 코드 양이 더 커집니다. VDOM 렌더링 기능보다 여러 구성 요소가 중복된 코드가 많이 있을 것입니다.

• Svelte가 특히 동적 콘텐츠와 중첩된 구성 요소가 많은 대규모 애플리케이션에서 얼마나 잘 작동할지는 지켜봐야 합니다.

• Svelte의 컴파일 전략에 따라 VDOM으로부터 절연되어 있음이 결정됩니다.

마이크로 프론트엔드: 점차 대중화

소위 마이크로 프론트엔드 개념은 실제로 백엔드의 마이크로서비스와 유사합니다. 프론트엔드 비즈니스가 어느 정도 규모로 발전한 후에는 복잡성을 분해하는 아키텍처 패턴도 필요합니다. 그래서 프론트엔드 분야, 즉 마이크로 프론트엔드에 마이크로서비스 아이디어의 적용이 등장하게 되었습니다. 프런트 엔드 애플리케이션을 독립적으로 개발, 테스트 및 배포할 수 있는 더 작고 간단한 조각으로 분할하고 이들 간의 종속성을 명확하게 합니다.

올해 마이크로 프론트엔드를 전체적으로 보면 인기가 높다고 볼 수 있습니다. 싱글 스파, qiankun과 같은 오래된 마이크로 프런트 엔드 솔루션 외에도 중국에는 오픈 소스인 새로운 마이크로 프런트 엔드 솔루션이 많이 있습니다.

이는 주로 JavaScript 애플리케이션이 런타임에 다른 애플리케이션에서 코드를 동적으로 가져올 수 있도록 하는 모듈 연합 기능에 대한 Webpack 5의 지원 때문입니다. 이 기능은 마이크로 프런트 엔드 아키텍처에 큰 잠재력을 제공합니다. 웹 표준 수준에서 시작하여 개발자에게 마이크로 프런트 엔드 아키텍처를 구현할 수 있는 기능을 제공하는 ESM 및 WebComponent 기반 서비스도 있습니다.

마이크로 프런트엔드 구현을 위한 솔루션이 많기 때문에 주요 제조업체에서는 JD.com의 MicroApp, ByteDance의 Garfish, Joyful Era의 EMP2.0 등 자체 마이크로 프런트엔드 솔루션을 출시했습니다.

Serverless: 인프라 구축이 초점

Serverless Computing(서버리스 컴퓨팅)의 전체 이름은 FaaS(Function-as-a-Service, function as a service)라고도 알려진 Serverless는 클라우드의 모델입니다. 컴퓨팅. 서버리스 개념에서는 컴퓨팅 리소스가 서버가 아닌 서비스 형태로 나타납니다. 개발자의 경우 서버 문제에 대해 너무 걱정할 필요 없이 서비스 수준에서 서버리스 기반 애플리케이션 배포를 구현할 수 있으므로 소프트웨어 개발 및 소프트웨어 반복의 효율성도 높아집니다.

서버리스는 최근 몇 년 동안 등장하기 시작한 새로운 개념이 아닙니다. 2006년에 Zimki는 "실제 호출에 따라 지불"하는 서버 측 JavaScript 애플리케이션을 제공하는 최초의 플랫폼을 만들었습니다. 현재까지 Serverless는 여전히 인프라 구축, 프런트엔드 및 백엔드 통합 기반으로 꾸준히 발전하고 있습니다. 서버리스에서는 이것이 일반적인 추세가 될 것입니다.

여기에서는 Midway Serverless라는 오픈 소스 프레임워크에 중점을 둡니다. Midway Serverless는 Midway에서 제작한 서버리스 클라우드 플랫폼용 개발 솔루션 세트로 올해 3월에 두 번째 주요 버전 2.0을 출시했습니다.

버전 2.0의 새로운 기능은 프런트엔드와 백엔드의 애플리케이션 기능을 통합하여 개발을 더욱 효율적으로 만드는 것입니다. 앞으로 Midway Serverless가 다양한 클라우드 공급업체에 더 잘 적응할수록 이 분야의 선두주자.

Node.js: 꾸준한 개발, 결함 확인

Node.js는 2009년에 Ryan Dahl이 개발했습니다. 그 탄생은 프런트엔드에 큰 놀라움을 가져왔습니다. 결국 JavaScript를 직접적으로 허용합니다. 전후에 사용됩니다. "모두 가져가세요". 그래서 오늘날 Node.js는 웹 프론트엔드 개발을 위한 필수 인프라가 되었습니다.

올해 Node.js 소스코드 업데이트 내용을 보면 대체적으로 안정적인 개발과 부족한 점을 확인하는 단계인데, 큰 변화는 없으나 사용 편의성과 사용성이 많이 좋아졌습니다.

올해는 커뮤니티에 큰 움직임이 없었습니다. 여기에서는 지난 2년 동안 주목할 만한 두 가지 주요 이벤트를 간략하게 검토합니다.

Node.js 재단과 JS 재단이 OpenJS 재단으로 합병되었습니다

2019년 3월, Node 재단은 Node.js 재단과 JS 재단이 합병되어 OpenJS 재단을 형성했다고 Medium에서 발표했습니다. OpenJS 재단은 프로젝트를 호스팅하고 전체 생태계에 도움이 되는 활동에 자금을 지원하는 중립 조직을 제공함으로써 JavaScript 및 웹 생태계의 건전성을 증진하는 것을 목표로 합니다.

공식적으로는 JavaScript 생태계와 관련 표준 조직 간의 협력을 강화함으로써 OpenJS Foundation이 JavaScript 생태계의 모든 프로젝트를 위한 보다 역동적인 홈을 보다 효과적으로 만들어 인프라, 기술 및 마케팅 요구 사항을 충족할 수 있다고 공식적으로 밝혔습니다. .

한편, 두 조직의 합병은 재단의 일상적인 운영을 간소화하고 중복을 최소화하는 동시에 보완적인 목표를 향해 노력하는 데 도움이 될 것입니다. 이는 또한 회원 참여를 향상시키고 선택을 할 때 잠재적 회원 간의 혼란을 피할 수 있는 기회를 제공할 것입니다.

처음에 OpenJS Foundation에는 jQuery, Node.js, Appium, Dojo 및 Webpack을 포함한 29개의 오픈 소스 JavaScript 프로젝트가 포함되었습니다. 2020년에 Electron은 공식적으로 OpenJS Foundation의 Impact 프로젝트가 될 것이라고 발표했습니다.

커뮤니티에는 여러 개의 활성 작업 그룹이 있습니다

작업 그룹은 TSC(기술 운영 위원회)에 의해 만들어졌으며 현재 총 10개의 작업 그룹이 있습니다.

물론 Node.js에 관해서라면 이를 대체한다고 주장하는 Deno를 언급해야 합니다.

Deno는 보안 취약점 및 패키지 관리 문제와 같은 Node.js의 주요 단점을 잘 극복했습니다. 또한 개발자가 쉽게 테스트하고 디버그할 수 있도록 많은 도구를 통합하므로 Deno의 전망은 여전히 ​​매우 좋지만 현재는 없습니다. 3~5년 안에 Node.js를 대체할 수 있기를 바랍니다. 그 이유는 한편으로는 Node.js의 점유율이 너무 높고 생태계가 충분히 완벽하기 때문입니다. 기본적으로 원하는 기능은 모두 커뮤니티에서 찾을 수 있습니다.

한편, Deno는 node_module 모듈 제거 문제를 해결하는 척하지만 너무 멀리 나아간 것 같습니다. 이러한 호환되지 않는 접근 방식은 Node.js의 풍부한 생태계를 직접적으로 포기하므로 ​​Deno가 교체하는 것이 거의 불가능해집니다. 단기적으로는 노드입니다.

프런트엔드 엔지니어링: 비용 절감과 효율성 증대가 대세

프런트엔드 엔지니어링은 소프트웨어 엔지니어링 기술과 방법을 사용하여 프런트엔드 개발 프로세스, 기술, 도구, 경험 등을 표준화하고 표준화하는 것입니다. 효율성 향상과 비용 절감, 즉 개발 과정에서 개발 효율성을 높이고 불필요한 작업 시간의 중복을 줄이는 것이 주요 목적입니다.

프론트엔드 엔지니어링은 큰 개념입니다. 이 기사에서는 올해 집중해야 할 두 가지 사항만 설명합니다.

첫 번째는 Vite입니다. Vite는 Vue의 저자인 You Yuxi가 Vue3.0을 개발할 때 개발한 기본 ES-Module을 기반으로 하는 프런트 엔드 구성 도구입니다. 이후 Vue3의 프로모션에서 그는 자신의 새 작품인 Vite에 대해 극찬을 아끼지 않았으며 "다시는 Webpack으로 돌아가지 않을 것"이라고 말했습니다. 현재 Vite는 실제로 최고이자 가장 빠른 프런트엔드 개발 및 빌드 도구가 될 것으로 예상됩니다.

Vite 2.0은 올해 2월에 출시되어 많은 개선이 이루어졌습니다.

• 다중 프레임워크 지원

• 새로운 플러그인 메커니즘 및 API

• esbuild 기반 종속성 사전 패키징

• 더 나은 CSS 지원

• 서버 측 렌더링(SSR) 지원

• 오래된 브라우저 지원

둘째, Rust는 프런트 엔드 도구 체인에 점점 더 많은 영향력을 미치고 있습니다. 현재 Next.js는 SWC 작성자, Rollup 작성자 등 수많은 인재를 채용하는 등 Rust에서 "중요한 위치"를 차지하고 있음을 알 수 있습니다.

올해 10월 Next.js 팀은 공식적으로 버전 12 출시를 발표했습니다. 새로운 기능은 다음과 같습니다.

• Rust 컴파일러 사용: 새로 고침 속도가 3배 증가하고, 빌드 속도가 약 5배 증가합니다.

• Middleware(베타): 구성을 통해 Next.js의 유연성이 완벽해집니다. code

• React 18 지원: Suspense 및 React 서버 구성 요소와 같은 새로운 기능 지원

• AVIF 지원: 선택 이미지가 20% 감소

• 봇 인식 ISR 폴백: SEO 최적화 웹 크롤러용

• 기본 ES 모듈 지원: 표준화된 모듈 시스템과 일치

• URL 가져오기(알파): 모든 URL(예: CDN)에서 패키지 가져오기를 지원하며 npm을 통해 설치할 필요가 없습니다

Next.js 12 종합적인 시작 Babel을 SWC 및 Rust로 교체하면 새로 고치는 속도가 약 3배 빨라지고 빌드 속도가 5배 빨라졌습니다. 더 빠른 빌드 및 패키징 속도를 달성하기 위해 앞으로 점점 더 많은 도구가 Rust를 기반으로 다시 작성될 것으로 예상됩니다.

로우코드: 그 가치를 인정받았습니다

로우코드 역시 지난 2년간 매우 뜨거운 개념이었습니다. 올해는 Yidu, AppCube 등 국내 클라우드 벤더들이 모두 로우코드에 주력하고 있는 것을 볼 수 있습니다. 로우코드 플랫폼, 잠깐만요.

Yidai를 예로 들면 특정 시나리오의 문제를 해결할 수 있다고 합니다. 어떤 PD는 Yidai를 사용하여 모든 제품 기능을 완성한다고 합니다. 이는 로우코드 자체의 가치가 여전히 누구에게나 인정받고 진정으로 활용될 수 있음을 보여준다. 그런데 로우코드가 얼마나 유용한가? 적어도 현재로서는 전문 개발자들에게는 결과가 좋지 않은 것 같습니다.

로우 코드의 경우 비즈니스 도메인에서 구축하는 것은 복잡합니다. 그러나 기술적으로 말하면 드래그 앤 드롭은 모듈 수준으로 제한됩니다.

• Fabric과 같은 모든 DnD 드래그 앤 드롭 모듈이 이를 처리할 수 있습니다. 스키마 구성 방법에는 오픈 소스 Formly와 Form-Render가 있습니다.

• 모듈 로더와 페이지 렌더링 메커니즘이 단일 기술 스택이라면 이 점은 실제로 해결하기가 매우 쉽습니다.

• 그래서 현재 구축 비용이 매우 낮은 것으로 보이며, 단지 프론트엔드 코드 작성을 위한 모듈 제작 방법일 뿐입니다. 다음으로 로직 시각화(imove)의 문제를 해결하기 위해 모듈을 시각적으로 생성하고, 상태 시각화(xstate) 및 다중 상태 보기(stateview)를 통해 진정한 로우 코드 생성 모듈을 달성하는 것이 다음 추세입니다.

실시간 오디오 및 비디오: 5G 시대의 전망은 넓습니다

실시간 오디오 및 비디오는 상대적으로 수직적인 방향입니다. 영상 기술은 급속도로 발전했고, 오디오와 영상의 실시간 Interaction은 온라인 회의, 온라인 교육 등 다양한 분야에서 널리 활용되고 있습니다. 그렇다면 올해 주목할만한 실시간 오디오 및 비디오 분야의 발전은 무엇일까요? 다음은 여러분과 공유할 두 가지 사항입니다.

먼저 작년 초 SoundNet은 Apple로 대표되는 업계가 이미 공간 오디오의 인프라 구축을 시작하기 시작했다는 사실을 알아냈습니다. 획득 측면의 듀얼 채널 획득 기능부터 재생 측면의 멀티 채널 재생 기능, AirPods Pro 시리즈와 결합된 세계 잠금 기능까지 공간 오디오의 무대가 Apple에서 설정된 것 같습니다. 생태계. 올해 Apple은 개발자들에게 관련 공간 오디오 인터페이스를 더욱 공개했으며, 일부 제조업체도 더 강력한 몰입감을 제공하기 위해 공간 오디오 기능을 개발했습니다.

둘째, 올해 초 업계 최초로 출시된 음성 AI 코덱 라이라(Lyra)는 오랫동안 휴면 상태였던 코덱계에 새로운 트렌드를 가져왔습니다. 이후 각사는 음성 AI 코덱을 잇달아 출시했고, 이를 통해 컴퓨팅 파워를 코드 레이트와 교환하는 방안의 타당성을 다양한 기반 기술 관점에서 검증하기도 했다.

올해 중순에 출시된 SoundStream은 초저 비트 전송률 오디오 코딩 및 디코딩이 가능해 보인다는 것을 데모 수준에서도 입증했습니다. 결국 올해 초 대다수의 오디오 실무자들은 3kbps가 "청취 가능한" 음악 신호를 인코딩할 수 있다는 사실을 믿을 수 없었습니다.

3. 머리를 숙여 차를 당기고 길을 올려다보세요

올해를 되돌아보면 기술계의 여러 주요 이벤트도 대규모 프런트엔드 분야에 어느 정도 영향을 미쳤습니다. 첫째, 독점 금지입니다. 앞서 언급한 바와 같이, 독점금지법의 영향은 다음과 같습니다. 첫째, 소규모 프로그램의 경우 주요 제조업체가 소규모 프로그램의 레이아웃을 더욱 가속화하고 동시에 소규모 프로그램에 대한 관련 표준 제정을 촉진합니다. 둘째, 장치의 API입니다. 향후 강력한 제어 전략이 많이 변경될 수 있습니다. 실제로 많은 기업들이 현재 API를 정리하고 권한을 관리하는 작업을 진행하고 있습니다. 앞으로 이러한 방향으로 관련 표준이 개발될까요? 불가능하지 않습니다. 결국 국내 인터넷 트래픽이 정점에 이르게 되면서 레이아웃의 글로벌화가 불가피해졌다. 예를 들어 인도 같은 나라에서는 아직 우리와 비교하면 인프라가 어느 정도 격차가 있기 때문에 앞으로는 돈을 벌기 위해 해외로 나가는 것이 큰 트렌드가 될 수도 있습니다.

둘째, 국제화. 국제화의 영향은 간단합니다. 기업이 크든 작든 기술 스택을 결정할 때 언어 문제, 규정 준수 문제, 다양한 시장 출시 등을 고려하여 향후 국제 시장 진출을 준비해야 합니다. .

셋째, 메타버스. 지금은 허구처럼 보이지만, 이번에는 VR/AR 관련 지원시설 개발을 다시 한 번 추진한 것입니다. 과연 VR/AR이 대중화되고 성숙해질 수 있을까요? 이는 일어나지 않을 것이라고 추론할 수 없으며, 대신 VR/AR과 같은 다양한 신흥 장치에 대한 적응이 첨단 기술의 새로운 혁신이 될 수 있다는 점을 고려해야 합니다.

4. 마지막에 작성

큰 프론트엔드에 관해서는 기술적인 사람들이 너무 "볼륨적"이라고 불평하는 것을 종종 봅니다. 그 이유는 바로 프론트엔드 때문입니다. 진입 장벽이 낮고 기술 업데이트 빈도가 빠르며, 주니어 프론트 엔드 엔지니어가 시장에 유입되면서 많은 기술 인력이 "학습할 수 없다"고 느끼는 것은 불가피합니다. 모든 사람들이 일반적으로 겪는 이러한 혼란에 대응하여 InfoQ는 이번 리뷰에서 자신의 의견을 얻기 위해 여러 대기업을 인터뷰했습니다. 그러나 영웅들은 모두 같은 것을 보았고 대기업들이 제공한 답변은 놀라울 정도로 일관되었습니다. 실제로는 매우 "볼륨"이지만 "볼륨"이 반드시 나쁜 것은 아닙니다.

좀 더 구체적으로 말하자면 프론트엔드 분야의 '볼륨'은 위의 진부한 측면에서 비롯되는 것입니다. 사실 그렇긴 하지만, 모든 일에 있어서 가장 두려운 점은 그것을 다른 각도에서 생각해 볼 수 있다는 것입니다. 프론트엔드를 하지 않으면 배울 필요가 없나요? 대답은 '아니오'여야 합니다. 따라서 모든 직업이나 직업에 대해 학습은 정상적인 상태가 되어야 하며, 특히 기술 분야에 참여하면 지속적인 정신을 사용하여 기술 장벽을 구축해야 합니다. 직설적으로 말하면, 저소득층, 낮은 천장의 '페이지보이' 자리를 누구나 없애게 해주는 것도 '주안'이다.

따라서 프론트엔드 기술자에게는 사고방식을 바로잡는 것이 중요한 전제 조건입니다. 프론트엔드가 더 많이 변할수록 더 도전적이고 흥미로워진다고 해서 더 많이 참여하는 것만으로는 문제를 해결하는 데 도움이 되지 않는다는 점을 진심으로 이해해야 합니다. 당신은 자신의 가치를 반영합니다.

본 기사의 주제로 돌아가서, 이 기사에서는 "빅 프론트엔드" 분야에서 더욱 주목을 받고 있는 여러 부분을 통해 관련 트렌드를 보여줍니다. 물론 빅 프론트엔드 분야의 기술은 훨씬 더 뛰어납니다. 이것보다 더 많은 것을 배우고 이해해야 하지만, 이 글의 원래 의도는 모든 사람의 "볼륨" 사고방식을 고취시키는 것이 아닙니다. 모든 엔지니어는 성공하기 위해 모든 기술을 숙달하고 적용해야 합니다. 그러나 대규모 프런트 엔드 분야에서 계속해서 열심히 일하고 싶다면 최신 기술 개발이 모든 사람의 경력 발전에 필수적이라는 점을 이해하십시오.

마지막으로 이 글이 샌드 서핑을 하고 있는 모든 프론트엔드 분들에게 영감이 되기를 바라며, 모든 선생님들께 다시 한 번 감사의 말씀을 전하고 싶습니다.

인터뷰어:

• Hua Yuguo: Huawei 클라우드 프런트 엔드 기술 위원회 이사, Huawei 클라우드 웹 역량 센터 팀 리더. UI 구성 요소 라이브러리, R&D 효율성 도구, DevOps 프로세스 및 플랫폼, 경험 액세스 제어, 로우 코드 시스템, 콘솔 프레임워크 등을 포함한 Huawei Cloud의 웹 인프라 기능 구축을 담당합니다. 이전에는 Alibaba, JD.com, Tencent에서 근무했으며 프런트엔드 아키텍처, 프런트엔드 엔지니어링, Node.js 풀 스택 및 모바일 H5 분야에서 풍부한 실무 경험을 보유하고 있습니다.

• 늑대 삼촌: 인터넷 이름 i5ting, Alibaba 프런트 엔드 기술 전문가, Taobao 기술 부서 프런트 엔드 그룹, Node.js 기술 전도사, Node 풀 스택 공개 계정 운영자, Qunar, Sina, NQ에서 근무 프론트엔드, 백엔드, 데이터 분석을 해왔고, 풀스택 기술의 실무자입니다. "Wolf Book(1권): 더 놀라운 Node.js", "Wolf Book(2권): Node.js 웹 애플리케이션 개발"이 출간되었으며, "Wolf Book(3권) Node.js Advanced Technology"가 출간될 예정입니다. 곧 출판되었습니다.

• Zhao Xiaohan: Agora의 오디오 알고리즘 엔지니어, WFH 후원자.