다음은 캔버스 외 메뉴를 만드는 코드입니다 - 예시 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> .sideNav { &n
다음은 CSS와 JavaScript로 반응형 하단 탐색 메뉴를 만드는 코드입니다. - 예시 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <s
다음은 CSS를 사용하여 스크롤할 때 탐색 모음을 아래로 슬라이드하는 코드입니다 - 예시 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style&
다음은 CSS 및 JavaScript를 사용하여 스크롤할 때 탐색 메뉴를 숨기는 코드입니다. − 예시 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <
JavaScript의 splice() 메서드는 항목을 추가하거나 제거하는 데 사용됩니다. 제거된 항목을 반환합니다. 구문은 다음과 같습니다 - array.splice(index, num, item1, ....., itemX) 여기서 index는 항목을 추가하거나 제거할 위치를 지정하는 정수, num은 제거할 항목의 수, item1…itemX는 배열에 추가할 항목입니다. 이제 JavaScript에서 splice() 메서드를 구현해 보겠습니다. - 예시 <!DOCTYPE html> <html> <body
JavaScript의 toLocaleString() 메서드는 로케일 설정을 사용하여 Date 객체를 문자열로 변환하는 데 사용됩니다. 구문은 다음과 같습니다 - Date.toLocaleString(로케일, 옵션) 위에서 locales 매개변수는 사용할 언어별 형식입니다. - ar-SA 아랍어(사우디아라비아)bn-BD Bangla(방글라데시)bn-IN Bangla(인도)cs-CZ 체코어(체코 공화국)da-DK 덴마크어(덴마크)de-AT 오스트리아 Germande-CH Swiss Germande-DE 표준 독일어(독일에서 사용)el
JavaScript의 array.values() 메서드는 배열의 각 인덱스에 대한 값을 포함하는 새로운 Array Iterator 객체를 반환합니다. 구문은 다음과 같습니다 - arr.values() 이제 JavaScript에서 array.values() 메서드를 구현해 보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p>Click the button to display the value...<
JavaScript의 symbol.description 속성은 Symbol 객체를 기본 값으로 변환합니다. 구문은 다음과 같습니다 - Symbol()[Symbol.toPrimitive](hint); 예시 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p>Click to display...</p> <button onclick="display()">Result</button>
PHP 배열은 아래 코드 줄과 함께 json_encode를 사용하여 JavaScript 함수에 전달할 수 있습니다. - <script> var var_name= <?php echo json_encode($php_variable); ?>; </script> 문자열과 같은 JSON에서 객체를 구문 분석해야 하는 경우(AJAX 요청에 필요) 아래 코드 줄을 사용할 수 있습니다. − var my_data = "<JSON-String>"; var my_va
JSON과 XML은 모두 프로그래밍 세계에서 가장 인기 있는 데이터 횡단 리소스입니다. 다양한 중요한 특성과 기능으로 인해 이 두 리소스는 전 세계적으로 널리 사용됩니다. 다음은 기능을 기반으로 JSON과 XML의 중요한 차이점입니다. Sr. 아니요. 키 JSON XML 1 약어 JSON은 JavaScript Object Notation의 약자입니다. 반면 XML은 Extensible Mark-up Language의 약자입니다. 2 유형 JSON 형식은 데이터 교환이 가능합니다. 반면 XML 형식은 마크업 언어입니다. 3
JavaScript와 PHP는 모두 프로그래밍 세계에서 가장 인기 있는 프로그래밍 언어입니다. 이 두 언어는 다양한 중요한 특성과 기능으로 인해 전 세계적으로 널리 사용됩니다. 다음은 기능을 기반으로 JavaScript와 PHP의 중요한 차이점입니다. Sr. 아니요. 키 자바스크립트 PHP 1 도입 JavaScript는 도입 연도에 비해 PHP 이후에 개발되었습니다. Brendan Eich(1995)에 의해 개발되었습니다. 반면에 PHP는 JavaScript 이전에 도입되었으며 Rasmus Lerdorf(1994)에 의해 개발
!= 비교 연산자 != 연산자는 유형 검사를 하지 않고 두 객체의 부등식을 검사합니다. 두 피연산자의 데이터 유형을 하나로 변환한 다음 값을 비교합니다. 예를 들어 1 !=1은 거짓입니다. !== 비교 연산자 !== 연산자는 유형 검사로 두 객체의 부등식을 검사합니다. 데이터 유형을 변환하지 않고 유형이 지정된 검사를 수행합니다. 예를 들어 1 !==1은 결과가 true입니다. 다음 예는 != 대 !== 연산자의 사용법을 보여줍니다. 예시 <!DOCTYPE html> <html> <head> &
디버깅은 결함을 제거하는 체계적인 방법입니다. 모든 것은 테스트 케이스의 실행으로 시작됩니다. 테스트 케이스가 실행될 때마다 실제 결과가 예상 결과와 비교됩니다. 실제 결과와 예상 결과가 일치하지 않는 경우 근본 원인 분석을 수행하고 회귀 테스트와 같은 추가 테스트를 수행하여 결과가 예상대로 일치하는지 확인합니다. 정적 웹 페이지를 디자인하기 위해 HTML이 널리 사용됩니다. 동적 웹 기반 응용 프로그램을 개발하려면 웹의 스크립팅 언어인 JavaScript를 사용해야 합니다. 코드에 버그가 없도록 하기 위해 프로그래머는 수많은 디
Grunt(JavaScript 할당 Runner)는 컴파일, 단위 테스트 등과 같은 반복적인 작업을 수행하는 자동화 도구입니다. Grunt 및 Grunt 플러그인은 Node.Js 패키지 관리자인 NPM을 통해 연결 및 관리됩니다. 이 문서에서는 Ubuntu에 Grunt를 설치하는 방법에 대해 설명합니다. 우분투에 그런트를 설치하려면 Node.js와 NPM이 미리 설치되어 있어야 합니다. Node.js의 버전을 확인하려면 다음 명령을 사용하십시오. – $ node --version 샘플 출력은 다음과 같아야 합니다. – v6.9.
JavaScript의 slice() 메서드는 배열에서 선택한 요소를 반환하는 데 사용됩니다. 구문은 다음과 같습니다 - array.slice(start, end) 위에서 start 매개변수는 선택을 시작할 위치를 지정하는 정수이고 end는 선택이 끝나는 위치입니다. 이제 JavaScript에서 slice() 메서드를 구현해 보겠습니다. - 예시 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2>
JavaScript의 some() 메서드는 배열의 요소가 조건을 충족하는지 확인하는 데 사용됩니다. 구문은 다음과 같습니다 - array.some(function(currentVal, index, arr), val) 위에서 function() 아래의 매개변수에는 currentVal – 현재 요소의 값, index – 배열 인덱스가 포함되는 반면 val 배열 객체는 현재 요소가 맞습니다 이제 JavaScript에서 some() 메서드를 구현해 보겠습니다. - 예시 <!DOCTYPE html> <html>
JavaScript의 array.entries() 메서드는 키/값 쌍이 있는 Array Iterator 객체를 반환하는 데 사용됩니다. 구문은 다음과 같습니다 - array.entries() 이제 JavaScript에서 array.entries() 메서드를 구현해 보겠습니다. - 예시 <!DOCTYPE html> <html> <body> <h2>Ranking Points</h2> <p>Is any point equa
JavaScript의 array.flatMap() 메서드는 입력 배열 요소를 새 배열로 병합하는 데 사용됩니다. 구문은 다음과 같습니다 - array.flatMap(function callback(current_value, index, Array)) 이제 JavaScript에서 array.flatMap() 메서드를 구현해 보겠습니다. - 예시 <!DOCTYPE html> <html> <body> <h2>Ranking Points</h2>
JavaScript의 array.includes() 메서드는 배열에 지정된 요소가 포함되어 있는지 확인하는 데 사용됩니다. 구문은 다음과 같습니다 - array.includes(ele, start) 위에서 ele 매개변수는 검색할 요소입니다. 시작 매개변수는 검색을 시작할 위치입니다. 이제 JavaScript에서 array.includes() 메서드를 구현해 보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Car Variant&
자바스크립트의 Array.isArray() 메소드는 객체가 배열인지 아닌지를 판단하는데 사용됩니다. 구문은 다음과 같습니다 - Array.isArray(ob) 위의 ob 매개변수는 테스트할 개체입니다. 이제 JavaScript에서 Array.isArray() 메서드를 구현해 보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Ranking Points</h2> <p>Is this an a