JavaScript 계속 쓰기

10696 단어 javascript
우리는 왜 자바스크립트가 가치가 있는지 설명하기 위해 많은 필묵을 썼다. (절대 최고가 아니라면!)개발자가 추구하는 언어.만약에 당신이 Salesforce 개발자이거나 낡은 기술에 주로 종사하는 기업의 소프트웨어 개발자라면 이런 기술들이 자바스크립트를 UI 개발자로부터 추상화한다면 이제는 시간과 정력을 들여 웹의 핵심 언어를 배울 때가 되었다.

서버 측 UI 프레임워크를 선호하는 이유


저는 초기에 서버 쪽에서 생성된 사용자 인터페이스 기술을 사용한 사용자입니다. asp(전점 네트워크), jsp와 몇 가지 이를 바탕으로 구축된 프레임워크부터 시작합니다.
내가 2010년에 Salesforce에 가입했을 때, 나는 바로 Visualforce를 사랑하게 되었다. 이것은 그 시대의 Salesforce 스타일의 UI 프레임워크이다.이것은 저에게 생산력과 유연성, 그리고 맞춤형 Salesforce 외관의 사용자 인터페이스를 만들 수 있습니다. 표시를 제외하고는 아무것도 없습니다. 이것은 시사점입니다.그것은 내가 당시에 사용했던 어떤 프레임보다도 몇 마일 앞선 것 같다.게다가 Apex 프로그래밍 언어의 업무 논리적 확장성은 내가 할 수 없는 것이 거의 없다고 생각한다.이후에 Visualforce는 현대 자바스크립트 프레임워크를 사용할 수 있는 기능을 추가했고 사용자 정의 사용자 인터페이스에 강력한 다용도 기반을 만들었다.개발자의 생산력과 프로그래머와 비프로그래머의 접근성 측면에서 볼 때, 나는 여전히 Visualforce가 당시에 비길 데가 없다고 생각한다.
그러나 브라우저의 발전과 자바스크립트의 사용에 따라 이전 세대 서버에서 보여준 UI 프레임워크는 그다지 중요하지 않게 변했다.Visualforce도 예외가 아닙니다.서버 쪽에서 보이는 Visualforce 페이지를 자신의 웹 프레임워크로 완전히 바꿀 수 있지만, Salesforce는 장기적인 해결 방안을 찾기 시작합니다.이 솔루션은 JavaScript 웹 응용 프로그램의 새로운 세계에 적응해야 합니다.JS 프레임워크의 shoe horning보다 Visualforce 용기에 더 좋은 방식으로 적응해야 합니다.신뢰, 안전, 다세입자 등 Salesforce 특유의 문제도 해결해야 한다.
Lightning을 입력합니다.

번개 차이


2015년에 Salesforce는 Lightning 체험 사용자 인터페이스를 출시했다.Lightning이 있으면 Salesforce는 처음부터 표시층을 재구축하는 데 착안하고 모든 사람이 같은 핵심 도구를 사용하여 구축하는 원칙부터 시작한다.Lightning은 이 약속을 실행했다.Lightning에 앞서 Salesforce 기술팀의 개발자들은 도구를 자주 사용했고 우리 고객들은 Visualforce를 사용했습니다.Lightning의 경우 동일한 UI 프레임워크를 사용합니다.
Lightning은 주로 JavaScript를 사용하여 작업하는 클라이언트 프레임워크이기도 합니다.예, 보통 Apex를 조금 사용하지만, 이 작업의 핵심은 JavaScript입니다.Lightning 데이터 서비스에서 일부 구성 요소는 서버와 상호작용을 하는데 그 중에서 코드는 완전히 JavaScript이다.
만약 당신이 하루 종일 Apex 컨트롤러로 전통적인 Visualforce를 대량으로 생산할 수 있다면 이것은 조정이 될 것이다. 그러나 나는 오늘 그 어느 때보다 자바스크립트를 배우는 것이 좋다고 생각한다.사실 우리는 두 개의 위대한 Trailheadmodules를 썼는데, 단지 기존의 개발자들이 자바스크립트를 이해하도록 돕기 위해서였다.
이 화살표를 개발자의 화살통에 추가하면 큰 장점이 있다.그중의 일부를 봅시다.

노드 JS


저는 Node부터 시작했습니다. 일부는 자바스크립트를 경량급 브라우저 스크립트에 주로 사용되는 리키 언어에서 도구와 서버에서 실행되는 주류 언어로 바꾸는 중요한 요소이기 때문입니다.여러 해 동안 Heroku가 지원하는 언어 목록에 있습니다.그러나 최근 Salesforce 개발자는 Salesforce CLI 및 Open CLI 프레임워크 oclif 에서 Node를 사용하는 것을 주의해야 한다.따라서 CLI 확장을 시도하는 경우 JavaScript는 툴박스에서 유용한 도구가 됩니다.JavaScript도 곧 출시될 Salesforce 플랫폼implementation의 함수인 서비스 지원의 첫 번째 언어 중 하나가 될 것이다.

ECMAScript 표준


JavaScript는 ECMAScriptstandard를 기반으로 합니다.ECMAScript6(일반적으로 ES6이라고 하지만 공식적으로 ES2015라고 부른다)는 분수령이다. 이것은 언어 기능을 추가했다. 중점은 자바스크립트의 작성을 더욱 재미있게 하는 동시에 더욱 번거로운 행위를 복구하는 것이다.ECMAScript 표준은 계속 발전하여 현재 11판(ECMAScript 2020)에 들어갔다.
ES6에서 가장 선호하는 기능 중 하나는 destructuring variable assignment 입니다.간단한 예는 서버가 요청한 JSON의 하나 이상의 필드에서 값을 빠르게 추출하는 것입니다.이 변수가 obj라는 변수에 있다고 가정하면 다음과 같습니다.
let obj = {
  "Id": "0016E00000VNYSZQA5",
  "Name": "Causeway, Inc.",
  "Status__c": "Active"
}
너는 이렇게 할 수 있다.
let name = obj.Id;
let status = obj.Status__c;
하지만 너는 이렇게 할 수 있다.
let {Name, Status__c} = obj;

console.log(Name); // "Causeway, Inc."
console.log(Status__c); // "Active"
실제로 JSON 객체의 속성 이름에 만족하지 않아도 됩니다.자신의 변수 이름을 동시에 만들 수 있습니다.
let {Name: name, Status__c: status} = obj;

console.log(name); // "Causeway, Inc."
console.log(status); // "Active"
만약 다른 언어를 사용한 적이 있다면, 당신은 이런 문법에 익숙해질 것입니다.그러나 이것은 현대 ECMAScriptfeatures의 빙산의 일각으로 자바스크립트가 어떻게 당신이 사용해야 할 언어로 적극적으로 변했는지 증명할 수 있을 뿐만 아니라 많은 개발자들이 진정으로 사용하고 싶은 언어로 변했다.
좋은 소식은 현대 자바스크립트 프레임워크를 사용한다면 바로 사용할 수 있다는 것입니다.이것은 Salesforce 플랫폼이나 독립된 웹 응용 프로그램에서 사용하는 모든 작업을 포함합니다.

Lightning 웹 구성 요소 JavaScript 생태계


웹 초기에 자바스크립트는 서로 다른 실현 지뢰밭으로 표준이 없고 브라우저 공급업체 간의 API가 서로 경쟁했다. 라이브러리는 최초이자 지금까지 가장 유행했던 통합 JavaScript API를 만드는 라이브러리 중 하나로 이 API는 DOM 브라우저를 사용할 수 없게 하고 서버와의 비동기적인 통신을 간소화시켰다.클라이언트와 노드의 jQuery 조합입니다.서버 측의 js는 자바스크립트 생태계를 강화시켰다.
오늘 사용 상황이나 사용 가능한 라이브러리를 평가할 때 자바스크립트는 가장 큰 개발자 생태계 jQuery 라고 할 수 있다.이것은 인코딩 문제를 해결하는 지원을 쉽게 찾을 수 있다는 것을 의미한다.예를 들어, 자바스크립트 프로그램을 작성하고 Salesforce와 통합하기를 원한다면, npm에는 npm 같은 많은 라이브러리가 있습니다.
하위 수준의 알고리즘을 추상화하기 위한 라이브러리나 모듈을 찾거나 특정 API를 사용하는 방법을 이해하는 데 도움을 주는 방법을 찾으면 자바스크립트 커뮤니티가 분류합니다.

제이력 JavaScript 학습 및 연습


그럼 자바스크립트의 기술을 어디서 배울 수 있습니까?인터넷이지.무료 도구, REPL, 코드 운동장, 강좌, 동영상 및 빠른 입문으로 자바스크립트를 깊이 있게 공부할 수 있습니다.하지만 당장 시작하려면 브라우저 개발 도구를 열고 컨트롤러에 코드를 입력하여 코드 작성을 연습하는 것이 필요하다.
예를 들어, 다음과 같이 하십시오.
  • Chrome 브라우저에서 이 블로그 페이지(또는 모든 페이지)를 엽니다.
  • Chrome 개발자 도구(Mac의 CMD-OPT-J 또는 Windows의 Ctrl-Shift-J)를 엽니다.
  • 콘솔을 클릭하여 JavaScript 콘솔
  • 다음 내용을 입력하고 줄마다 클릭Enter:
  • var newDiv = document.createElement("DIV");
  • newDiv.innerText = "JavaScript is fun!";
  • document.body.innerHTML = "";
  • document.body.appendChild(newDiv);
  • 앞의 두 줄은 "자바스크립트가 재미있어요!"라는 텍스트로 새로운 <div> 요소를 만들었습니다.다음 줄은 현재 페이지의 모든 HTML<body>을 삭제합니다.마지막으로, 우리는 새로운 하위 노드를 주체에 추가한다.때때로, 나는 내가 사용하고 있는 것을 직접 조작해서 내가 사용하고 있는 코드를 테스트하는 작업 방식이 매우 유용하다는 것을 발견했다.
    앞에서 말한 바와 같이 Salesforce의 학습 플랫폼인 Trailhead는 좋은 자바스크립트 내용을 가지고 있다.이외에도 고객이 사용자 정의 UI를 만들 수 있도록 Salesforce에서 JavaScript를 사용하는 일만 체험하고 싶다면 시도하십시오.만약 당신이 Visualforce 전문가라면, 이 모듈Lightning Web Components Quick Start은 매우 좋습니다.Salesforce 개발자가 아니며 독립 응용 프로그램에서 Lightning 웹 구성 요소를 사용하는 방법을 알고 싶으면 Lightning Web Components for Visualforce Developers 단서를 보십시오.
    마지막으로 몇 년 전, 나와 포도자 조시 버크(Josh Birk)는 TrailheaDX에서 합작하여 Lightning Web Components Open Source를 개발하여 Salesforce 경험이 있지만 막 자바스크립트를 배우기 시작한 개발자에게 자바스크립트를 소개하려고 했다.

    한바탕 그것을 싸라


    JavaScript는 오늘날의 핵심 기술입니다.기업 계산에서도 자바스크립트는 전방 개발뿐만 아니라 다른 응용 프로그램과 NodeJS 도구에서도 더욱 두드러진 역할을 발휘한다.Lightning이 등장하면서 기업 소프트웨어 개발자들은 현재 자바스크립트 전문 지식에 투자할 이유가 매우 크다.

    기타 리소스


  • 코드 운동장
  • Geek out on a brief history of JavaScript
  • Lightning Web Components playground
  • jsbin
  • Codepen
  • 좋은 웹페이지 즐겨찾기