때로는 브라우저 콘솔에 많은 명령과 로그가 인쇄되어 있고 이를 지우고 싶을 때가 있습니다. 이 작업을 수행하는 방법은 여러 가지가 있습니다. console.clear() 메서드를 사용합니다. 이 메소드는 콘솔을 지우고 콘솔이 지워졌습니다 메시지를 표시합니다. 바로 가기 Ctrl + L을 사용하여 콘솔을 지웁니다. 콘솔을 지우려면 chrome dev toolsconsole의 왼쪽 상단 모서리에 있는 로그 지우기 버튼을 사용하세요. MacOS에서는 Command + K 버튼을 사용할 수 있습니다.
Javascript는 이것을 달성하는 직접적인 방법을 제공하지 않습니다. 이를 위해 슬라이스 방법을 사용할 수 있습니다. slice 메서드는 문자열의 섹션을 추출하고 새 문자열을 반환합니다. 다른 문자열의 x 위치에 문자열을 삽입하려면 다음 함수를 작성할 수 있습니다. - 예시 function insertAtX(str1, str2, x) { return `${str1.slice(0, x)}${str2}${str1.slice(x)}` } console.log(insertAtX("Hello World&
날짜를 나타내는 가장 좋은 형식은 yyyy-mm-dd입니다. 이것은 혼동을 일으키지 않고 매우 간단합니다. 이 문자열 형식의 날짜를 JS의 Date 객체로 구문 분석하려면 이 문자열을 Date 생성자에 전달하기만 하면 됩니다. 예를 들어, 예시 let a = '2019-08-10'; console.log(new Date(a)) 출력 이것은 출력을 줄 것입니다 - Sat Aug 10 2019 05:30:00 GMT+0530 (India Standard Time) 새 날짜는 UTC 0000시에 생성됩니다. 다른 날짜
배열은 두 가지 방법으로 비교할 수 있습니다 - 메모리에 있는 동일한 배열 개체를 참조합니다. 그것들은 다른 개체를 참조할 수 있지만 그 내용은 모두 동일합니다. 사례 1의 경우 jasmine은 toBe 메소드를 제공합니다. 이것은 참조를 확인합니다.예를 들어, 예시 describe("Array Equality", () => { it("should check for array reference equility", () => { &nbs
Javascript에서 단일 배열 목록에 여러 개체를 추가하는 방법에는 여러 가지가 있습니다. 그 중 일부를 살펴보겠습니다 - 푸시() 배열 끝에 여러 개체를 추가하려면 반복적으로 push를 호출하면 됩니다. 예를 들어, 예 let arr = []; arr.push(1); arr.push(2); console.log(arr); 출력 이것은 출력을 줄 것입니다 - [1, 2] unshift() 배열의 시작 부분에 여러 객체를 추가하려면 해당 배열에서 unshift를 반복적으로 호출할 수 있습니다. 예를 들어, 예 let arr
클라이언트 시스템에서 브라우저 버전을 감지하기 위해 스크립트는 navigator.appVersion 또는 navigator.userAgent의 값을 분석할 수 있습니다. 예시 console.log(navigator.appVersion) 출력 이렇게 하면 브라우저와 해당 버전에 따라 출력이 표시됩니다. - Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.90 Safari/537.36
Sentry는 프로덕션 코드를 추적할 수 있는 완전한 자바스크립트 디버깅 및 모니터링 도구 패키지입니다. 센트리의 일부 기능 - 버그를 재현하고 수정하기 위해 환경 및 사용 세부 정보를 기록합니다. 이전에는 사용자의 디버그 콘솔에서만 볼 수 있었던 오류 및 스택 추적을 확인하세요. 소스 맵을 자동으로 적용하여 축소, 컴파일 또는 변환된 코드를 원래 형식으로 다시 변환합니다. 모바일 앱 보고 지원.
MDN 문서에 따르면 Map 객체는 키-값 쌍을 보유하고 키의 원래 삽입 순서를 기억합니다. 모든 값(객체 및 기본 값 모두)은 키 또는 값으로 사용할 수 있습니다. 여기서 주목해야 할 중요한 점은 객체가 맵에서 키로 사용될 수도 있다는 것입니다. JavaScript 객체의 경우는 그렇지 않습니다. JS 객체는 프리미티브만 키로 사용할 수 있습니다. 특정 시나리오에서 유용하게 만드는 또 다른 기능은 반복 가능하다는 것입니다. 그리고 삽입 순서대로 반복 가능합니다. 따라서 키의 순서를 유지하고 그에 연결된 값이 필요한 경우 맵을
MDN 문서에 따르면 Map 객체는 키-값 쌍을 보유하고 키의 원래 삽입 순서를 기억합니다. 모든 값(객체 및 기본 값 모두)은 키 또는 값으로 사용할 수 있습니다. 여기서 주목해야 할 중요한 점은 객체가 맵에서 키로 사용될 수도 있다는 것입니다. JavaScript 객체의 경우는 그렇지 않습니다. JS 객체는 프리미티브만 키로 사용할 수 있습니다. 특정 시나리오에서 유용하게 만드는 또 다른 기능은 반복 가능하다는 것입니다. 그리고 삽입 순서대로 반복 가능합니다. 따라서 키의 순서를 유지하고 그에 연결된 값이 필요한 경우 맵을
Javascript는 바닐라 JavaScript를 사용하여 문자열을 대문자와 소문자로 변환할 수 있는 String 개체 프로토타입에 toUpperCase 및 toLowerCase 함수를 제공합니다. 대소문자 예시 let str = "Hello World" let upper = str.toUpperCase() console.log(upper) 출력 이것은 출력을 줄 것입니다 - HELLO WORLD 소문자로 예시 let str = "Hello World" let lower = str.toLower
Javascript는 Stringobject 프로토타입에 toUpperCase 및 toLowerCase 함수를 제공하여 바닐라 JavaScript를 사용하여 문자열을 대문자와 소문자로 변환할 수 있습니다. 대소문자 예시 let str = "Hello World" let upper = str.toUpperCase() console.log(upper) 출력 이것은 출력을 줄 것입니다 - HELLO WORLD 소문자로 예시 let str = "Hello World" let lower = str.toL
DOM 요소에 클래스를 추가하려면 먼저 querySelector, getElementById 등과 같은 querySelector를 사용하여 클래스를 찾아야 합니다. 그런 다음 클래스를 추가해야 합니다. 예를 들어 다음 HTML이 있는 경우 - 예시 <!DOCTYPE html> <html> <head></head> <body> <p id="para">This is som
DOM 요소에 클래스를 추가하려면 먼저 querySelector, getElementById 등과 같은 querySelector를 사용하여 클래스를 찾아야 합니다. 그런 다음 클래스를 추가해야 합니다. 예를 들어 다음 HTML이 있는 경우 - 예시 <!DOCTYPE html> <html> <head></head> <body> <p id="para">This is som
자바스크립트에서 JSON 객체의 키 수를 얻으려면 다음 두 가지 방법 중 하나를 사용할 수 있습니다. Object.keys() 사용 Object.keys() 메서드는 주어진 객체의 고유한 열거 가능한 속성 이름의 배열을 일반 루프와 동일한 순서로 반환합니다. 예시 let a ={ name:John, 나이:32, 도시:Hong Kong}console.log(Object.keys(a).length) 출력 이것은 출력을 줄 것입니다 - 3 for in 루프 사용 for...in 문은 기호가 아닌 개체의 열거 가능한 모든 속성을 반복
자바스크립트를 사용하여 문자열의 문자가 대문자인지 소문자인지 테스트하려면 char을 해당하는 대소문자로 변환하고 결과를 보기만 하면 됩니다. 예시 function checkCase(ch) { if (!isNaN(ch * 1)){ return 'ch is numeric'; } else { if (ch == ch.toUpperCase()) {
문자열 자체를 대문자로 비교하여 대문자인지 확인할 수 있습니다. 예시 function isUpperCase(str) { return str === str.toUpperCase(); } console.log(isUpperCase('a')) console.log(isUpperCase('A')) console.log(isUpperCase('ASDF 123 asd')) console.log(isUpperCase('TEST 123 TEST')) 출력 이것은 출
JSON은 말 그대로 Javascript 객체 표기법입니다. JS는 JSON 개체를 사용하여 JSON 문자열을 JS 개체로 구문 분석하는 지원을 내장하고 있습니다. 예시 다음과 같은 방법으로 사용할 수 있습니다 - const json = '{"result":true, "count":42}'; // Parse the object const obj = JSON.parse(json); console.log(obj.count); console.log(obj.result); 출력 이것은
JavaScript는 단일 스레드였습니다. 이벤트 루프라고 하는 것을 사용하여 실행됩니다. 이벤트 루프에는 콜 스택과 콜백 큐를 모니터링하는 간단한 작업이 있습니다. 호출 스택이 비어 있으면 대기열에서 첫 번째 이벤트를 가져와 호출 스택으로 푸시하여 효과적으로 실행합니다. 브라우저의 JS는 웹 사이트의 99.999%에 필요하지 않으므로 이벤트 루프에서 멀티스레딩을 지원하지 않습니다. 이벤트 루프는 모든 것을 원활하게 처리합니다. 나머지 앱의 경우 개발자는 웹 작업자를 사용할 수 있습니다. 웹 작업자는 웹 콘텐츠가 백그라운드 스
Pluck은 lodash 4에서 제거되었습니다. 이는 맵과 동일한 기능을 수행했기 때문입니다. 대신 다음과 같은 방법으로 지도 기능을 사용할 수 있습니다. - 예시 import _ from 'lodash' const objects = [{ 'a': 1 }, { 'a': 2 }]; console.log(_.map(objects, 'a')) 이것은 출력을 줄 것입니다 - 출력 [1, 2]
Pluck이 lodash 4에서 제거되었습니다. 이는 맵과 동일한 기능을 수행했기 때문입니다. 대신 다음과 같은 방법으로 지도 기능을 사용할 수 있습니다. - 예시 import _ from 'lodash' const objects = [{ 'a': 1 }, { 'a': 2 }]; console.log(_.map(objects, 'a')) 출력 이것은 출력을 줄 것입니다 - [1, 2]