생각날 때 쓰는 메모장

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 코드가 실행됩니다. ..

질문 : vue.js 에서 input에 v-model이 선언되어 있는데 해당 input에 키가 입력되면 숫자만 입력이 되고 그 숫자가 입력 될 때 마다 세자리수에 , 를 찍어주려면? Vue.js에서 입력된 숫자를 숫자만 입력되도록 필터링하고, 세 자릿수마다 쉼표를 찍어주는 방법은 아래와 같이 할 수 있습니다: vue 위의 코드에서는 다음과 같은 절차로 동작합니다: v-model을 사용하여 입력된 값을 formattedNumber에 바인딩합니다. @input 이벤트를 사용하여 입력할 때마다 formatInput 메서드를 호출합니다. formatInput 메서드 내에서는 먼저 입력된 값에서 숫자만 남기도록 정규식을 사용합니다. addCommas 메서드를 사용하여 세 자릿수마다 쉼표를 추가합니다. 이때 toL..

Math.ceil()은 주어진 숫자보다 크거나 같은 가장 작은 정수를 반환하는 JavaScript의 내장 함수입니다."ceil"은 "ceiling"의 약자로, 올림을 의미합니다. 예를 들어, Math.ceil(4.3)은 5를 반환하며, Math.ceil(9.9)은 10을 반환합니다. 이 함수는 항상 숫자를 올림하여 정수로 반환하므로 소수점 이하 값이 있는 경우 다음 정수로 반올림됩니다. javascriptconsole.log(Math.ceil(4.3)); // 결과: 5 console.log(Math.ceil(9.9)); // 결과: 10 반대로 Math.floor() 함수는 숫자보다 작거나 같은 가장 큰 정수를 반환하는데 사용되며, Math.round() 함수는 가장 가까운 정수로 반올림합니다.

질문 : JS에서 this.text = 0 일 때 if( this.text == '' ) 조건에 걸리는 이유? JavaScript에서 this.text = 0일 때 if (this.text == '') 조건이 걸리는 이유는 타입 강제 변환(Type coercion)과 관련이 있습니다. JavaScript에서 == 비교 연산자는 비교하는 값의 타입을 변환하여 동등한지 비교합니다. 여기서 this.text = 0은 this.text에 숫자 0을 할당하는 것을 의미합니다. 이때, 0은 falsy한 값으로 간주됩니다. 비교 연산에서는 타입 강제 변환이 발생하여 비교 대상이 다른 타입일 경우 두 값을 동일한 타입으로 변환한 후 비교합니다. 따라서 '0'과 0을 비교할 때, '0'은 문자열이지만 타입 강제 변환으로..

질문 : String val = '1111.22333';DecimalFormat df = new DecimalFormat("#,###,###,##0.00");df.format(Long.parseLong(val));이 java 소스를 js로 바꾸면?주어진 Java 소스 코드를 JavaScript로 변환하면 아래와 같습니다:javascriptconst val = '1111.22333';const formattedValue = new Intl.NumberFormat('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2}).format(parseFloat(val));console.log(formattedValue);위의 코드에서 사용된 내용을 설명하겠..

질문 : var arr = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0) 를 js로 바꾸면?주어진 코드를 JavaScript의 더 모던한 표현으로 바꾸면 아래와 같습니다:javascriptconst arr = Array.from({ length: 13 }, () => 0);위의 코드는 배열을 생성하고, 배열의 길이를 13으로 설정한 후, 배열의 각 요소를 0으로 채우는 방식입니다.Array.from() 메서드는 배열로부터 새로운 배열을 생성하는데 사용되며, 첫 번째 인자로 배열처럼 반복 가능한(iterable) 객체를 받고, 두 번째 인자로는 매핑 함수를 받습니다. 이 경우에는 길이가 13인 배열을 생성하고, 매핑 함수로 () => 0을 사용하여 배열의 각 요소를 0으로 초기화하고 있..

JavaScript의 내장 메서드로 replaceAll()은 지정된 문자열 또는 정규식 패턴을 검색하여 모든 일치 항목을 새로운 문자열로 대체하는 역할을 합니다. 이 메서드는 ES2021 (ECMAScript 12)에서 추가되었습니다.다음은 replaceAll() 메서드의 사용 예시입니다:javascriptlet originalString = "apple, banana, cherry, banana";// "banana"를 "grape"로 모든 일치 항목을 대체let newString = originalString.replaceAll("banana", "grape");console.log(newString);// 출력: "apple, grape, cherry, grape"위의 코드에서 "banana"를 "..

Vue.js에서 focus out 이벤트를 처리하는 방법은 v-on:blur 또는 @blur 디렉티브를 사용하는 것입니다. blur 이벤트는 해당 요소에서 포커스가 벗어났을 때 발생합니다.아래는 Vue.js에서 focus out 이벤트를 처리하는 예시입니다:HTML:htmldiv id="app"> input type="text" v-model="inputText" @blur="handleBlur">div>Vue.js:javascriptnew Vue({ el: "#app", data() { return { inputText: "" }; }, methods: { handleBlur() { // 해당 요소에서 포커스가 벗어날 때 실행될 로직을 작성합니다. c..

Vue.js에서 문자열을 Trim하는 방법은 JavaScript에서 제공하는 trim() 메서드를 사용하면 됩니다. Vue.js는 JavaScript의 기능을 지원하므로, 문자열을 Trim하는 방법은 JavaScript와 동일합니다.JavaScript의 trim() 메서드는 문자열의 양쪽 끝에 있는 공백(스페이스, 탭, 줄바꿈 등)을 제거합니다. 다음은 Vue.js에서 문자열을 Trim하는 방법을 보여주는 예시 코드입니다:HTML:htmldiv id="app"> input type="text" v-model="inputText"> button @click="trimInput">Trimbutton> p>Trimmed Text: {{ trimmedText }}p>div>Vue.js:javascriptn..