JavaScript로 소프트웨어 개발을 가속화하는 방법은?

애플리케이션의 빠른 개발의 정의

"빠른 개발"이라는 문구는 여러 가지 잘못된 방식으로 해석될 수 있습니다. 이를 피하기 위해 우리가 기대하는 바가 무엇인지 설명해 보겠습니다. 가장 중요한 것은 예산입니다. 동일한 애플리케이션의 여러 버전을 구축하려면 여러 기술 스택의 많은 개발자가 필요하고 모든 개발자에게 비용을 지불해야 합니다. 네이티브 모바일 앱을 빌드하기 위해서는 코드 를 사용하여 Android와 iOS 두 플랫폼 모두에서 잘 작동하도록 합니다. 일반적인 접근 방식은 두 애플리케이션을 유사하게 유지하고, 동일한 API를 사용하며, 동일한 동작을 유지하는 것입니다. 결과적으로 동일한 애플리케이션의 두 가지 버전을 빌드하려면 코드를 복제해야 합니다. JS 는 모바일 애플리케이션과 웹 애플리케이션을 동시에 구축할 수 있는 언어입니다. 불가능해 보이시나요? 제가 설명해드리겠습니다.

모바일? 웹? 상관없습니다.

React 라이브러리를 사용하는 애플리케이션을 빌드한다고 가정해 보겠습니다. 이 라이브러리는 React 네이티브로 웹 애플리케이션과 모바일 애플리케이션을 구축하는 데 사용할 수 있습니다. 인증, 컴퓨팅, 데이터 필터링 등과 같은 애플리케이션의 논리적 메커니즘은 React 훅을 사용하여 수행할 수 있습니다. 중요한 점은 이러한 후크를 웹과 모바일 두 버전의 애플리케이션에서 모두 공유할 수 있다는 것입니다. 이 옵션 덕분에 다음과 같은 이점이 있습니다:

• 같은 일을 담당하는 코드를 중복해서 작성할 필요가 없습니다,
• 애플리케이션의 동일한 부분을 구현하기 위해 네이티브 모바일 개발자를 고용할 필요가 없습니다,
• 서로 다른 모바일 플랫폼(Android/iOS)에서 동일한 애플리케이션을 구현하기 위해 서로 다른 언어를 혼합할 필요가 없습니다,
• 한 명의 개발자가 모든 플랫폼에서 특정 애플리케이션 기능을 구현할 수 있습니다.

이 단락을 요약하자면, 하나의 코드베이스가 모든 버전의 애플리케이션을 지원하는 것은 아니지만 공유 코드를 분할하여 각각에 사용하면 개발 프로세스를 정말 빠르게 진행할 수 있습니다.

결론 - 웹 애플리케이션과 모바일 애플리케이션을 동시에 구축하려면 애플리케이션의 모바일 및 웹 버전에서 코드베이스를 공유할 수 있는 React 라이브러리를 고려하세요.

그렇다면 백엔드는 어떨까요?

몇 년 전만 해도 백엔드에 대해 이야기할 때 다음과 같은 언어의 도움으로 유지 관리가 가능하다고 상상하는 사람은 거의 없었을 것입니다. JS. 이 언어의 발전은 놀랍고 그 결실은 오늘날까지 수확할 수 있습니다.

무슨 말인가요? 올바른 JS 개발자를 사용하면 애플리케이션의 프론트엔드뿐만 아니라 백엔드, 즉 서버의 데이터 처리, 데이터베이스와의 통신, 다양한 유형의 통합 등을 담당할 수 있는 것으로 나타났습니다. 아직도 이 언어에 대해 망설이거나 확신이 서지 않으시나요? 이런 태도를 가질 이유가 없습니다! 백엔드 사용 JS 는 확장 가능하고 구성 가능한 모드인 express.js와 DI 패턴을 사용하는 구조화된 모드인 nest.js의 두 가지 일반적인 방법으로 구현할 수 있습니다.

두 솔루션 모두 매우 인기 있고 업계에서 '기술 거인'으로 불리는 많은 프로덕션 애플리케이션을 지원합니다. 둘 중 하나를 선택하도록 설득할 만큼 충분히 성숙했다고 생각합니다.

아직 충분하지 않나요? 웹과 모바일 애플리케이션 간의 코드 공유와 마찬가지로 백엔드에서도 전자와 후자 모두와 리소스를 공유할 수 있습니다. 여기서 사용하는 핵심 단어는 TypeScript로, 무엇보다도 코드베이스, 즉 모든 플랫폼 간에 공통 데이터 유형 정의를 공유할 수 있습니다.

애플리케이션은 JavaScript / TypeScript 스택을 사용하면 네이티브 프로그래밍 언어로 복제해야 하는 많은 코드 줄을 절약할 수 있습니다. 반면에 모든 측면에서 동일한 언어를 사용하면 모든 애플리케이션 간에 엄청난 양의 로직을 공유할 수 있으므로 특정 애플리케이션을 빌드하는 시간이 확실히 빨라집니다. 멋지지 않나요?

JS가 데스크톱 애플리케이션을 구동할 수 있나요?

브라우저 애플리케이션을 구축하는 기술은 데스크톱 형태로 사용하는 애플리케이션을 유지 관리하는 데 유용하며, 그 좋은 예로 Slack을 들 수 있습니다. Slack은 다음 용도로 사용되는 애플리케이션입니다. 팀 커뮤니케이션 - 표준 메시징 외에도 다양한 기능과 다양한 유형의 외부 통합 기능을 제공합니다. 이 모든 것이 IT 업계에서 주로 사용되는 가장 인기 있는 애플리케이션 중 하나입니다.

Slack은 또한 웹 기술(따라서 JavaScript)을 사용하여 애플리케이션 인터페이스를 구축합니다. 데스크톱에서 이러한 애플리케이션을 실행할 수 있는 기반은 전자입니다. 웹 기술을 사용하여 그래픽 인터페이스를 만들면 훨씬 쉽고 빠르며 일반적으로 다양한 플랫폼용 애플리케이션을 동시에 개발할 수 있습니다.

JS는 충분히 성숙했나요?

애플리케이션의 프론트엔드 부분만 보면 다음과 같은 착각이 들지 않습니다. JS 는 이 생태계를 움직이는 유일하고 독점적인 언어입니다. 당분간은 애플리케이션의 이 부분을 대체할 수 있는 실행 가능한 대안이 없습니다(향후 WebAssembly가 우리를 놀라게 할 수도 있다고 생각하지만). 따라서 프론트엔드에서 JS의 성숙도에 대해 말하자면, 이것이 유일한 왕족이라는 것은 의심의 여지가 없습니다.

백엔드에 대해 이야기하면 많은 개발자가 충격을 받거나 JS가 백엔드 프로그래밍 언어로 적합하지 않다고 즉시 부정할 수 있습니다. 그러나 이 문제는 객관적으로 분석해야 합니다.

많은 클라우드 제공업체에서 직접 사용할 수 있는 SDK를 제공합니다. 클라우드 메서드. 이상하게도 가장 인기 있는 탭 중 하나인 C# 바로 옆의 Go 및 Java는 Node.js. 이 플랫폼은 마이크로서비스 또는 서버리스 아키텍처를 기반으로 애플리케이션을 확장하고 구축하는 데 이상적인 것으로 밝혀졌습니다. 결론 - JS는 마이크로서비스/서버리스 아키텍처 기반 애플리케이션을 개발하는 데 가장 많이 사용되는 언어 중 하나입니다. 아래 화면에서 클라우드 제공업체의 삼위일체(구글 컴퓨팅 서비스, AWS, Azure)를 통해 다음을 사용하여 애플리케이션을 구축할 수 있음을 알 수 있습니다. 노드.js.

node.js 에코시스템의 경우, 누구나 express.js라는 라이브러리에 익숙할 것입니다. 이 라이브러리는 경로를 정의한 다음 JS 측에서 적절하게 처리된 적절한 데이터를 공급할 수 있는 간단하고 직관적인 도구입니다. 또한 express.js에서 처리되는 HTTP 요청에 사용되는 패턴은 전체 생태계에서 가장 널리 사용되는 패턴 중 하나이며 서버리스 아키텍처 등을 사용하는 다양한 다른 라이브러리의 일종의 패턴이기도 합니다.

결론 - JS는 모든 카드를 넣고 프론트엔드와 백엔드를 모두 구축할 수 있을 만큼 충분히 성숙한 언어입니다. 또한 최신 애플리케이션 아키텍처에 쉽게 적용될 수 있는 상당히 신선한 언어입니다. 한 가지 언어를 아는 프로그래머가 애플리케이션의 양쪽 측면(전체 스택)을 모두 마스터할 수 있다는 것은 대단한 일입니다.

JS는 충분히 빠르나요?

JS 코드를 실행하는 데 가장 자주 사용되는 엔진은 C++ 언어로 구동되는 v8입니다. 구글에서 개발한 이 엔진은 웹 플랫폼용 애플리케이션 실행 전용입니다. 흥미로운 점은 이 엔진이 JS 코드를 해석하지 않는다는 것입니다. 대신 "JIT", 즉 "적시 컴파일"이라는 작업을 수행합니다. 덕분에 JS 코드를 한 줄씩 해석할 필요 없이 컴파일하고 실행하기만 하면 됩니다. 훨씬 더 빠르며 성능도 매우 우수합니다.

JS는 성능에 대해 충분히 공정한가요? 네, 그렇습니다. 알고리즘을 충분히 공정하게 유지한다면 서버 측에서 JS를 사용하는 데 아무런 문제가 없습니다. 다른 한 가지는 코드를 가능한 한 비동기적으로 유지하는 것입니다. 이러한 방식을 사용하면 코드가 문제 없이 병렬 요청을 처리할 수 있습니다. 특히 애플리케이션의 아키텍처가 확장 가능한 경우에는 성능 때문에 기술 스왑에 신경 쓸 필요가 없습니다.

이 글에서 이미 성능과 벤치마크에 대해 자세히 설명했습니다.

JS는 다른 언어와 달리 특이하지 않나요?

JS 언어가 어떤 경우에는 이상하게 동작하고 이를 처리하는 것은 개발 과정에서 머리를 폭발시킬 수 있다는 수십 가지 의견입니다. 동의할 수 없습니다 🙂 다른 언어와 마찬가지로 우아하지 않은 몇 가지 패턴 / 동작이 있지만 작동 방식과 대상에 대한 이해가 있으면 JS로 애플리케이션을 개발하는 것이 불쾌하지 않습니다.

특히 JS 바로 앞에 나오는 "비동기"라는 표현은 일부 개발자들을 전율케 합니다. 경험해보지 않았다면 이해하기 어렵습니다. 하지만 JS를 통해 최신 솔루션을 쉽게 구축할 수 있는 부분이기도 합니다. 웹 소켓을 살펴보겠습니다. 웹 소켓은 이벤트 기반(연결된 각 장치)이기 때문에 사용자와 서버가 동시에 이벤트를 주고받을 수 있습니다. 이 앱을 구동하는 코드가 충분히 비동기적이고 메인 스레드를 차단하지 않는다면 단시간에 수천 개의 요청을 쉽게 처리할 수 있습니다.

JS와 PHP 웹소켓의 컨텍스트와 함께. PHP는 동기식 프로그래밍 언어이기 때문에 웹소켓 주제를 해결하는 데 큰 어려움이 있습니다. PHP는 JS에서 패턴을 가져와서 webrtc나 웹소켓과 같은 최신 기술을 사용할 수 있는 대화형 백엔드 애플리케이션을 구축한다는 것을 알 수 있습니다.

모두 함께 혼합

모든 단락을 종합하면 몇 가지 사실을 알 수 있습니다:

JavaScript 는 웹, 모바일, 데스크톱 등 모든 종류의 애플리케이션을 구축하는 데 사용할 수 있는 언어입니다;
JS로 작성된 애플리케이션은 데이터 서식을 담당하는 코드 조각이나 타입스크립트의 유형 등 다양한 코드 조각을 서로 공유할 수 있습니다;
웹의 성장에 힘입어 JS가 제공하는 성능은 프론트엔드 및 백엔드 애플리케이션 개발 모두에 적합할 만큼 우수합니다;
특이한 디자인 덕분에 JavaScript는 웹소켓 및 WebRTC와 같은 최신 애플리케이션 인프라를 지원할 수 있습니다;
제대로 숙련된 개발자를 고용하면 이 언어를 지원하는 모든 프런트엔드에서 이 언어의 잠재력을 활용할 수 있습니다;
JS는 몇 년째 인기 차트에서 상위권을 차지하고 있는 언어이며, 이 추세가 바뀔 것이라는 징후는 없습니다.

편향된 의견을 말하자면, 사용 가능한 모든 측면에서 동일한 코드를 재사용하는 JavaScript의 옵션을 활용하면 애플리케이션 개발 속도를 높이고 다른 기술로 작성된 애플리케이션의 백엔드 유지 관리에 관여하는 개발자의 수를 확실히 줄일 수 있습니다. 이를 증명하기 위해 수많은 소위 IT 대기업들이 이 패턴을 따르고 있으며 플랫폼 간에 상당한 양의 코드베이스를 공유하고 있다는 사실을 상기해 보겠습니다. 이 언어에 대한 다양한 의견에도 불구하고 사용 통계 및 사용 만족도가 다음과 같다는 사실을 고려해야합니다. JS 는 해마다 성장하고 있으며, 개발자들은 풀 스택이라는 트렌드에 쉽게 합류할 수 있습니다.

자세히 읽어보세요:

타입스크립트를 사용해야 하는 (아마도) 이유

잘못된 코딩 관행으로 프로젝트를 죽이지 않는 방법은 무엇인가요?

NextJS의 데이터 가져오기 전략