JavaScript에서 배열을 반전하는 다른 방법
진열 반전은 개발자가 언제든지 만날 수 있는 모두가 알고 있는 프로그래밍 도전이다.따라서 JavaScript는 for 순환, reverse (), unshift () 방법, 교환 기술 등 다양한 처리 방법을 제공합니다. 그 중 일부 방법은 원시 그룹을 수정하지만 일부 방법은 원시 그룹에 영향을 주지 않습니다. 이 글은 다음과 같이 JavaScript에서 배열을 반전하는 방법을 설명합니다. 수...
JavaScript2022-06 last update
5 minutes reading
void 조작부호가 JavaScript에서 어떻게 작동하는지
자바스크립트에서void 조작부호를 사용하여 계산된 표현식은 정의되지 않은 것을 되돌려줍니다.만약에 사전이void라는 단어에 대한 정의를 보면void라는 단어의 뜻이'완전히 비어 있다'는 것을 알 수 있다.그러나 프로그래밍 세계에 대해 이야기할 때void는 아무것도 돌아오지 않는다는 것을 의미한다.이것은void 조작부호가 되돌아오지 않는 방법과 함께 사용된다는 것을 의미합니다. 이것은 정의되지...
JavaScript2022-06 last update
5 minutes reading
JavaScript에서 연산자 우선 순위가 작동하는 방법
이 문서에서는 JavaScript의 연산자 우선 순위에 대해 설명합니다. 다른 연산자에 비해 각 JavaScript 연산자는 "중요한 수준"또는 "우선순위"가 있기 때문에 높은 우선순위의 연산자는 낮은 우선순위 연산자 앞에서 실행됩니다.그 밖에 전체 과정에서 관련된 또 다른 용어를'연관성'이라고 부른다. 산술 연산자(예를 들어 덧셈, 곱셈, 뺄셈, 나눗셈)에는 왼쪽에서 오른쪽까지의 연관성이 ...
JavaScript2022-06 last update
11 minutes reading
JavaScript에서 Base64 인코딩 및 디코딩 방법
전용 컴파일러를 설치할 필요도 없고, 선택한 웹 브라우저를 사용하여 Java 스크립트로 Base64 인코딩과 디코딩을 실행할 때 이 작업을 쉽게 할 수 있습니다.Google Chrome 브라우저는 Windows 10 시스템에서 사용됩니다.Java 스크립트의 Base64 인코딩 및 디코딩 방법을 배우려면 다음 두 가지 주요 단계를 완료해야 합니다.이 절차들은 매우 간단하고 실행하기 쉽다. 그리...
JavaScript2022-06 last update
6 minutes reading
쿠키란 무엇이며 JavaScript를 사용하여 처리하는 방법
Cookie는 이름 필드, 값 필드 및 기타 선택 가능한 속성이 있는 문자열입니다.이 값은 문자열로 응용 프로그램에 가장 적합하다고 생각하는 모든 내용을 저장할 수 있습니다.Google Analytics_ga는 일반적으로 다음과 같이 보이는 가장 일반적인 쿠키일 수 있습니다. 쿠키는 최대 4096바이트의 데이터를 저장할 수 있습니다(이름, 값, 도메인, 만료 날짜, 그 안에 넣을 수 있는 모...
JavaScript2022-06 last update
7 minutes reading
JavaScript의 템플릿 텍스트(ES6/ES2015)
ECMAScript 2015 사양명세(ES6)는 문자열 삽입값과 여러 줄 문자열의 템플릿 텍스트를 제공합니다.템플릿 문자열이라고 들어보셨을 수도 있습니다.템플릿 문자를 정의하는 데 사용되는 문자는 대부분 키보드 레이아웃의 1 오른쪽에 있는 체크 백 (`) 입니다. 다음은 템플릿 문자를 사용하여 문자열 보간하는 예입니다. 다음은 여러 줄 문자열의 예입니다. 다음은 문자열 보간과 템플릿 문자가 ...
JavaScript2022-06 last update
7 minutes reading
점진적 웹 어플리케이션(PWA) 소개: 서비스 종사자 및 목록
서비스 종사자 등의 기술 덕분에 사이트와 웹 응용 프로그램은 현재 그것을 지원하는 브라우저에서 점점 로컬 응용 프로그램처럼 표현될 수 있다.이것이 바로 우리가 말한 점진적인 웹 응용 프로그램(PWA)이다. 점진적인 웹 응용 프로그램은 메인 화면에 설치하는 등의 작업을 수행할 수 있으며, 응용 프로그램이 오프라인일 때 접근할 수 있도록 합니다.Chrome 또는 Firefox를 사용하는 경우 W...
JavaScript2022-06 last update
15 minutes reading
ES6/ES2015용 JavaScript 생성기 함수
ES2015(ES6)의 생성기 함수를 통해 yield 키워드의 도움말로 여러 값을 되돌릴 수 있는 함수를 정의할 수 있습니다.다음은 단순 생성기 함수의 예입니다. function 키워드 옆에 * 문자가 사용되어 생성기 함수임을 나타냅니다. 이제 생성기의 실례를 만들고 생성기에next () 를 호출하여 값을 가져옵니다. next () 는 값이 있는 대상과 done라는 부울 값을 되돌려줍니다. ...
JavaScript2022-06 last update
8 minutes reading
While 순환 및 Do...JavaScript의 While 순환
자동화는 시스템을 자동으로 운행시키는 기술이다.프로그래밍에서, 우리는 반복적인 작업을 자동화하기 위해 순환을 사용한다.순환은 프로그래밍 언어의 가장 유용한 특성 중 하나로 본고에서 우리는 자바스크립트의 while 순환과 do...while 순환을 이해할 것이다. 이것은 지정된 조건이 발생할 때 실행되는 코드 블록입니다.한 번만 계산하는 if 문장과 달리 조건이 true로 계산되지 않을 때까지...
DevelopmentJavaScript2022-06 last update
10 minutes reading
JavaScript의 ES6 화살표 함수 시작
ES6에 대해 JavaScript는 확장 조작자, 대상 분해, 새로운 유형의 변수 등 많은 업데이트가 있습니다.가장 현저한 변화 중 하나는 화살표 함수인데, 이것은 새로운 간결한 함수 작성 방법이다.화살표 함수를 사용하면 한 줄에서 읽을 수 있고 간결한 함수를 정의할 수 있습니다.본고에서 우리는 arrow 함수의 기본 지식을 소개하고 그 장점을 토론할 것이다. 통상적으로, 우리가 작성한 함수...
JavaScriptDevelopment2022-06 last update
10 minutes reading
DOM에서 속성, 클래스 및 스타일을 수정하는 방법
이 강좌에서는 HTML 요소 노드의 스타일, 클래스 및 기타 속성을 수정하여 DOM을 수정하는 방법을 학습합니다.이렇게 하면 DOM의 기본 요소를 어떻게 조작하는지 더 잘 이해할 수 있습니다. 최근까지 이라는 유행하는 자바스크립트 라이브러리는 DOM의 요소를 선택하고 수정하는 데 가장 많이 사용되었다.jQuery는 하나 이상의 요소를 선택하고 모든 요소에 변경 사항을 적용하는 과정을 간소화합...
JavaScriptDevelopment2022-06 last update
28 minutes reading
Vanilla JavaScript에서 PWA 구축 방법
이것은 점진적 웹 응용 프로그램(PWA)을 만드는 세 부분 시리즈의 첫 번째 부분입니다. 이 프로그램은 웹 푸시 API와cron 시간표를 사용합니다.본고에서 우리는 기본적인 내용을 소개할 것이다. 응용 프로그램의 전단, 웹 응용 프로그램 목록과 서비스 종사자에 있어서 우리는 순수한 자바스크립트만 사용하여 이 점을 실현할 것이다.이 글의 마지막 부분에서, 우리는 오프라인일 때 접근할 수 있도록...
JavaScript2022-06 last update
19 minutes reading
flat() 및 flatMap()을 사용하여 Vanilla JavaScript에서 플랫 배열
만약 최근에 인터넷 웹스에 관심을 가지고 있다면, 이 새로운 진열 편평화 방법들이 상당히 큰 센세이션을 일으켰다는 것을 이미 보았을 것이다.현재 알려진 것은 그 요점은 바로 이 수조이다.원형MooTools는 flatte () 를 수정하고 있으며, 일부 사이트는 여전히 그것을 사용하고 있기 때문에, 이 방법을 농담으로 하지 않고, 여전히 MooTools에 의존하는 사이트를 파괴하지 않도록 sm...
JavaScript2022-06 last update
10 minutes reading
JavaScript 객체 지향 모드: 공장 모드
의 특성을 사용하면 일부 디자인 모델을 사용하여 더 좋은 가독성을 실현하고 군더더기를 줄이며 추상적인 것을 만들 수 있다.그 중 하나는 공장 모델이다. 이제 진정한 악어를 조립하고 ReptilePartFactory 를 사용하여 필요한 부품을 얻을 수 있습니다. 위의 도안을 보면 우리는 악어 모양의 물체를 만들기 위해 같은 ReptilePartFactory 부품을 사용할 수 있을 것 같다.배경...
JavaScript2022-06 last update
10 minutes reading