>웹 프론트엔드 >프런트엔드 Q&A >자바스크립트는 프레임워크인가요, 라이브러리인가요?

자바스크립트는 프레임워크인가요, 라이브러리인가요?

青灯夜游
青灯夜游원래의
2022-10-12 17:31:431691검색

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

자바스크립트는 프레임워크인가요, 라이브러리인가요?

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

Javascript는 프레임워크나 라이브러리가 아니라 스크립팅 언어입니다.

JavaScript 언어 소개

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

JavaScript는 동적 유형, 약한 유형의 프로토타입 기반 언어입니다. 해당 인터프리터는 브라우저의 일부이며 클라이언트 측 스크립팅 언어에서 널리 사용되는 JavaScript 엔진이라고 하며 HTML 웹 페이지에 동적 기능을 추가하기 위해 처음으로 사용되었습니다.

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

JavaScript는 사전 컴파일이 필요하지 않고 다양한 운영 체제에서 실행될 수 있는 크로스 플랫폼 해석 언어입니다.

JavaScript 스크립팅 언어는 운영 체제에 의존하지 않으며 브라우저 지원만 필요합니다. 따라서 JavaScript 스크립트는 작성된 후 모든 컴퓨터에서 사용할 수 있습니다. 단, 컴퓨터의 브라우저가 JavaScript 스크립트 언어를 지원하면 JavaScript는 대부분의 브라우저에서 지원되므로 다양한 플랫폼(예: Windows, 리눅스, 맥, 안드로이드, iOS 등).

간단히 말하면 JavaScript는 브라우저 자체에 의존하며 운영 환경과는 아무런 관련이 없습니다. 컴퓨터가 브라우저를 실행할 수 있고 브라우저가 JavaScript를 지원하는 한 올바르게 실행될 수 있습니다. 그러나 다른 브라우저와 동일한 브라우저의 다른 버전은 JavaScript를 다르게 지원합니다(브라우저 호환성).

PHP, ASP 등의 서버 측 스크립팅 언어와 달리 JavaScript는 주로 사용자의 브라우저에서 실행되는 클라이언트 측 스크립팅 언어로 사용되며 서버 지원이 필요하지 않습니다. 따라서 초창기 프로그래머들은 서버의 부담을 줄이기 위해 자바스크립트를 선호했지만, 동시에 보안이라는 또 다른 문제도 불러일으켰다.

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

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

  • 모바일 애플리케이션 개발: 웹 애플리케이션 개발 외에도 JavaScript를 사용하여 휴대폰이나 태블릿에서 애플리케이션을 개발할 수 있으며, 일부 뛰어난 프레임워크(예: React Native)를 사용하여 개발을 더 쉽게 만들 수도 있습니다. 웹 게임: 우리가 웹에서 했던 작은 게임들은 모두 JavaScript를 사용하여 구현할 수 있습니다.
  • 백엔드 웹 애플리케이션 개발: 과거에는 웹 애플리케이션의 프런트엔드 부분을 개발하기 위해 JavaScript를 사용했지만, JS(JavaScript 런타임 환경)의 등장으로 JavaScript를 웹 애플리케이션의 백엔드 부분 개발에도 사용할 수 있게 되었습니다.
  • JavaScript 프레임워크

Javascript 프레임워크는 Javascript 언어를 기반으로 하는 프로그래밍 프레임워크를 말합니다. JavaScript 프레임워크는 이제 자체 웹 및 모바일 애플리케이션에 통합되고 있습니다. 소프트웨어의 개발 방향이 클라이언트 쪽으로 옮겨가고 있습니다. 백엔드 API와 풍부한 프런트엔드 클라이언트를 구축하는 것이 큰 추세이며 이들 중 대부분은 JavaScript 프레임워크로 작성되었습니다. 이것은 개발자가 사용하는 트릭인 것 같습니다. 프론트엔드 인터페이스를 개발할 때 API를 사용하면 API에 더욱 친숙해지고 업무 내용을 명확하게 이해할 수 있게 됩니다. 이 기술을 클라이언트 작성에 적용하면 최고의 iPhone 또는 Android 애플리케이션을 매우 쉽게 작성할 수 있습니다.

JavaScript 프레임워크가 출현하기 전에 개발자는 페이지에서 jQuery 작업만 수행할 수 있었습니다. 이 접근 방식은 개발자가 코딩 작업에 대해 쉽게 혼란을 겪을 수 있으며 관리가 쉽지 않습니다. Backbone은 Angular 및 Ember와 같은 개발자 친화적인 프레임워크와 함께 기본 구조 및 조직을 제공하는 최초의 선두 주자였습니다. 요즘에는 많은 프로젝트에서 선호되고 있습니다. 우리는 개발자의 전문적인 배경을 간과하는 경우가 많으며 이로 인해 개발자는 매우 직관적이고 JavaScript 프레임워크를 더 쉽게 이해할 수 있는 인기 있는 프레임워크를 발견하게 될 수 있습니다.

JavaScript 프레임워크 사용:

  • 웹사이트 구축

  • 애플리케이션 프런트엔드 개발

  • 애플리케이션 백엔드 개발

  • 애플리케이션 하이브리드 개발

  • 전자상거래 애플리케이션

  • ㅋㅋㅋ
  • 테스트 중 코드 및 디버깅

  • 모듈 조합

  • 일반적인 자바스크립트 프레임워크(라이브러리)는 다음과 같습니다.
  • 1. 프론트엔드 UI 프레임워크

  • 1. 트위터에서 유래한 부트스트랩 프레임워크는 현재 가장 인기 있는 프론트엔드 프레임워크입니다. 간단하고 직관적인 프론트엔드 개발의 특징을 가지고 있습니다.
  • 2. EasyUI 프레임워크. EasyUI는 jQuery, Angular., Vue 및 React를 기반으로 하는 사용자 인터페이스 플러그인 모음입니다. easyui를 사용하면 많은 코드를 작성할 필요가 없으며 사용자 인터페이스를 정의하기 위해 몇 가지 간단한 HTML 태그만 작성하면 됩니다.

  • ...
  • II. 프론트엔드 프레임워크

  • 1. Node.js 프레임워크. Node.js는 Google의 V8 엔진을 기반으로 하는 이벤트 기반 I/O 서버 측 JavaScript 환경입니다. V8 엔진은 Javascript를 매우 빠르게 실행하고 성능이 매우 좋습니다.
  • 2. Vue.js 프레임워크. Vue.js는 매우 인기 있는 JavaScript MVVM 라이브러리로, 데이터 기반 및 구성 요소 기반 아이디어로 구축되었습니다. Angular.js에 비해 Vue.js는 더 간단하고 이해하기 쉬운 API를 제공합니다.

  • 3. 리액트 프레임워크. React는 Facebook의 내부 프로젝트에서 시작되었으며 Instagram 웹사이트를 구축하는 데 사용되었습니다. 사용자 인터페이스를 구축하는 데 사용되는 JAVASCRIPT 라이브러리입니다.

4. Angular.Js 프레임워크. Angle.Js 프레임워크는 많은 Google 제품에서 사용되어 온 뛰어난 프런트엔드 JS 프레임워크입니다. AngularJS에는 MVC(모델-뷰-컨트롤러), 모듈화, 자동화된 양방향 데이터 바인딩 및 의미 체계 태그 등 많은 기능이 있으며 그 중 가장 핵심이 됩니다. 5. Gatsby

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

...

확장된 지식:

유용한 JavaScript 도구

Slick

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

Babel

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

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

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

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

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

  • 【관련 권장 사항:
  • javascript 비디오 튜토리얼

    ,

    프로그래밍 비디오

위 내용은 자바스크립트는 프레임워크인가요, 라이브러리인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.