Close
LOGO Around
Menu
  • 최근 업데이트
  • Ubuntu
  • Debian
  • Centos
  • Terminal
  • 기타 범주

JAVASCRIPT

JavaScript에서 배열을 반전하는 다른 방법

진열 반전은 개발자가 언제든지 만날 수 있는 모두가 알고 있는 프로그래밍 도전이다.따라서 JavaScript는 for 순환, reverse (), unshift () 방법, 교환 기술 등 다양한 처리 방법을 제공합니다. 그 중 일부 방법은 원시 그룹을 수정하지만 일부 방법은 원시 그룹에 영향을 주지 않습니다. 이 글은 다음과 같이 JavaScript에서 배열을 반전하는 방법을 설명합니다. 수...

JavaScript

2022-06 last update

5 minutes reading

void 조작부호가 JavaScript에서 어떻게 작동하는지

자바스크립트에서void 조작부호를 사용하여 계산된 표현식은 정의되지 않은 것을 되돌려줍니다.만약에 사전이void라는 단어에 대한 정의를 보면void라는 단어의 뜻이'완전히 비어 있다'는 것을 알 수 있다.그러나 프로그래밍 세계에 대해 이야기할 때void는 아무것도 돌아오지 않는다는 것을 의미한다.이것은void 조작부호가 되돌아오지 않는 방법과 함께 사용된다는 것을 의미합니다. 이것은 정의되지...

JavaScript

2022-06 last update

5 minutes reading

JavaScript의 문자열 배열

이 문서에서는 문자열 배열의 다음 사항을 설명합니다. 문자열 그룹을 대상으로 사용하는 방법 내장 방법을 문자열 그룹과 함께 사용하는 방법 이 예에서 우선, 우리는 문자열 그룹을 설명하고 초기화한 다음, for 순환을 사용하여 브라우저 컨트롤러에서 각 그룹 요소를 인쇄합니다. 이렇게 하면 JavaScript에서 문자열 배열을 사용할 수 있습니다. 만약 우리가 문자열 그룹을 대상으로 토론한다면,...

JavaScript

2022-06 last update

6 minutes reading

JavaScript에서 매거진 작성 방법

JavaScript 프로그래밍을 사용할 때 하드 인코딩 값이나 특정 값(예: 기본 문자열이나 URL)이 있는 대형 상수 파일을 관리해야 하는 경우가 있습니까?그렇다면 다음에 이런 문제를 쉽게 해결할 수 있도록 매거진 개념을 배워라. JavaScript에서 매거진은 코드를 쉽게 읽고 유지할 수 있도록'상량'또는 다른 값을 만듭니다.선택을 제한하는 상황에서도 도움이 된다.예를 들어 온대 기후의 ...

JavaScript

2022-06 last update

7 minutes reading

JavaScript에서 연산자 우선 순위가 작동하는 방법

이 문서에서는 JavaScript의 연산자 우선 순위에 대해 설명합니다. 다른 연산자에 비해 각 JavaScript 연산자는 "중요한 수준"또는 "우선순위"가 있기 때문에 높은 우선순위의 연산자는 낮은 우선순위 연산자 앞에서 실행됩니다.그 밖에 전체 과정에서 관련된 또 다른 용어를'연관성'이라고 부른다. 산술 연산자(예를 들어 덧셈, 곱셈, 뺄셈, 나눗셈)에는 왼쪽에서 오른쪽까지의 연관성이 ...

JavaScript

2022-06 last update

11 minutes reading

JavaScript 텍스트 내용 | 설명

자바스크립트에서는 html 태그에 접근하고 수정할 수 있는 다양한 속성, 즉 textContent, innerText, innerHTML이 있습니다.textContent 속성은 요소/노드와 모든 하위 항목에 포함된 모든 텍스트를 되돌려줍니다. 태그를 제외합니다.nerText 속성은 노드/요소와 하위 요소의 모든 텍스트 내용을 되돌려주지만 간격과 html 표시는 포함하지 않으며 스타일과 스크립...

JavaScript

2022-06 last update

5 minutes reading

JavaScript에서 Base64 인코딩 및 디코딩 방법

전용 컴파일러를 설치할 필요도 없고, 선택한 웹 브라우저를 사용하여 Java 스크립트로 Base64 인코딩과 디코딩을 실행할 때 이 작업을 쉽게 할 수 있습니다.Google Chrome 브라우저는 Windows 10 시스템에서 사용됩니다.Java 스크립트의 Base64 인코딩 및 디코딩 방법을 배우려면 다음 두 가지 주요 단계를 완료해야 합니다.이 절차들은 매우 간단하고 실행하기 쉽다. 그리...

JavaScript

2022-06 last update

6 minutes reading

Java 프로그래밍 언어 환경 설정 방법

우리는 반드시 Java 프로그램을 실행할 환경을 설정해야 한다. JDK는 컴파일러와 디버거 등의 도구를 포함하는 개발 도구 패키지입니다.따라서 코드를 실행하려면 시스템에 JDK를 설치해야 합니다.JDK를 설치하기 전에 Java 프로그램을 실행해야 하는 요구 사항을 파악해야 합니다. 브라우저를 열고 "java jdk 다운로드"를 검색합니다.첫 번째 링크는 다음 코드 세션과 같이 oracle의 ...

JavaScript

2022-06 last update

7 minutes reading

즉시 호출된 함수 표현식

즉시 호출되는 함수 표현식(IIFE)을 사용하여 코드 오염으로부터 전역 환경을 보호합니다.IIFE의 코드는 자신의 문법 범위 내에 있습니다. 다음과 같은 방법으로 IIFE 범위 내에서 변수를 전달할 수 있습니다....

JavaScript

2022-06 last update

3 minutes reading

JavaScript 맵 소개

생성한 items 변수는 빈 맵 대상을 포함합니다.다음 내용을 입력하여 콘솔에서 items 변수의 내용을 관찰할 수 있습니다. 매핑 대상에는 키 값 쌍을 조작하는 데 사용할 수 있는 방법이 포함되어 있습니다. .set() 방법으로 빈 지도 대상을 채울 수 있습니다..set() 방법은 두 가지 파라미터를 포함한다. 예를 들어, 새 키 값을 사용하여 items 매핑 객체를 채우려면 콘솔에서 다음...

JavaScript

2022-06 last update

18 minutes reading

V8 엔진 및 JavaScript 최적화 팁

는 구글이 자바스크립트를 컴파일한 엔진이다.Firefox는 자체 엔진인 Spider Monkey를 가지고 있으며 V8과 매우 비슷하지만 차이가 있습니다.우리는 본문에서 V8 엔진을 토론할 것이다. 그렇다면 우리가 자바스크립트를 V8 엔진에 보내서 해석할 때 (이것은 자바스크립트 코드가 축소되고 희화화되며 당신이 자바스크립트 코드에 미친 짓을 한 후) 무슨 일이 일어날까요? 본고에서 우리는 자...

JavaScript

2022-06 last update

24 minutes reading

쿠키란 무엇이며 JavaScript를 사용하여 처리하는 방법

Cookie는 이름 필드, 값 필드 및 기타 선택 가능한 속성이 있는 문자열입니다.이 값은 문자열로 응용 프로그램에 가장 적합하다고 생각하는 모든 내용을 저장할 수 있습니다.Google Analytics_ga는 일반적으로 다음과 같이 보이는 가장 일반적인 쿠키일 수 있습니다. 쿠키는 최대 4096바이트의 데이터를 저장할 수 있습니다(이름, 값, 도메인, 만료 날짜, 그 안에 넣을 수 있는 모...

JavaScript

2022-06 last update

7 minutes reading

JavaScript의 맵() 배열 방법

배열에서 for 순환을 사용하는 것보다 맵 () 이 더 멋있습니다. 배열을 교체하고 새 배열을 만듭니다. 그 중 모든 항목은 함수를 통해 전달됩니다. 구문은 매우 간단합니다....

JavaScript

2022-06 last update

4 minutes reading

JavaScript의 객체, 원형 및 클래스

저는 C++ 배경을 가지고 대상을 대상으로 프로그래밍 모델을 이해하며 대상과 클래스가 어떻게 일을 해야 하는지에 대해 매우 엄격한 생각을 가지고 있습니다.다른 언어(예를 들어 Java)를 접촉하는 것은 단지 이 생각을 더욱 확립하는 것 같다.비록 이런 언어는 대상과 유형의 작업 방식에 있어서 자신의 의미가 있다.Javascript는 새로운 사용자에게 매우 큰 시사점이다. 그 다음으로 Java...

JavaScript

2022-06 last update

14 minutes reading

JavaScript의 템플릿 텍스트(ES6/ES2015)

ECMAScript 2015 사양명세(ES6)는 문자열 삽입값과 여러 줄 문자열의 템플릿 텍스트를 제공합니다.템플릿 문자열이라고 들어보셨을 수도 있습니다.템플릿 문자를 정의하는 데 사용되는 문자는 대부분 키보드 레이아웃의 1 오른쪽에 있는 체크 백 (`) 입니다. 다음은 템플릿 문자를 사용하여 문자열 보간하는 예입니다. 다음은 여러 줄 문자열의 예입니다. 다음은 문자열 보간과 템플릿 문자가 ...

JavaScript

2022-06 last update

7 minutes reading

캐시 API의 첫 번째 단계

캐시 API를 만드는 것은 자원의 캐시를 더욱 깊이 있고 세밀하게 제어할 수 있도록 하기 위해서이다. 서비스 담당자는 캐시 API를 통해 오프라인으로 사용할 캐시 리소스를 결정하고 나중에 검색할 수 있습니다. 리소스에 대해 HTML 페이지, CSS, JavaScript 파일, 이미지, JSON 및 웹 페이지나 웹 응용 프로그램에서 사용할 수 있는 기타 리소스와 같은 URL의 전체 응답을 말합...

JavaScript

2022-06 last update

15 minutes reading

점진적 웹 어플리케이션(PWA) 소개: 서비스 종사자 및 목록

서비스 종사자 등의 기술 덕분에 사이트와 웹 응용 프로그램은 현재 그것을 지원하는 브라우저에서 점점 로컬 응용 프로그램처럼 표현될 수 있다.이것이 바로 우리가 말한 점진적인 웹 응용 프로그램(PWA)이다. 점진적인 웹 응용 프로그램은 메인 화면에 설치하는 등의 작업을 수행할 수 있으며, 응용 프로그램이 오프라인일 때 접근할 수 있도록 합니다.Chrome 또는 Firefox를 사용하는 경우 W...

JavaScript

2022-06 last update

15 minutes reading

ES6/ES2015용 JavaScript 생성기 함수

ES2015(ES6)의 생성기 함수를 통해 yield 키워드의 도움말로 여러 값을 되돌릴 수 있는 함수를 정의할 수 있습니다.다음은 단순 생성기 함수의 예입니다. function 키워드 옆에 * 문자가 사용되어 생성기 함수임을 나타냅니다. 이제 생성기의 실례를 만들고 생성기에next () 를 호출하여 값을 가져옵니다. next () 는 값이 있는 대상과 done라는 부울 값을 되돌려줍니다. ...

JavaScript

2022-06 last update

8 minutes reading

While 순환 및 Do...JavaScript의 While 순환

자동화는 시스템을 자동으로 운행시키는 기술이다.프로그래밍에서, 우리는 반복적인 작업을 자동화하기 위해 순환을 사용한다.순환은 프로그래밍 언어의 가장 유용한 특성 중 하나로 본고에서 우리는 자바스크립트의 while 순환과 do...while 순환을 이해할 것이다. 이것은 지정된 조건이 발생할 때 실행되는 코드 블록입니다.한 번만 계산하는 if 문장과 달리 조건이 true로 계산되지 않을 때까지...

DevelopmentJavaScript

2022-06 last update

10 minutes reading

DOM 둘러보기

이 시리즈의 이전 강좌 에서는 document 객체의 내장 방법을 사용하여 ID, 클래스, 태그 이름과 조회 선택기를 통해 HTML 요소에 접근하는 방법을 소개했습니다.DOM의 구조는 , 루트 노드는 document, 요소, 주석 및 텍스트 노드를 포함한 기타 노드는 여러 가지로 구성됩니다. 이 예시 사이트에서, 우리는 일부 요소를 포함하는 HTML 문서를 가지고 있다.style 태그에 기본...

DevelopmentJavaScript

2022-06 last update

21 minutes reading

DOM 트리 및 노드 이해

우리는 DOM 트리, 노드가 무엇인지, 그리고 가장 흔히 볼 수 있는 노드 유형을 어떻게 식별하는지 이해할 것이다.마지막으로, 우리는 컨트롤러를 뛰어넘어 JavaScript 프로그램을 만들어서 상호작용으로 DOM을 수정할 것입니다. HTML 요소가 DOM의 항목일 때 요소 노드라고 합니다.요소 이외의 개별 텍스트는 모두 텍스트 노드이며 HTML 주석은 주석 노드입니다.이 세 가지 노드 유형을...

DevelopmentJavaScript

2022-06 last update

21 minutes reading

JavaScript의 ES6 화살표 함수 시작

ES6에 대해 JavaScript는 확장 조작자, 대상 분해, 새로운 유형의 변수 등 많은 업데이트가 있습니다.가장 현저한 변화 중 하나는 화살표 함수인데, 이것은 새로운 간결한 함수 작성 방법이다.화살표 함수를 사용하면 한 줄에서 읽을 수 있고 간결한 함수를 정의할 수 있습니다.본고에서 우리는 arrow 함수의 기본 지식을 소개하고 그 장점을 토론할 것이다. 통상적으로, 우리가 작성한 함수...

JavaScriptDevelopment

2022-06 last update

10 minutes reading

DOM에서 속성, 클래스 및 스타일을 수정하는 방법

이 강좌에서는 HTML 요소 노드의 스타일, 클래스 및 기타 속성을 수정하여 DOM을 수정하는 방법을 학습합니다.이렇게 하면 DOM의 기본 요소를 어떻게 조작하는지 더 잘 이해할 수 있습니다. 최근까지 이라는 유행하는 자바스크립트 라이브러리는 DOM의 요소를 선택하고 수정하는 데 가장 많이 사용되었다.jQuery는 하나 이상의 요소를 선택하고 모든 요소에 변경 사항을 적용하는 과정을 간소화합...

JavaScriptDevelopment

2022-06 last update

28 minutes reading

Vanilla JavaScript에서 PWA 구축 방법

이것은 점진적 웹 응용 프로그램(PWA)을 만드는 세 부분 시리즈의 첫 번째 부분입니다. 이 프로그램은 웹 푸시 API와cron 시간표를 사용합니다.본고에서 우리는 기본적인 내용을 소개할 것이다. 응용 프로그램의 전단, 웹 응용 프로그램 목록과 서비스 종사자에 있어서 우리는 순수한 자바스크립트만 사용하여 이 점을 실현할 것이다.이 글의 마지막 부분에서, 우리는 오프라인일 때 접근할 수 있도록...

JavaScript

2022-06 last update

19 minutes reading

flat() 및 flatMap()을 사용하여 Vanilla JavaScript에서 플랫 배열

만약 최근에 인터넷 웹스에 관심을 가지고 있다면, 이 새로운 진열 편평화 방법들이 상당히 큰 센세이션을 일으켰다는 것을 이미 보았을 것이다.현재 알려진 것은 그 요점은 바로 이 수조이다.원형MooTools는 flatte () 를 수정하고 있으며, 일부 사이트는 여전히 그것을 사용하고 있기 때문에, 이 방법을 농담으로 하지 않고, 여전히 MooTools에 의존하는 사이트를 파괴하지 않도록 sm...

JavaScript

2022-06 last update

10 minutes reading

JavaScript 객체 지향 모드: 공장 모드

의 특성을 사용하면 일부 디자인 모델을 사용하여 더 좋은 가독성을 실현하고 군더더기를 줄이며 추상적인 것을 만들 수 있다.그 중 하나는 공장 모델이다. 이제 진정한 악어를 조립하고 ReptilePartFactory 를 사용하여 필요한 부품을 얻을 수 있습니다. 위의 도안을 보면 우리는 악어 모양의 물체를 만들기 위해 같은 ReptilePartFactory 부품을 사용할 수 있을 것 같다.배경...

JavaScript

2022-06 last update

10 minutes reading

DOM 소개

문서 객체 모델(일반적으로 DOM)은 웹 사이트를 상호 작용적으로 만드는 중요한 부분입니다.그것은 프로그래밍 언어가 사이트의 내용, 구조와 스타일을 조종할 수 있는 인터페이스이다.JavaScript는 인터넷 브라우저에 연결된 DOM의 클라이언트 스크립트 언어입니다. 이 코드는 새 사이트 프레임워크에서 흔히 볼 수 있는 HTML 소스 코드입니다.이것은 사이트 문서의 가장 기본적인 부분인 doc...

DevelopmentJavaScript

2022-06 last update

11 minutes reading

일반 JavaScript 정규 표현식

정규 표현식을 작성하는 첫 번째 단계는 그것을 어떻게 호출하는지 이해하는 것이다.JavaScript에서 정규 표현식은 a 입니다.따라서 다음과 같은 방법으로 새 RegExp 객체를 만들 수 있습니다. 나의 예시에서, 나는 나의 이름, 성씨, 도메인 이름을 포함하는 문자열을 사용할 것이다.현실 세계에서 이 예는 더 많은 사고를 필요로 한다. 정규 표현식은 대량의 논리를 압축 대상에 넣는다.이것...

JavaScript

2022-06 last update

20 minutes reading

JavaScript 약속 이해

너는 다음 주까지 네가 그 전화를 받을 수 있을지 모르겠다.너의 엄마는 정말 너에게 새로운 핸드폰을 사주거나 사지 않을 수 있다. 약속은 연결할 수 있다. promise 라이브러리가 포함되어 있다면, 프레젠테이션 코드는 ES5 환경(모든 주요 브라우저 + NodeJ)에서 사용할 수 있습니다.이는 ES5에서 즉시 사용 가능한 약속을 지원하지 않기 때문입니다.또 다른 유명한 프로미스 도서관은 크...

JavaScript

2022-06 last update

61 minutes reading

다음 페이지