JavaScript 라이브러리 및 WordPress: 알아야 할 사항

게시 됨: 2017-10-24

전에도 말했지만 다시 말하겠습니다. WordPress 사용자라면 JavaScript에 익숙해져야 합니다. 그것이 바로 웹의 방식입니다. 그렇다면 진짜 문제는 정렬해야 하는 JavaScript 라이브러리의 혼란스러운 수입니다.

Ember, React, Angular가 있습니다. 뷰와 프리액트. 그리고 Ionic, Express 또는 Node.js를 잊지 마십시오. jQuery, Meteor 및 Bootstrap도 언급할 가치가 있습니다. 아, 그리고 어쩌지...

당신은 내 요점을 이해합니다. (그리고 이것들은 새 탭을 열지 않고도 머리 위에서 이름을 지을 수 있는 것들일 뿐입니다.) JavaScript 라이브러리는 개발에 거의 필수적이기 때문에 환경을 어지럽힙니다.

DOM 조작, MVC 프레임워크, AJAX 호출 또는 완전히 다른 것을 원하든 간에 도움을 줄 수 있는 라이브러리가 있을 수 있습니다.

WordPress 사용자로서 귀에 음악이 들려야 하는 이유가 여기에 있습니다.

어쨌든 JavaScript 라이브러리는 무엇입니까?

단순: 미리 작성된 코드. 멋진 것은 없습니다. 하지만 그들과 함께 멋진 일을 많이 할 수 있습니다. 이것이 그들이 멋진 이유입니다.

미리 작성된 코드를 사용하여 웹사이트로 가져옴으로써 시간을 절약할 수 있는 기능을 추가할 수 있을 뿐만 아니라 전문 지식의 공백을 메울 수도 있습니다. 당신은 당신이하는 일에 능숙하지만 JavaScript 개발자가 아닌 WordPress 개발자입니다.

괜찮아요.

WordPress와 함께 JavaScript 라이브러리를 사용할 때 다른 사람의 전문 지식을 사용하여 사이트와 사용자 경험을 향상시키는 것입니다.

먼저 첫 번째 것들

WordPress 사용자는 이미 Core에 있는 여러 JavaScript 라이브러리 및 해당 종속성에 액세스할 수 있습니다. 전체 목록과 내장 및 외부 JS와 함께 wp_enqueue_script 를 사용하는 방법은 Codex를 확인하세요.

JavaScript 라이브러리...무엇에 좋은가요?

많은 사람들이 JavaScript 라이브러리에 대해 이야기할 때 혼동을 일으키는데, 이는 종종 다른 JavaScript 프레임워크 로 잘못 분류되기 때문입니다. 프레임워크는 일종의 라이브러리이지만 대부분의 것과는 약간 다르게 작동합니다.

프레임워크는 본격적인 애플리케이션이나 웹사이트를 구축하는 데 사용하는 것입니다. 본질적으로 JS 프레임워크는 WordPress 자체와 동일한 기능을 제공하므로 작업 중인 모든 프로젝트의 백본을 제공합니다. 그들은 비 프레임 워크 라이브러리보다 사용 측면에서 훨씬 더 구조화되어 있습니다.

프레임워크는 프런트엔드 프레임워크, 백엔드 프레임워크 및 전체 스택 프레임워크와 같은 몇 가지 범주로 나눌 수 있습니다. 용어에 익숙하지 않은 경우 프론트 엔드 는 사용자가 상호 작용하는 것이고 백엔드 는 서버 측 문제를 처리하며 전체 스택 은 프론트 엔드와 백 엔드를 모두 처리합니다.

가장 일반적이고 인기 있는 몇 가지 프레임워크에 대해 들어본 적이 있을 것입니다.

  • 모난
  • 노드.js
  • 뷰.js
  • 반응
  • 타다 남은 것

이 모든 것이 WordPress에서 어떻게 작동합니까?

일부 라이브러리는 그렇지 않습니다. 이것이 제가 말하고 싶은 요점입니다. WordPress로 작업하는 경우 백엔드 프레임워크(그런 의미에서 전체 스택 프레임워크)가 필요하지 않습니다. 우리의 유쾌한 Core는 이미 그 수준의 구조를 처리합니다. (당신은 특별한 방법 코어에 기여 및 / 또는 자신의 사용자 정의의 톤을하고있다 dev에라면 논쟁 지점입니다 참고.)

사용 방법을 배우기 위해(또는 최소한 이해하기 위해) 필요한 것은 프론트 엔드 프레임워크와 DOM 조작 라이브러리입니다. 이것들은 다른 종류의 JavaScript 라이브러리보다 훨씬 더 자주 사용됩니다.

PHP는 멋진 언어입니다. 그것은 오늘날 우리가 알고 있는 WP를 제공했으며 모든 종류의 논리와 기능을 사용자의 손에 넣는 데 정말 잘 작동합니다. 그러나 JavaScript 라이브러리는 힘을 받아 기하급수적으로 증가합니다.

NinjaForms와 같은 특정 플러그인은 PHP로 작성되었지만(WordPress에서는 그렇게 말했기 때문에) JavaScript 라이브러리를 사용하여 사용자에게 가능한 것보다 더 나은 경험과 훨씬 더 많은 기능을 제공합니다. WPNinjas는 이를 수행하기 위해 Backbone 및 Marionette 라이브러리를 사용했습니다.

젠장, 여기 우아한 테마에서도 Divi 3.0(굉장하고 모든 사이트에서 사용하려면 완전히 가입해야 함)이 React로 작성되었습니다.

곧 출시될 Gutenberg 편집기(적어도 현재로서는)와 Calypso(및 Jetpack)라는 WordPress.com 관리자 패널도 마찬가지입니다. 젠장, .org 대시보드에서 수행하는 거의 모든 작업은 변경될 때까지 JavaScript로 구동됩니다. 서버에 저장해야 합니다.

하지만 곧 바뀔 수도 있습니다... WP REST API 덕분입니다.

WP REST API + JavaScript 라이브러리 = BFF

지금쯤이면 WP REST API에 대해 들어보셨을 것입니다. 간단히 말해서, PHP에 의존하는 대신 JavaScript를 통해 서버 요청을 할 필요가 없기 때문에 WordPress JavaScript 개발에 많은 생명을 불어넣고 있습니다.

예, 이제 PHP를 통해 혼란스럽게 할 필요 없이 전면에서 사이트의 백엔드에 직접 액세스할 수 있으므로 응답 시간이 느려지고 기능이 제한됩니다. WPMU에는 체크 아웃해야 할 REST API 사용에 대한 분석도 있습니다.

JS와 REST로 너무 많은 일을 할 수 있어서 생각만 해도 끔찍합니다. React(특히 React Native)를 사용할 때 PHP를 건드리지 않고도 WordPress 데이터베이스를 모바일 앱의 백엔드로 사용할 수 있습니다. REST API를 통해 JSON을 통해 MySQL과 직접 상호 작용할 수 있습니다.

어떤 면에서 이 상호 작용은 WordPress가 위에서 이야기한 백엔드 JavaScript 프레임워크와 매우 유사하게 작동하도록 하여 중간 PHP 없이 애플리케이션 및 데이터베이스 관리 구조를 제공합니다. WP가 이와 같이 작동하는 것은 새로운 것이 아닙니다. 결국 CMS가 하는 일입니다. 그러나 JavaScript 라이브러리 및 JSON과의 구현 및 통합은

React Native는 특히 모바일 앱에 대해 그렇게 할 수 있지만 Vue.js 및 Ember 및 일반 이전 React(또는 불쾌한 경우 Preact)와 같은 모든 프런트 엔드 프레임워크 또는 라이브러리를 사용하여 동일한 작업을 수행할 수도 있습니다.

그리고 정말 싫다면 이 라이브러리 중 하나를 가져와 사이트를 만든 다음, 웹 보기로 래핑하고 REST API 덕분에 앱 스토어에 올릴 수 있을 만큼의 Swift of Java를 사용할 수 있습니다. 약간 추악하지만 작동해야합니다.

워드프레스의 미래

Matt는 작년에 모든 WordPress 개발자가 "자바스크립트를 깊이 배워야" 한다고 말했습니다.

이제 우리 모두가 들어야 할 때라고 생각합니다. 솔직히 말해서 어떤 JavaScript 라이브러리나 라이브러리를 먼저 배우기로 선택했는지는 중요하지 않습니다. 하나 또는 두 개의 WordPress가 작동하고 상호 작용하는 방식에 익숙해지면 JS 에코시스템의 일부가 되어 WP의 미래가 될 수 있습니다.

Divi 또는 Ninja Forms와 같은 플러그인에 대한 멋진 클라이언트 경험을 만들고 싶거나, 사용자가 빠르고 부드러운 업데이트를 필요로 하는 훌륭한 웹 앱, 또는 WordPress를 백엔드 데이터베이스로 사용하는 모바일 앱을 만들고자 하는 경우 JavaScript가 있습니다. 그것을 위한 도서관.

Creative Thoughts/Shutterstock.com의 기사 썸네일