ES6 이후의 JavaScript에는 문자열 보간을 기본적으로 지원하는 템플릿 문자열 지원이 있습니다. 이를 템플릿 리터럴이라고 합니다. 템플릿 리터럴은 포함된 표현식을 허용하는 문자열 리터럴입니다. 템플릿 문자열은 작은따옴표나 큰따옴표 대신 역따옴표(``)를 사용합니다. 따라서 템플릿 문자열은 다음과 같이 작성할 수 있습니다. - var greeting = `Hello World!`; 템플릿 문자열은 ${ } 구문을 사용하여 문자열 대체에 자리 표시자를 사용할 수 있습니다. 예시 1 var name = "Brendan&

하위 문자열과 바꾸기의 2가지 방법을 사용하여 Javascript의 문자열에서 텍스트를 제거할 수 있습니다. 하위 문자열 JS 문자열 클래스는 주어진 문자열에서 하위 문자열을 추출하는 데 사용할 수 있는 하위 문자열 메서드를 제공합니다. 이것은 문자열의 한쪽 또는 양쪽 끝에서 텍스트를 제거하는 데 사용할 수 있습니다. 구문 str.substr(start[, length]) 예시 let a = 'Hello world' console.log(a.substr(0, 5)) console.log(a.substr(6)) con

쿼리 문자열은 쿼리 매개 변수로 구성되며 서버에 데이터를 보내는 데 사용됩니다. URL의 이 부분은 선택 사항입니다. 개발자가 구성해야 합니다. 이 작업은 encodeURIComponent라는 기본 메서드를 사용하여 수행할 수 있습니다. encodeURIComponent() 함수는 특정 문자의 각 인스턴스를 문자의 UTF-8 인코딩을 나타내는 1, 2, 3 또는 4개의 이스케이프 시퀀스로 교체하여 URI(Uniform Resource Identifier) ​​구성 요소를 인코딩합니다. 새로운 ES6 형식을 사용하여 객체는 다음과

lodash의 get 메서드를 사용하여 모든 수준에서 안전하게 속성을 가져올 수 있습니다. 첫 번째 수준 속성을 얻는 것은 매우 간단합니다. 중첩 속성 액세스는 까다롭기 때문에 lodash와 같은 테스트를 거친 라이브러리를 사용해야 합니다. 다음과 같은 방법으로 깊이 중첩된 개체에 액세스할 수 있습니다. - 예시 let _ = require("lodash"); let obj = {    a: {       b: {         &n

변환하려면 JSON.stringify()를 사용하십시오. 다음은 JavaScript에서 MySQL DATETIME 값을 JSON 형식으로 변환하는 코드입니다 - <script> var mySQLDateTime = new Date("Fri Sep 06 2019 22 −54 −48 "); var yearValue = mySQLDateTime.getFullYear(); var dateValue = mySQLDateTime.getDate(); var monthValue=mySQLDateTi

일반적으로 웹 스크립팅에 사용되는 JavaScript 프로그래밍 언어입니다. 가볍고 해석 가능한 프로그래밍 언어입니다. JavaScript는 웹 개발을 위한 가장 많은 프로그래밍 언어 중 하나입니다. JavaScript를 실행하기 위해 각 브라우저에는 브라우저에서 JavaScript의 적절한 기능을 가능하게 하는 자체 엔진이 있습니다. 일부 일반적인 브라우저 및 해당 JavaScript 엔진은 다음과 같습니다. - 파이어폭스용 거미 원숭이 Chrome용 V8 Safari용 자바스크립트 코드 Microsoft Internet Exp

new Object() 표기법과 Object literal({}) 표기법은 모두 동일한 작업을 수행합니다. 그들은 객체를 초기화합니다. 그러나 두 번째 표기법에 속성을 추가하기 시작하면 두 번째 표기법이 약간 다를 수 있습니다. 예시 let a = {    name: 'Ayush' } 이 초기화는 -와 동일합니다. let a = new Object(); a.name = 'Ayush' 또는 let a = {} a.name = 'Ayush'

JavaScript에서 사용할 수 있는 parseInt 함수에는 다음과 같은 서명이 있습니다. - parseInt(string, radix); 매개변수는 다음과 같습니다. - 문자열 - 구문 분석할 값. 이 인수가 문자열이 아니면 ToString 메서드를 사용하여 인수로 변환됩니다. 이 인수의 선행 공백은 무시됩니다. 기수 − 문자열의 기수(수학적 숫자 시스템의 기본)를 나타내는 2에서 36 사이의 정수입니다. radix 매개변수가 생략되면 JavaScript는 다음을 가정합니다 - 문자열이 0x로 시작하는 경우 기수는

Error 객체의 스택 속성은 어떤 함수가 어떤 순서로, 어떤 줄과 파일에서, 어떤 인수로 호출되었는지에 대한 추적을 제공합니다. 스택 문자열은 가장 최근 호출에서 이전 호출로 진행되어 원래 전역 범위 호출로 돌아갑니다. Java의 스택 추적과 유사합니다. 예시 function a() {    throw new Error("error"); } try{    a() } catch(e) {    console.log(e.stack) } 출력 이것은 출력을 줄 것입

백본은 프론트엔드를 위한 MVC 프레임워크입니다. Backbone을 사용하면 데이터를 모델로 표시할 수 있으며 생성, 검증, 파괴 및 서버에 저장할 수 있습니다. UI 작업으로 인해 모델의 속성이 변경될 때마다 모델은 변경 이벤트를 트리거합니다. 모델의 상태를 표시하는 모든 뷰는 변경 사항에 대해 알림을 받을 수 있으므로 그에 따라 응답하고 새로운 정보로 스스로를 다시 렌더링할 수 있습니다. 백본은 모델에 키-값 바인딩 및 사용자 지정 이벤트를 제공하여 웹 애플리케이션에 구조를 제공하고, 열거 가능한 함수 보기의 풍부한 API가

BackboneJS는 비즈니스 로직과 사용자 인터페이스 로직을 분리할 수 있는 구조를 웹 애플리케이션에 제공합니다. BackboneJS의 아키텍처에는 다음 모듈이 포함되어 있습니다. - HTTP 요청 HTTP 클라이언트는 웹 브라우저, 검색 엔진 등이 HTTP 클라이언트처럼 작동하는 요청 메시지 형태로 서버에 HTTP 요청을 보냅니다. 사용자가 HTTP 요청 프로토콜을 사용하여 문서, 이미지 등의 파일을 요청합니다. 라우터 클라이언트 측 응용 프로그램을 라우팅하는 데 사용되며 URL을 사용하여 작업 및 이벤트에 연결합니다. 응

유일한 하드 종속성(백본 js가 전혀 작동하지 않는)은 Underscore.js입니다. Underscore는 내장 객체를 확장하지 않고도 유용한 함수형 프로그래밍 도우미를 제공하는 JavaScript 라이브러리입니다. backbone.js의 고급 기능을 사용하려면 다른 종속성이 필요합니다. 예를 들어, RESTful 지속성을 위한 라이브러리(Backbone.sync) Backbone.Router를 통한 기록 지원 Backbone.View 또는 Jquery를 사용한 DOM 조작

Babel은 현재 및 이전 브라우저 또는 환경에서 ECMAScript 2015+ 코드를 이전 버전과 호환되는 JavaScript 버전으로 변환하는 데 주로 사용되는 도구 체인입니다. Babel의 플러그인을 사용하면 브라우저 지원을 기다리지 않고 바로 지금 새 구문을 사용할 수 있습니다. babel JS를 사용하는 주된 이유는 - 구문 변환(최신 JS 구문을 하위 호환 구문으로.) 대상 환경에서 누락된 Polyfill 기능(through@babel/polyfill) 소스 코드 변환(코드 모드)

Babel은 현재 및 이전 브라우저 또는 환경에서 ECMAScript 2015+ 코드를 이전 버전과 호환되는 JavaScript 버전으로 변환하는 데 주로 사용되는 도구 체인입니다. Babel의 플러그인을 사용하면 브라우저 지원을 기다리지 않고 바로 지금 새 구문을 사용할 수 있습니다. babel JS를 사용하는 주된 이유는 - 구문 변환(최신 JS 구문을 하위 호환 구문으로.) 대상 환경에서 누락된 Polyfill 기능(through@babel/polyfill) 소스 코드 변환(코드 모드)

배열의 짝수 위치에 있는 숫자의 합을 구하는 방법에는 여러 가지가 있습니다. 이 중 3가지를 살펴보겠습니다. - for 루프 사용 for 루프를 직접 사용하여 합계를 얻을 수 있습니다. 예시 let arr = [1, 2, 3, 4, 5, 6]; let sum = 0; for(let i = 0; i < arr.length; i += 2) {    sum += arr[i]; } console.log(sum); 출력 9 forEach 루프 사용 이 방법에서는 배열을 명시적으로 반복하는 대신 내장 함수 forEa

디자인 패턴은 경험 많은 객체 지향 소프트웨어 개발자가 사용하는 모범 사례를 나타냅니다. 디자인 패턴은 소프트웨어 개발자가 소프트웨어 개발 중에 직면한 일반적인 문제에 대한 솔루션입니다. 이러한 솔루션은 상당한 기간 동안 수많은 소프트웨어 개발자가 시행착오를 거쳐 얻은 것입니다. 디자인 패턴은 언어에 구애받지 않습니다. 디자인 패턴은 생성, 구조 및 행동 패턴의 세 가지 범주로 분류할 수 있습니다. Creational Patterns - 이 디자인 패턴은 새로운 연산자를 사용하여 직접 객체를 인스턴스화하는 대신 생성 로직을 숨기

디바운스 기능은 기능이 실행될 수 있는 속도를 제한합니다. 예를 들어, 서버를 쿼리하는 자동 완성 텍스트 막대. 키를 누를 때마다 서버를 쿼리하면 불필요하게 네트워크 및 메모리에 영향을 미칩니다. 대신 할 수 있는 일은 주어진 시간 동안 이러한 통화 수를 제한하는 것입니다. 실제 함수를 인수로 사용하여 속도 제한(조절) 방식으로 실행하는 자체 디바운스 함수를 작성할 수 있습니다. 예시 const debounce = (cb, time) => {    let timeout;    return

데이터 유형을 다른 유형으로 변환하는 것을 유형 캐스팅이라고 합니다. 때때로 한 값의 데이터 유형을 다른 값으로 변환해야 할 필요가 있습니다. 일부 상황에서는 JavaScript가 자동 유형 변환을 수행합니다. 전환 유형 자동 유형 변환 JavaScript는 조건식에서 부울을 예상합니다. 따라서 JavaScript는 if 표현식을 평가하기 위해 일시적으로 괄호 안의 값을 부울로 변환합니다 - if (val) {    console.log( 'yes, val exists' ); } 0, -0, (

Number.NEGATIVE_INFINITY 속성은 음수 Infinity 값을 나타냅니다. JavaScript에서 사용할 수 있는 최대값을 초과하는 값은 음의 무한대로 변경됩니다. 예시 function checkInfinity(smallNumber) {    if (smallNumber === Number.NEGATIVE_INFINITY) {       return 'Process number as -Infinity';    }    re

JavaScript에는 정의되지 않은, null, 부울, 문자열 및 숫자의 5가지 기본 유형이 있습니다. 다른 모든 것은 개체입니다. 기본 유형인 boolean, string 및 number는 각각 Boolean, String 및 Number 생성자의 인스턴스인 래퍼 개체로 래핑될 수 있습니다. 개체 래퍼에서 기본 값을 다시 가져오려면 개체에서 valueOf 메서드를 호출해야 합니다. 예시 console.log(typeof true); console.log(typeof new Boolean(true)); console.log(t