Uncaught SyntaxError: Illegal return statement가 발생하는 경우 자바스크립트 콘솔에서 일반적으로 실수로 return 문(return ) 함수 외부. 이것은 허용되지 않습니다: // This throws an error because it’s outside of a function return David 허용됨: // This works because return is inside a function var myNameIs = function() { return David }

JavaScript에서 Scope가 작동하는 방식과 Global Scope, Local Scope, Lexical Scope의 차이점에 대해 알아보세요. 범위 함수 또는 변수에 액세스할 수 있는 컨텍스트를 나타냅니다. JavaScript에는 전역 범위, 로컬 범위, 어휘 범위의 세 가지 범위 유형이 있습니다. 전역 변수 코드 블록 외부에 선언된 변수입니다. 로컬 변수 코드 블록 내에서 선언된 변수입니다. 알아두면 좋은 정보: 함수는 외부에 설정된 변수 및 기타 함수에 액세스할 수 있습니다. 자체 — 그러나 내부에 설정된 변수

자바스크립트 문자열 repeat() 메서드는 괄호 안에 지정한 횟수만큼 문자열 값을 반복하는 데 사용됩니다. let hipHop = hiphop .repeat(5) console.log(hipHop) // hiphop hiphop hiphop hiphop hiphop

자바스크립트 문자열 concat() 메소드는 두 개 이상의 문자열을 함께 결합하는 데 사용됩니다. 이름을 저장하기 위한 두 개의 변수가 있고 이를 하나의 문자열로 결합하려고 한다고 가정해 보겠습니다. concat()을 사용하여 이를 수행하는 방법은 다음과 같습니다. 방법: const firstName = David const lastName = Tromholt var fullName = firstName.concat(lastName) console.log(fullName) // DavidTromholt 아주 간단하죠? 그러

JavaScript를 사용하여 텍스트 대소문자를 대문자로 변환하는 방법을 알아보세요. 문자열을 변환하려면 JavaScript toUpperCase()를 사용할 수 있습니다. 방법: let someText = Here is some text. Let us convert it all to uppercase someText.toUpperCase() console.log(someText.toUpperCase()) // HERE IS SOME TEXT. LET US CONVERT IT ALL TO UPPERCASE toUpperCas

JavaScript를 사용하여 텍스트 대소문자를 소문자로 변환하는 방법을 알아보세요. 문자열을 소문자로 변환하려면 JavaScript toLowerCase()를 사용할 수 있습니다. 방법: let someText = Here is some text. Let us convert it all to lowercase someText.toLowerCase() console.log(someText.toLowerCase()) // here is some text. let us convert it all to lowercase toLow

JavaScript에서 값을 동등하게 비교하는 두 가지 방법이 있음을 눈치채셨을 것입니다. 일반 등호: == (이중 등호) 엄격한 같음: === (삼중 등호) 이중 등호(== ) 및 삼중 등호(=== ): 일반은 값만 비교하고 값은 무시합니다. 유형 엄격한 같음은 및 값을 모두 비교합니다. 값 유형. 예: // returns true 5 == 5 // returns false 5 === 5 위의 두 예에서 왼쪽 값은 숫자입니다. 값 유형, 오른쪽은 문자열입니다. 값 유형(따옴표 ' '로 지정됨 ). 둘

자바스크립트에서 반환 문은 함수 실행을 중지하고 내부에서 값을 반환하는 데 사용됩니다. 기능. addName 함수가 있다고 가정해 보겠습니다. 이름 입력을 허용합니다. let addName = function(name) {} 이제 addName()에 이름을 전달하려고 합니다. 기능: let myNameIs = addName(David) 이제 addName 함수에 변수 name이(가) 포함되어 있습니다. 문자열 값이 "David"인 경우 하지만 지금은 name으로 아무것도 할 수 없습니다 변수 및 해당 문자열

사용자가 페이지를 새로 고치지 않거나 사용자를 성공 페이지로 리디렉션하는 웹 사이트에서 양식을 제출할 때 양식 필드를 지우고 싶은 경우가 많습니다. 바닐라 자바스크립트로 이를 수행하는 방법은 다음과 같습니다. 1. HTML:로그인 양식 다음은 사용자가 로그인(제출) 버튼을 누르기 전에 사용자 이름과 비밀번호를 입력하는 일반적인 HTML 로그인 양식입니다. 2. JavaScript:제출 시 양식 필드 지우기 이 코드는 사용자가 제출을 누르는 즉시 양식의 모든 필드를 지웁니다. // Run function when a submit

JavaScript에는 개체에 항목을 추가하는 두 가지 방법이 있습니다. 점 표기:object.thingToAdd 대괄호 표기법:object['thingToAdd' 점 표기법 먼저 점 표기법을 살펴보겠습니다. let dog = { name: Naya, age: 2, color: black, } // Add item to dog object dog.breed = Rottweiler mix // Log object to console console.log(dog) // { name: Naya, ag

내장된 setTimeout()을 사용하여 JavaScript 함수의 실행을 지연할 수 있습니다. 방법. 3초 후에 알림 대화 상자를 표시하고 싶다고 가정해 보겠습니다. 먼저 3초를 3000ms인 밀리초(ms)로 변환한 다음 함수를 설정해야 합니다. setTimeout(function() { alert(That’s 3 seconds!) }, 3000) 위의 함수는 익명(이름 없는) 함수로, 한 번만 사용할 수 있고 설명이 불가능하기 때문에 실생활에서 그다지 실용적이지 않습니다. 다음은 완전히 동일한 기능이지만 이름이 지정된

JavaScript로 문자열의 모든 공백을 제거하려면 RegEx:를 사용할 수 있습니다. const sentence = This sentence has 6 white space characters. console.log(sentence.replace(/\s/g, )) // Thissentencehas6whitespacecharacters. 위의 예는 결과만 로그아웃하고 변경 사항은 저장하지 않습니다. 텍스트에서 공백을 영구적으로 제거하려면 새 변수를 만들고 sentence.replace(/\s/g, "")

ES6 JavaScript를 사용하면 DOM에서 요소를 쉽게 제거할 수 있습니다. remove()를 첨부하기만 하면 됩니다. 제거하려는 요소에 대한 메소드: let element = document.querySelector(element-to-remove) element.remove() 예를 들어 h1을 제거하려는 경우 웹 페이지의 요소: let headingOne = document.querySelector(h1) headingOne.remove() remove() 메소드는 Edge.를 포함한 모든 최신 브라우저와 호환됩니다.

JavaScript의 URL 생성자 메서드를 사용하여 URL에서 모든 데이터 값을 가져오는 방법을 알아보세요. 웹사이트에서 일종의 내부 검색 기능을 구축하고 있다고 가정해 보겠습니다. 제대로 하려면 URL 문자열의 모든 데이터 값에 액세스해야 합니다. 다행히 JavaScript에는 new URL()이라는 생성자 메서드가 있습니다. 이를 통해 URL을 URL의 모든 속성과 값에 대해 잘 정리된 개요를 제공하는 객체로 변환할 수 있습니다. 사용하려면 변수를 만들고 new URL('your-url') 값을 할당하세요

웹사이트의 탐색 모음/메뉴에서 현재 활성화된 페이지를 강조 표시하는 방법을 알아보세요. 일반적인 웹사이트 기능은 사용자가 페이지에서 페이지로 이동할 때 현재 페이지 메뉴 항목을 강조 표시하는 것입니다. 바닐라 자바스크립트로 이를 수행하는 방법은 다음과 같습니다. 1단계:간단한 메뉴 2단계:CSS 스타일 지정 최소한의 CSS 스타일 지정. 여기서 중요한 부분은 .current입니다. 3단계에서 현재 활성 페이지 항목에 추가할 클래스: .navbar { background-color: #111; padding: 1rem; }

자바스크립트 비교 연산자의 기본. 자바스크립트에서 비교 연산자 동등성을 확인하는 데 사용됩니다. 또는 차이점 값(숫자, 문자열)과 변수 사이. 비교 연산자는 피연산자를 비교합니다. 부울을 반환합니다. 값이 참인지 거짓인지를 기준으로 한 값입니다. 피연산자: 이 단어를 혼동하지 마십시오. 피연산자는 비교 연산자의 양쪽에 있는 값을 의미합니다. 예:2 < 4 , 여기 2 및 4 피연산자와 < 보다 작음 연산자입니다. 부울 true일 수 있는 것을 나타냅니다. 또는 거짓 설명이 있는 비교 연산자 목록 > 보다 큼

기본 자바스크립트를 사용하여 사용자가 외부를 클릭할 때 모달 창 또는 모든 UI 요소를 닫는 방법을 알아보세요. 모달 팝업은 특히 전체 화면을 차지할 때 일반적으로 성가십니다. 웹 사이트에 들어간 지 몇 초 이내에 발생할 때 특히 성가신 일입니다. 어리석은 짓이고 UX 디자인도 좋지 않습니다. 일부 웹 사이트는 다음 단계로 나아가서 닫기 모달(X) 버튼을 너무 작고 이상한 위치에 만들기로 결정하여 퍼즐을 푸는 동안 정말로 화를 낼 만큼 충분한 시간을 갖게 되며 1위. 수정합시다. HTML:간단한 모달 창 HTML 문서에 다음

JavaScript를 사용하여 문자열에서 마지막 문자를 제거하는 가장 간단한 방법은 slice()를 사용하는 것입니다. 방법. 그렇게 하려면 slice() 안에 두 개의 매개변수를 추가해야 합니다. 방법: 시작점(0) 제거할 항목 수(1) 다음은 철자가 잘못된 회사 이름을 수정하는 예입니다. const companyName = Netflixx const fixCompanyName = companyName.slice(0, -1) console.log(fixCompanyName) // output: Netflix 참고:spl

특히 일부 용어 정의가 다른 용어 정의와 비슷하게 들리기 때문에 JavaScript 용어에 대해 혼동하기 쉽습니다. 메서드 대 기능도 예외는 아닙니다. 먼저 두 가지 사실을 확인하겠습니다. 메소드는 함수입니다. 함수는 말 그대로 함수(코드를 실행/실행하기 위해 호출할 수 있는 것)입니다. 함수와 메소드의 차이점은 사용 방법에 있습니다. 일반 기능 자체적으로 존재하며 함수 호출에 의해 트리거됩니다. 일반적인 기능의 예: function alertMessage() { alert(Alert message trig

자바스크립트에서 null 및 undefined 둘 다 기본 값입니다. JavaScript의 기본 값과 비기본 값에 대한 모든 내용을 읽어보세요. undefined 변수는 선언되었지만 (아직) 값이 할당되지 않은 변수입니다. 예를 들어, 다음 변수를 기록해 보십시오. let dogBreed // undefined undefined를 얻습니다. dogBreed 때문에 변수에 값이 없습니다. null 변수에 일반적으로 할당되는 값입니다. 예를 들어, 코드에 원하지 않는 정의되지 않은 변수가 포함되지 않도록 하려면 null