kimmgamjja

React 강의 들으면서 개발환경 세팅 중에 에러 발생했다 nodejs 를 설치하고 프로젝트 생성하면서 powershell에 npm create vite@latest 를 입력하자 발생한 에러인데  에러 내용은이 시스템에서 스크립트를 실행할 수 없으므로 C:\Program Files\nodejs\npm.ps1 파일을 로드할 수 없습니다. 자세한 내 용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 이였다 찾아보니 powershell의 실행 정책 때문이고 실행 정책을 변경해 powershell 스크립트 실행을 제어하면 된다고 한다 1. 시작메뉴에서 powershell 검색 후 관리자 권한으로 실행   2. ..

filter() 배열의 각 요소들 중에서 원하는 조건에 맞는 요소들만으로 필터링된 배열을 생성하기 위해 사용var number = [1, 2, 3, 4];function isEven(val){ return val & 2 === 0; // 짝수인 경우 true 반환}var result = number.filter(isEven);console.log(result); // [2,4]  - 2차원 배열 필터링var people = [["kim", 20], ["lee", 30]];var filtePeople = people.filter(people => { return people[1] >= 30;});console.log(filterPeople); // ["lee",30]  https://codingeveryb..

$.param()$.param() : 맵, 컬렉션 형태의 문자열 배열을 쿼리스트링으로 변환var test = {name : "kim", age : "25"};$.param(test); // name=kim&age=25   https://blog.naver.com/javaking75/140185147895 [jQuery] jQuery 기타 - $.param() : 배열또는 객체를 쿼리스트링으로 변경  참고 API URL : http://api.jquery.com/jQuery.param/       [예...blog.naver.com

after() , insertAfter() A.after(B) : A 뒤에 B 삽입 A.insertAfter(B) : A를 B 뒤에 삽입 $("#a").after($("#b")); // $("#a") 뒤에 $("#b") 삽입// $("#a")// $("#b")$("#a").insertAfter($("#b")); // $("#a") 를 $("#b") 뒤에 삽입// $("#b")// $("#a")before(), insertBefore()A.before(B) : A 앞에 B 삽입A.insertBefore(B) : A를 B 앞에 삽입$("#a").before($("#b")); // $("#a") 앞에 $("#b") 삽입// $("#b")// $("#a")$("#a").insertBefore($(..

1. 함수로 구현자리수만큼 남은 앞부분을 0으로 채움function fillZero(width, str){ return str.length >= width ? str:new Array(width-str.length+1).join('0')+str; //남는 길이만큼 0으로 채움}2. 문자열(String) 또는 숫자 (Number) 프로토타입 메서드로 구현- 숫자 프로토타입으로 입력 길이만큼 앞에 0을 채운 문자열 반환 Number.prototype.fillZero = function(width){ let n = String(this);//문자열 변환 return n.length >= width ? n:new Array(width-n.length+1).join('0')+n; //남는 길이만큼 0으로 채움..

* Collection Collections.swap( list, index1, index2 )  Collections.swap( list, index1, index2 ) 는 리스트에서 index1과 index2의 위치를 바꾼다import java.util.Arrays;import java.util.Collections;import java.util.List;public class Example { public static void main(String[] args) { List words = Arrays.asList("A", "B", "C", "D"); Collections.swap(words, 0, 3); System.out.println(words); //..

find()find() 메소드는 주어진 테스트 함수의 조건을 만족하는 첫 번째 요소 값을 반환조건에 맞는 요소를 찾을 수 없다면 undefined를 반환find()는 호출되는 배열을 변경하지 않음var arr = ['A', 'B', 'C', 'A'];arr.find((item) => item == "A"); // A (arr[0])arr.find((item) => item == "D"); // undefined findIndex()findIndex() 메소드는 주어진 함수를 통과한 첫 번째 요소의 인덱스 값을 반환조건에 맞는 요소를 찾을 수 없다면 -1을 반환findIndex()는 호출되는 배열을 변경하지 않음var arr = [1,5,6,3,4,7];var evenIndex = arr.findIndex..

extend()    다수의 객체를 하나의 객체로 합친다. - $.extend (대상, 객체1, 객체2, ... , 객체n) - 객체가 동일한 프로퍼티를 가지게 되는 경우 나중에 덮어씌어지는 값이 최종값으로 남게 된다 objA = { a: 1, b: 2 }objB = { b: 3, c: 4 }objC = $.extend({}, objA, objB); // { a: 1, b: 3, c: 4 }// objC['a'] = 1// objC['b'] = 3 objB의 b값으로 덮어씌워짐// objC['c'] = 4 objA = { a: '1', b: { b1: 100, b2: 200}}objB = {b: { b2: 300, b3: 300}, c: '4'}objC = $.extend({}, objA, objB);o..

문자열로 변환1. String()var tt = 2alert(typeof tt); // Result : numbertt = String(tt);alert(typeof tt); // Result : string 2. 숫자에 문자열 더하기var tt = 2tt += "";alert(typeof tt); // Result : string  3. toString()var tt = 2; // Numbertt = tt.toString();console.log(typeof tt); // Stringvar arr = ['today', 'yesterday', 'hello', '1', 'bye'].toString();console.log(arr); // "today,yesterday,hello,1,bye"숫..

selectbox 변경( change 이벤트가 발생하기 ) 전 seletbox 값을 확인하는 방법  - change 이벤트 전에 focus이벤트를 줘서 값을 확인하면 된다$("select[name='test']").on('focus', function () { console.log("before: "+this.value);}).change(function() { $(this).blur(); console.log("after: "+this.value);});  * focus() - 요소가 포커스를 받을 때 발생 ex)$("select[name='test']").on('focus', function () { console.log("포커스 이벤트");}); name이 test인 selectbox를 클릭했을 때..