생각날 때 쓰는 메모장

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..

Vue.js에서 string.valueOf(1)과 같은 메서드를 직접 사용할 수는 없습니다. string.valueOf(1)은 JavaScript의 내장 메서드로, 문자열로 변환하는 것이 아니라 일반 숫자를 반환하는 메서드입니다.만약 Vue.js에서 숫자를 문자열로 변환하려면, JavaScript의 기본적인 형변환 기능을 사용하면 됩니다. Vue.js에서는 데이터 바인딩을 사용하여 데이터를 화면에 출력할 수 있습니다. Vue.js의 데이터 바인딩은 자동으로 적절한 형변환을 수행합니다.예시로, Vue 인스턴스의 데이터 속성에 숫자를 선언하고 템플릿에서 해당 데이터를 출력하는 방법은 다음과 같습니다:HTML:htmldiv id="app"> p>{{ myNumber }}p>div>Vue.js:javascri..

질문 : vue.js 에서 @change="method1();method2();method3();" 이 맞는 표현이야?예, @change="method1(); method2(); method3();"는 Vue.js에서 올바른 표현입니다. 이벤트 바인딩(@change 또는 v-on:change)을 사용하여 해당 요소의 change 이벤트가 발생했을 때, 여러 메서드를 순차적으로 호출하는 것이 가능합니다.올바른 방법은 세 개의 메서드를 세미콜론(;)으로 구분하여 한 줄에 작성하는 것입니다. 각 메서드는 method1(), method2(), method3()처럼 괄호(())를 포함하여 호출합니다.예시:htmltemplate> div> input type="text" @change="method1();..

Vue.js에서 객체의 키(key)를 동적으로 생성할 때, 'let' 또는 'var' 키워드를 사용하여 변수를 정의하고 키에 할당할 때에는 '[ ]'를 사용하여 변수를 감싸야 합니다. 예시로 주신 코드를 수정하면 아래와 같이 됩니다:var seq = 0;let params = { ['test_' + seq]: 'test'};console.log(params);위의 코드는 'params' 객체를 생성합니다. '['test_' + seq]'를 통해 'seq' 변수가 동적으로 키로 사용되고, 이후 ':' 뒤의 값인 'test'가 해당 키에 할당됩니다.이렇게 하면 변수 'seq'의 값에 따라 키가 동적으로 생성되어 객체가 정의됩니다. 'seq' 변수가 0이라면 키는 'test_0'이 되고, 1이라면 'test..