JavaScript란 어떤 프레임워크인가요?-프런트엔드 Q&A-php.cn

Javascript는 프레임워크가 아니라 스크립팅 언어입니다. js라고 불리는 JavaScript는 기능 우선순위를 갖는 경량, 해석 또는 JIT(Just-In-Time) 컴파일 스크립트 언어로, 클라이언트에서 널리 사용되는 프로그래밍 언어입니다. 웹 페이지에 다양한 동적 기능을 추가하는 데 자주 사용됩니다. .사용자에게 더욱 부드럽고 아름다운 브라우징 효과를 제공합니다.

JavaScript란 어떤 프레임워크인가요?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

Javascript는 프레임워크가 아니라 스크립팅 언어입니다.

JavaScript(줄여서 "JS")는 기능 우선순위가 있는 경량, 해석 또는 JIT(Just-In-Time) 컴파일 스크립트 언어입니다. 웹 페이지 개발을 위한 스크립팅 언어로 유명하지만 브라우저가 아닌 많은 환경에서도 사용됩니다. JavaScript는 다중 패러다임 동적 스크립팅 언어인 프로토타입 프로그래밍을 기반으로 하며 객체 지향, 명령형, 선언적 및 함수형 프로그래밍 패러다임.

JavaScript는 웹 애플리케이션 개발에 널리 사용되는 네트워크 스크립팅 언어로, 사용자에게 더욱 부드럽고 아름다운 탐색 효과를 제공하기 위해 웹 페이지에 다양한 동적 기능을 추가하는 데 자주 사용됩니다. 일반적으로 JavaScript 스크립트는 HTML에 삽입하여 기능을 실현합니다.

JavaScript는 다음과 같은 웹 개발의 다양한 분야에서 사용될 수 있습니다.

웹 애플리케이션 개발: 우리가 일상에서 탐색하는 웹 페이지는 HTML, CSS 및 JavaScript로 웹 페이지를 업데이트할 수 있습니다. 실시간 요소의 스타일은 사람과 웹 페이지 간의 상호 작용(예: 사용자가 마우스를 클릭하는지 또는 키를 누르는지 모니터링하는 등)을 실현할 수 있으며 웹 페이지에 멋진 애니메이션을 추가할 수도 있습니다.
확장된 지식: JavaScript 프레임워크

JavaScript 프레임워크는 개발자 코드가 기성 코드를 빠르게 활용하여 고유한 요구 사항을 충족할 수 있도록 하는 애플리케이션 프레임워크입니다. 웹 애플리케이션 개발은 집을 짓는 것과 비슷합니다. 건축 자재를 사용하여 처음부터 모든 것을 만들 수 있는 옵션이 있습니다. 그러나 이는 시간을 낭비하고 비용이 많이 들 수 있습니다.

하지만 미리 만들어진 자재(벽돌 등)를 사용하여 건물 구조에 맞게 조립하면 공사 속도가 빨라지고 비용과 시간이 절약됩니다.

앱 개발도 비슷하게 진행됩니다. 모든 코드를 처음부터 작성하는 대신 애플리케이션 아키텍처를 기반으로 미리 작성된 코드를 빌딩 블록으로 사용할 수 있습니다. 프레임은 웹 사이트 디자인을 더 빠르게 적용하고 JavaScript와 함께 사용하기 쉽게 만듭니다.

JavaScript 프레임워크 사용:

웹사이트 구축

1. AngularJS
MVC 및 MVVM 클라이언트 아키텍처의 프레임워크를 사용하여 웹 애플리케이션의 개발 및 테스트를 단순화하기 위해 만들어졌습니다.
프런트 엔드 개발을 위한 가장 인기 있는 오픈 소스 툴킷 중 하나인 Bootstrap을 사용하여 모바일 반응형 웹 사이트를 빠르게 디자인하세요.

3. Aurelia

2016년에 출시된 Aurelia는 반응형 모바일, 데스크톱 및 브라우저 애플리케이션을 구축하기 위한 간단하고 강력하며 강력한 오픈 소스 프런트 엔드 JS 프레임워크입니다.

구성보다는 관례에 따라 웹 사양을 맞추는 데 중점을 두고 프레임워크 침입이 덜 필요합니다.

4. Vue.js

Vue.js는 Evan You가 Google에서 근무하던 2014년에 만들어졌습니다. 사용자 인터페이스 구축을 위한 진보적인 JavaScript 프레임워크입니다.

Vue.js는 핵심부터 점진적으로 채택할 준비가 되어 있으며 다양한 사용 사례를 기반으로 프레임워크와 라이브러리 간에 쉽게 확장될 수 있습니다.

5. Ember.js

오픈 소스 JS 프레임워크 Ember.js는 여러 장치에서 사용할 수 있는 풍부한 UI를 갖춘 웹 애플리케이션을 효과적으로 구축하기 위해 엄격한 테스트를 거쳤습니다.

2011년에 출시되었으며 당시 이름은 SproutCore 2.0이었습니다.

6. Node.js

Node.js는 Chrome의 JS V8 엔진(2009년 생성)을 기반으로 구축된 서버 측 오픈 소스 JavaScript 프레임워크입니다. 브라우저 외부에서 JS 코드를 실행하는 런타임 환경입니다.

Node.js는 확장 가능하고 빠르며 안정적인 웹 기반 서버 측 애플리케이션을 개발하는 데 도움을 주기 위해 설계되었습니다.

7. Backbone.js

경량 JS 프레임워크인 Backbone.js는 2010년에 만들어졌으며 MVP(Model View Presenter) 아키텍처를 기반으로 합니다.

클라이언트 웹 애플리케이션 구축에 도움이 되는 RESTful JSON 인터페이스가 있습니다. 이는 사용자 정의 이벤트 및 키-값 바인딩을 위한 모델, 효율적인 API가 포함된 컬렉션, 선언적 이벤트 처리를 사용하는 보기를 사용하여 웹 애플리케이션을 구성합니다.

8. Next.js

Next.js의 오픈 소스 플랫폼은 React 프런트엔드 웹 개발 프레임워크를 제공합니다. 2016년에 출시된 이 제품을 사용하면 정적 웹 사이트 생성 및 서버 측 렌더링과 같은 기능을 사용할 수 있습니다.

9. Mocha

모든 애플리케이션은 배포하기 전에 테스트해야 합니다. 이것이 Mocha 또는 Mocha.js가 당신을 위해 하는 일입니다.

Node.js 및 브라우저에서 실행되는 기능이 풍부한 오픈 소스 JS 테스트 프레임워크입니다.

10. Ionic

2013년에 출시된 Ionic은 고품질 하이브리드 모바일 애플리케이션을 구축하기 위한 오픈 소스 JavaScript 프레임워크입니다. 최신 버전을 사용하면 Vue.js, React 또는 Angular와 같은 UI 프레임워크를 선택할 수 있습니다. CSS, Sass 및 HTML5를 사용하여 애플리케이션을 구축합니다.

11, Webix

Webix의 사용하기 쉬운 프레임워크는 더 간단한 코드를 사용하여 풍부한 UI를 개발하는 데 도움이 됩니다. DataTable, Tree, Spreadsheet 등과 같은 102개의 사용자 인터페이스 위젯과 기능이 풍부한 HTML5/CSS JS 컨트롤을 제공합니다.

12. Gatsby

Gatsby는 React를 사용하여 좋은 성능의 웹사이트와 애플리케이션을 개발하는 데 도움을 줍니다. 이것은 오픈 소스이자 무료 프런트 엔드 JS 프레임워크입니다.

13. Meteor.js

Meteor는 2012년에 출시된 오픈 소스 JS 프레임워크입니다. 이를 통해 모바일, 데스크톱 및 웹용 풀스택 애플리케이션을 원활하게 구축할 수 있습니다.

14. MithrilJS

이 목록의 다른 프로젝트만큼 인기는 없지만 Mithril은 클라이언트 측 애플리케이션 개발을 위한 고급 클라이언트 측 JS 프레임워크입니다. 가벼우면서도(10kb gzip 미만) 빠르며 XHR 및 라우팅 유틸리티를 제공합니다.

15. ExpressJS

Express.js는 웹 애플리케이션 개발을 위한 백엔드 JS 프레임워크입니다. 2010년 MIT Aroma에서 무료 오픈 소스 소프트웨어로 출시되었습니다.

이것은 다양한 유용한 기능을 갖춘 빠르고 미니멀한 Node.js 웹 프레임워크입니다.

몇 가지 유용한 JavaScript 도구:

Slick

Slick은 캐러셀 요구 사항에 맞는 유용한 JS 도구입니다. 컨테이너는 반응성이 뛰어나고 확장 가능합니다. 그 기능에는 CSS3 지원, 슬라이딩, 마우스 드래그, 전체 접근성, 무한 루프, 자동 재생, 지연 로딩 등이 포함됩니다.
Babel

Babel은 새로운 JS 기능을 이전 JS 표준을 실행하도록 변환하는 데 사용할 수 있는 무료 오픈 소스 JS 컴파일러입니다. 플러그인은 이전 버전에서 지원되지 않는 구문 변환에도 사용됩니다. 일부 JS 환경에서 누락된 기능을 지원하기 위해 폴리필을 제공합니다.
iziModal

iziModal은 jQuery와 함께 사용할 수 있는 우아하고 가볍고 유연하며 반응성이 뛰어난 모달 플러그인입니다. 사용자에게 특정 정보를 알리거나 정보를 요청하려면 팝업을 사용하는 것이 유용합니다. 사용하기 쉽고 많은 사용자 정의 기능이 있습니다.
ESLint

ESLint를 사용하면 JS 코드에서 오류를 쉽게 찾고 수정할 수 있습니다. 코드를 통계적으로 분석하여 구문 오류, 명령줄 스타일 문제 등을 신속하게 파악하고 자동으로 수정합니다.
Shave

Shave는 요소 내에 정확히 맞도록 최대 높이를 설정하여 HTML 요소 내의 텍스트를 자를 수 있는 종속성이 없는 JS 플러그인입니다. 또한 손실되지 않도록 숨겨진 요소에 추가 원본 텍스트 를 저장합니다.
Webpack

Webpack은 최신 애플리케이션용 JS 모듈을 번들링하는 도구입니다. 코드를 작성하고 이를 사용하여 코드를 깔끔하게 유지하면서 자산을 현명하게 묶을 수 있습니다.