JavaScript DOM(문서 개체 모델)은 웹 페이지의 HTML 요소를 나타냅니다. 콘텐츠나 스타일을 변경하여 웹 페이지를 조작하는 데 사용할 수 있는 인터페이스입니다. 웹 페이지를 마우스 오른쪽 버튼으로 클릭하고 검사를 선택하여 DOM에 액세스할 수 있습니다. 이렇게 하면 현재 보고 있는 웹 페이지의 HTML 요소와 함께 섹션이 (오른쪽 또는 왼쪽에) 나타나야 합니다. 이러한 요소 위로 마우스를 가져가면 페이지 자체의 섹션이 강조 표시될 때 페이지의 어떤 섹션이 표시되는지 알 수 있습니다. 콘솔에서 코딩하여 페이지
자바스크립트에서 집합을 사용하는 방법 고유한 값만 포함해야 하는 데이터 목록이 있습니까? 이것이 JavaScript Set 데이터 유형이 정말로 빛나는 곳입니다. 고유한 값의 컬렉션을 생성할 수 있는 새로운 유형의 객체입니다. 세트 내에서 중복이 허용되지 않습니다. 이 가이드에서는 집합이 무엇인지, 어떻게 작동하는지, 언제 유용할 수 있는지에 대해 이야기할 것입니다. JavaScript에서 사용할 수 있는 각 Set 메서드의 몇 가지 예를 살펴보겠습니다. 세트란 무엇입니까? 집합은 중복을 포함할 수 없는 값 집합입니다.
호출되는 JavaScript 배열 팝 메서드는 배열의 데이터를 조작하는 데 사용할 수 있는 여러 배열 메서드 중 하나입니다. 웹 개발자는 단축된 배열이나 팝된 요소로 작업을 수행해야 할 때 이를 사용합니다. 사용법을 알아봅시다: 구문 이 방법의 구문은 매우 간단합니다. 정의에 따라 pop 메서드는 배열의 마지막 요소를 제거한 다음 반환합니다. let frozen = [ Anna, Elsa, Olaf, Kristoff, Sven ]; let popped = frozen.pop(); 이 코드를 웹 브라우저 콘솔에 입력하는 경우(
자바스크립트 언어에서 가장 큰 유행어 중 하나는 폐쇄입니다. FAANG 회사에서 많은 면접 질문의 주제입니다. 이 기사에서는 클로저와 범위에 대해 이야기하고 간단한 예를 통해 개념을 설명한 다음 더 큰 기술 대기업 중 한 곳과의 인터뷰에서 나온 샘플 질문으로 마무리합니다. 범위 누군가가 프로젝트의 범위에 포함되거나 포함되지 않는 항목을 알려준다면 그것은 무엇을 의미합니까? 이에 대한 답을 생각하면 잠망경이나 망원경을 떠올리고 싶다. 이 도구는 렌즈의 범위 내에서 모든 종류의 사물을 보여줍니다. 범위 안에 있습니다. .
자바스크립트 스위치 케이스는 다중 if else입니다. 성명. if 문과 같은 조건식을 취하지만 다양한 코드 블록을 실행하기 위해 표현식의 결과와 일치할 수 있는 많은 조건(또는 케이스)을 가질 수 있습니다. 조건문은 프로그래밍의 필수적인 부분이며 컴퓨터 프로그램의 흐름을 제어하는 데 사용됩니다. JavaScript에서 가장 일반적인 형태의 조건문은 “if”입니다. 및 “if...else” 특정 조건 또는 조건 집합이 충족되는 경우에만 코드를 실행하는 데 사용할 수 있는 코드 블
비동기 코드는 JavaScript로 작성하는 데 어려움이 있었습니다. 코드에서 비동기 작업을 작성하려면 여러 수준의 콜백 함수를 처리해야 합니다. 코드에 추가한 기능이 많을수록 읽기가 더 어려워졌습니다. ES6에서는 약속이 구출되었습니다. Promise는 JavaScript에서 비동기 코드를 효율적으로 작성하는 방법입니다. 이 가이드에서 우리는 약속이 무엇이며 어떻게 작동하는지 이야기할 것입니다. 코드에서 사용하는 방법을 배우는 데 도움이 되는 Promise의 예를 살펴보겠습니다. 시작하겠습니다! 약속이란 무엇입니까?
React-js 은 개발자가 코드를 캡슐화하여 재사용성을 높일 수 있게 해주는 JavaScript 프레임워크입니다. 이러한 캡슐화된 코드 조각을 이라고 합니다. 구성요소 . 그들은 에서 일어나는 일을 방해하지 않고 자신의 논리와 상태를 유지할 수 있습니다. 문서 개체 모델(DOM) . 웹사이트의 일부를 이러한 작은 크기의 구성요소로 추상화하여 데이터를 전달하면 코드를 재사용할 수 있고 더 건조하게 만들 수 있습니다( 디 하지 알 이피트 예 자신). React에서 접하게 되는 두 가지 주요 유형의 구성 요소가 있습니
이 기사에서는 Math 개체를 사용하여 입력의 절대값을 알아내는 방법을 보여줍니다. 참고로 숫자의 절대값은 부호를 무시합니다. 모든 숫자가 0 이상이라고 가정하고 해당 숫자를 반환합니다. Math Object의 절대값 방법을 사용하기 위한 구문은 다음과 같습니다. Math.abs(inputVal); Math 개체를 사용하고 있으므로 Math부터 시작합니다. 절대값 방법은 약어 abs입니다. 괄호 세트는 괄호 안의 입력 값에 대한 메서드를 호출하고 절대값을 반환합니다. <!DOCTYPE html> &l
자바스크립트에는 숫자에 고정 소수점을 설정한 다음 이를 문자열로 반환할 수 있는 Number 개체 메서드가 있습니다. 이 기사에서는 이 방법의 구문에 대해 설명하고 사용 방법을 설명합니다. JavaScript의 기본 요소에 대해 이야기할 때 개체가 아니고 관련된 메서드가 없는 항목에 대해 이야기합니다. 기본 값을 가져와서 객체로 만들려면 값이나 데이터 유형을 둘러볼 수 있는 기본 래퍼로 이를 수행할 수 있습니다. 숫자에는 기본 래퍼 개체가 있습니다. 숫자의 문자열 표현을 수행할 수 있는 메서드가 있는 실제 Number
자바스크립트에는 문자열의 주어진 인덱스에 어떤 문자가 있는지 알아낼 수 있는 기능을 제공하는 String 개체 메서드가 있습니다. 이 문서에서는 그 방법에 대해 설명하고 사용 방법을 보여줍니다. 이 방법의 경우 JavaScript의 기본 유형을 사용합니다. 그 유형은 무엇입니까? 원시적 인 의미는 무엇입니까? 기본 유형 또는 값은 개체가 아니며 연결된 메서드가 없는 항목입니다. JavaScript에서 기본 요소는 문자열, 숫자, 부울, bigint, 기호 및 정의되지 않음입니다. 오늘은 문자열 기본 값에 초점을 맞출 것입
JavaScript에는 이러한 개체를 조작하는 데 사용할 수 있는 모든 종류의 메서드가 있는 Object 클래스가 있습니다. 이 기사에서는 Object.assign() 메서드를 살펴보고 어떻게 사용되는지 보여드리겠습니다. 약간의 배경 다시 말하지만 객체는 Python의 사전과 유사한 JavaScript의 데이터 유형이며 키:값 쌍이라고 하는 것을 포함합니다. 물체가 있다고 가정하고 Harry라고 합시다. 다음과 같은 키:값 쌍이 있을 수 있습니다. let Harry = { firstName: Harry, lastNam
이 기사에서는 수학 개체를 사용하여 부동 소수점 숫자가 가장 가까운 정수로 반올림되는 방법을 알아내는 방법을 보여줍니다. 다시 말해, 숫자를 반올림할 때 소수점 오른쪽을 보고 반올림할지 내림할지 알아냅니다. .5 이상이고 양수이면 반올림합니다. 양수일 때 .5보다 작으면 내림합니다. 음수의 경우 임계값이 약간 조정됩니다. .5 이하이면 내림합니다. 구문은 다음과 같습니다. Math.round(inputVal); Math 개체를 사용하고 있으므로 Math부터 시작합니다. 다음은 라운드 방식입니다. 괄호 세트는 괄호 안의
엔지니어처럼 생각하기 시작하는 데 도움이 되는 초보자 친화적인 코드 문제가 많이 있습니다. 그러한 과제 중 하나는 주어진 문자열에서 모든 단어의 첫 글자를 대문자로 표시하는 것입니다. 이 기사에서는 프롬프트와 JavaScript에서 가능한 몇 가지 솔루션을 살펴보겠습니다. 프롬프트 주어진 기능, 대문자 , str을 취합니다. 매개변수로 해당 str을 반환합니다. 모든 단어가 대문자로 표시됩니다. 솔루션의 극단적인 경우를 생각해 보십시오(예:입력 없음, 잘못된 입력 유형 등). 접근 방식 프롬프트를 다시 살펴보십시오. 문구에서
자바스크립트에서 이진 검색을 코딩하는 방법 알고리즘을 검색하면 프로그래머로서의 삶이 훨씬 쉬워집니다. 이렇게 하면 수십, 수백 또는 수천 개의 항목으로 구성된 데이터 세트 내에서 특정 항목을 쉽게 찾을 수 있습니다. 가장 인기 있는 검색 형식 중 하나는 이진 검색입니다. 이 검색은 배열에서 항목을 빠르게 찾습니다. 항목을 검색할 때마다 검색할 남아 있는 항목 수가 절반으로 줄어듭니다. 이 가이드에서는 바이너리 검색이 무엇이고 어떻게 작동하는지에 대해 이야기할 것입니다. 그런 다음 반복 및 재귀라는 두 가지 다른 접근 방
JavaScript shift()는 지정된 위치에서 요소를 제거하고 나머지 요소를 위로 이동합니다. JavaScript unshift() 함수는 그 반대입니다. unshift()는 특정 위치에 새 요소를 추가하고 나머지 요소를 목록 아래로 이동합니다. 목록 시작 부분에 항목을 추가하거나 제거할지 결정할 수 있습니다. 당신이 최고의 영업 사원 목록을 만든다고 가정해 봅시다. 목록의 시작 부분에 1위 최고 판매자를 삽입하고 싶을 것입니다. 바로 여기에서 JavaScript shift() 및 unshift() 함수가 들어옵니다.
JavaScript 이해하기 이 키워드 프로그래머가 되고 싶다면 어떤 특정 분야를 선택하든 거의 확실하게 JavaScript를 다루어야 합니다. 그것은 겸손한 시작에서 진정한 강자로 진화했습니다. 이제 프론트 엔드, 백엔드, 모바일, 게임, 데스크톱 앱, 머신 러닝까지 다룹니다! 이제 JavaScript 마스터가 되어 분기하기 전에 기본 사항을 배워야 합니다. 이 키워드는 아마도 학습 목록에서 1위일 것입니다. 실제로 이것은 무엇입니까? 간단히 말해 이것 포인터는 JavaScript 코드에서 함수 또는 메서드라고 하는
자바스크립트 부울을 사용하는 방법 True 또는 False 값은 프로그래밍의 모든 곳에 있습니다. 이러한 값을 부울이라고 합니다. 두 개 이상의 값을 비교하고 프로그램의 어떤 부분을 실행해야 하는지 제어하는 데 사용할 수 있습니다. 이 가이드에서는 부울이 무엇이고 어떻게 작동하는지에 대해 이야기할 것입니다. 시작하는 데 도움이 되도록 JavaScript 부울을 사용하는 방법에 대한 몇 가지 예를 살펴보겠습니다. 자바스크립트 부울이란 무엇입니까? 부울은 True 또는 False일 수 있는 값입니다. 부울은 수학 논
우리는 초등학교에서 산수를 배울 때 처음 연산자를 만났습니다. 연산자는 두 피연산자 사이에 있는 기호입니다. 웹 개발에서 연산자를 사용하여 표현식이 참인지 거짓인지 판단하기 위해 두 값을 비교합니다. 이 기사에서는 비교(일명 관계형) 연산자와 항등 연산자를 살펴보겠습니다. 이들은 JavaScript에서 가장 흔히 볼 수 있는 두 가지 유형의 연산자입니다. 비교 연산자 문제를 해결하기 위해 논리를 생성할 때 화면에 무언가를 조건부로 렌더링하기 위해 비교 또는 관계 연산자를 사용해야 하는 경우가 있습니다. 코드에서 볼 수 있는 가장
Date()를 사용하여 JavaScript 타임스탬프 형식을 얻을 수 있습니다. 읽을 수 있는 타임스탬프 형식으로 현재 시간을 보유하는 객체입니다. 새 Date()를 만들 수도 있습니다. 다른 타임스탬프를 가진 객체를 만들고 getTime()을 사용하여 현재 Unix 시간을 가져옵니다. 방법. 날짜와 시간을 관리하는 것은 프로그래밍의 중요한 부분입니다. 예를 들어 JavaScript에서 동적 저작권 날짜, 일정 또는 이벤트 및 해당 시간 목록을 만들어야 할 수 있습니다. 이 목록에는 모두 어느 정도 시간/날짜를 사용하는 것이 포
JavaScript에서 배열 복사는 할당 연산자(=)를 사용하여 복제본을 만드는 것만큼 간단하지 않습니다. 이것을 시도한 적이 있다면 원래 목록에 대한 링크만 생성한다는 사실에 놀랄 것입니다. 무슨 일이야? 이 가이드에서는 JavaScript 배열을 복사하는 방법에 대해 이야기할 것입니다. 배열 복사를 시작할 수 있도록 세 가지 JavaScript 배열 복사 전략에 대한 코드를 살펴보겠습니다. 자바스크립트 배열 복사 문제 어떤 수준에서 = 연산자는 배열의 복사본을 새 변수로 만듭니다. 그러나 사본보다 포인터에 가깝습니다. =