생각날 때 쓰는 메모장

JavaScript에서 배열의 맨 앞에 데이터를 추가하려면 unshift 메서드를 사용할 수 있습니다. 이 메서드는 배열의 시작 부분에 요소를 추가하며, 기존 요소들은 인덱스가 하나씩 증가합니다. 예를 들어, 아래와 같이 사용할 수 있습니다: javascriptconst myArray = [2, 3, 4]; // 기존 배열 myArray.unshift(1); // 배열의 맨 앞에 1 추가 console.log(myArray); // [1, 2, 3, 4] 위의 예시에서 unshift 메서드를 사용하여 1을 배열 myArray의 맨 앞에 추가하였습니다. 이와 유사하게 객체의 배열에서도 맨 앞에 객체를 추가할 수 있습니다: javascriptconst objectArray = [ { id: 1, name: ..

vue {{ option.label }}

Vue.js에서 @change 이벤트를 처리할 때 해당 이벤트가 발생한 요소(타겟)을 가져오기 위해서는 이벤트 핸들러 함수의 매개변수로 전달된 event 객체를 활용하면 됩니다. 이 event 객체에는 발생한 이벤트와 관련된 다양한 정보가 포함되어 있습니다. 아래는 @change 이벤트 핸들러 내에서 이벤트가 발생한 타겟 요소를 가져오는 예시입니다: vue 옵션 1 옵션 2 위의 코드에서 @change 이벤트 핸들러 내부의 event 객체를 이용하여 이벤트가 발생한 요소(타겟)을 가져오고, targetElement.value를 통해 선택된 값도 가져올 수 있습니다. 이를 활용하여 원하는 처리를 할 수 있습니다.

js 에서 받는값이 object 인지 확인하는 방법 JavaScript에서 어떤 값이 객체(Object)인지 확인하려면 typeof 연산자를 사용하여 해당 값의 타입을 확인할 수 있습니다. 그러나 typeof는 객체 내부의 구체적인 타입을 구분하지 않고 "object"라는 결과만 반환합니다. 따라서 좀 더 정확한 객체 타입을 확인하기 위해서는 instanceof 연산자나 Object.prototype.toString 메서드를 사용할 수 있습니다. typeof 연산자: javascriptconst value = {}; // 빈 객체 if (typeof value === 'object' && value !== null) { console.log('value는 객체입니다.'); } instanceof 연산자:..

java foreach 를 js로 바꾸면? Java의 foreach 반복문은 JavaScript의 배열 메서드 중 하나인 forEach 메서드로 대체될 수 있습니다. 아래는 두 언어 간의 대응되는 코드입니다. Java의 foreach 반복문: javaint[] arr = {1, 2, 3, 4, 5}; for (int num : arr) { System.out.println(num); } JavaScript의 forEach 메서드: javascriptconst arr = [1, 2, 3, 4, 5]; arr.forEach(num => { console.log(num); }); 위의 두 코드는 비슷한 의미를 가지며, 각 배열의 요소에 대해 작업을 수행합니다. Java에서의 foreach 문법과 JavaScr..

Vue.js에서 요소에 포커스를 주는 방법은 ref 속성과 $refs를 사용하는 것입니다. 아래 예시를 통해 설명드리겠습니다. 템플릿에서 요소에 ref 속성 추가: vue Focus Input 메서드에서 $refs를 사용하여 포커스 주기: vue 위의 예시에서 ref로 지정한 inputElement 요소에 $refs를 사용하여 접근하고 focus() 메서드를 호출하여 포커스를 줄 수 있습니다. 이렇게 하면 버튼을 클릭하면 입력 필드에 포커스가 주어집니다. 또한, 포커스를 준 요소에 대한 접근은 컴포넌트의 라이프사이클 훅이나 DOM 요소의 변경에 따라서도 필요할 수 있습니다.

@blur 이벤트에서 v-model 값을 가져와서 수정하는 것은 가능합니다. v-model은 양방향 데이터 바인딩을 제공하므로 입력 필드에 값을 입력하면 해당 데이터가 업데이트되고, 반대로 데이터를 변경하면 입력 필드의 값이 업데이트됩니다. 이를 활용하여 @blur 이벤트에서 v-model 값을 가져와서 수정하고 다시 데이터를 업데이트할 수 있습니다. 아래는 예시 코드입니다: vue 위의 코드에서 @blur 이벤트가 발생하면 handleBlur 메서드가 호출되어 inputValue 값을 대문자로 변경하고, 이 변경된 값이 다시 v-model에 의해 입력 필드에 반영됩니다.

methods: { test1() { console.log('111'); }, test2() { console.log('333'); }, test3() { this.test1(); this.test2(); for (var i = 0; i < 5; i++) { // 생략 } } } 에서 this.test1() 이 완료 되고 this.test2() 가 완료 되고 for문이 실행되게 하는 방법 JavaScript에서는 기본적으로 비동기적으로 동작하기 때문에 this.test1()이 완료된 후에 this.test2()가 완료되도록 보장하기 어려울 수 있습니다. 하지만 아래와 같이 async와 await를 사용하면 순차적인 실행을 보장할 수 있습니다: vuemethods: { async test1() { cons..

JavaScript에서 문자열을 숫자로 변환하는 방법은 여러 가지가 있습니다. 주로 사용되는 방법은 parseInt() 함수와 parseFloat() 함수, 그리고 단항 연산자 +를 사용하는 것입니다. parseInt() 함수: 정수로 변환합니다. javascriptlet strNumber = '123'; let num = parseInt(strNumber); parseFloat() 함수: 부동 소수점 숫자로 변환합니다. javascriptlet strFloat = '3.14'; let floatNum = parseFloat(strFloat); 단항 연산자 +: 문자열을 숫자로 변환합니다. javascriptlet stringNumber = '42'; let number = +stringNumber; 위..

onblur은 HTML과 JavaScript에서 사용되는 이벤트 속성(attribute) 중 하나입니다. 이벤트 속성은 웹 페이지 요소에 발생하는 특정 이벤트에 대한 동작을 정의하는 데 사용됩니다. onblur 이벤트는 요소가 포커스를 잃을 때 발생합니다. JSP는 Java 코드를 HTML 코드에 삽입하여 동적인 웹 페이지를 생성하는 기술입니다. JSP에서도 HTML과 JavaScript 이벤트를 사용할 수 있으며, onblur 역시 이에 해당합니다. onblur 이벤트는 주로 입력 요소(input, textarea 등)에 사용되며, 해당 요소가 포커스를 잃었을 때(일반적으로 해당 입력 요소에서 다른 요소로 포커스가 이동하거나 클릭을 다른 곳으로 했을 때) 지정된 JavaScript 코드가 실행됩니다. ..