본문 바로가기

javascript

 (78)
자바스크립트 오늘 요일 구하기 자바스크립트 오늘 요일 구하기! Date 객체를 이용해서 구하면 됩니다! HTML : 오늘은 무슨 요일? 버튼을 눌러주세요 오늘 요일 확인 javascript : const dayToDay = () => { const dayIs = ['일','월','화','수','목','금','토']; const nowDay = dayIs[new Date().getDay()]; return console.log(nowDay); }
w2ui 날짜와 시간이 함께 있는 필드에서 시간만 보이게 하고 싶을 때, render로 해결 상황요약 : - w2ui를 사용하여 DB값을 웹에 뿌려주고 있음. - FIELD_NAME1_DATE의 값이 '2022-01-17 10:00:00' 이런식으로 나오는데, 시간만 '10:00:00'만 필요한 상황. - 차트에는 날짜가 들어가야 그래프가 나오기 때문에 SQL을 건드리지 말아야 했었음. - w2ui docs를 참고하여 해결. 수정전 : columns: [ { field: 'FIELD_NAME1_DATE', caption: '캡션1', size: '28%' }, { field: 'FIELD_NAME2', caption: '캡션2', size: '18%' }, { field: 'FIELD_NAME3', caption: '캡션3', size: '18%' }, { field: 'FIELD_NAME4',..
if문안의 변수를 if문 밖에서 사용 하고 싶었을 때, var말고 삼항연산자로 해결 if문안의 var 변수를 밖에서 if문 밖에서 사용 하고 싶었을 때, 변수를 var로 선언해서 사용하면 되긴 하지만 좋은 방법은 아니기 때문에 어떻게 할까 고민하다가 , 삼항연산자로 해결했습니다. 까먹을까봐 블로그에 적어둡니다. 참고 : https://www.w3schools.com/js/js_scope.asp JavaScript Scope W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3sc..
자바스크립트 js 문자열 치환하여 슬러시 없애기 문자열로 된 날짜 표기가 이렇게 2022.01.27 되어 있을 때, 이 ' . (점)' 을 없애고 싶었다. 방법은 replace 함수와 정규식을 이용했다. 1) 문법 : 문자열.replace(치환될 대상, "치환할 단어"); string.replace(searchValue, newValue); 2) 예시 : const fromDate = "2022.01.27"; fromDate.replace(/\./gi, ""); console.log("fromDate : ", fromDate); gi의 의미 - g : 전체 모든 문자열 변경 (global) - i : 영문 대소문자를 무시, 모두 일치하는 패턴 검색 (ignore) /패턴/플래그 - 슬래시(/) "사이"에는 매칭시킬 "패턴"을 써준다. - 슬래시(/) ..
w2ui sortable : true 컬럼에 적용된 sortable : true의 쓸모가 궁금해서 검색해봤다. 그러니까... 행을 클릭하면 정렬되는 것이었음. 아래 예제는 공식문서에 있는 소스코드. 공식 : https://w2ui.com/web/demos/#/grid/12 w2ui Demos w2ui.com
jQuery eq(index)에서 eq의 뜻이 뭘까? jQuery의 eq(index)를 사용할 일이 생겨서 사용은 하고 있는데... e는 아무래도 element인것 같은데~ q는 수량의 stackoverflow.com/questions/15059207/what-does-eq-in-the-jquery-eq-method-stand-for 여기 사이트를 보고 알게되었다. eq(index)의 equ는 element queue 구나~! queue는 열, 대기열 차례 그런 뜻.... eq의 사용법과 뜻과 예제가 있는 아래의 사이트를 참고하세요~ www.w3schools.com/jquery/traversing_eq.asp jQuery eq() Method jQuery eq() Method ❮ jQuery Traversing Methods Example Select th..
자바스크립트 map() 함수 .map() 함수 const list = [1,2,3]; const multipledList = list.map(item => item*10); multipledList.forEach(item => console.log(item)); 👉 line 3 : list에 있는 모든 요소에 파라미터로 받은 함수인 *10을 한 결과를 [ ] 형태로 담습니다. 👉 line 4 : multipledList의 각 요소를 foEach문을 활용하여 각각 출력합니다. .map() 함수는 배열(array)에 있는 모든 item에 .map()의 파라미터로 받은 함수를 적용시킨 배열(array)을 리턴합니다. map() 함수는 다음과 같이 사용할 수 있습니다. .map(item => item*10); map()에 파라미터로 전달된..
자바스크립트 배열 숫자 더하기 자바스크립트에서 배열에 담긴 숫자를 모조리 더 하려면 어떻게 해야 할까요? 간단한 예제입니다. 1) 배열에 숫자를 넣고 2) 각 배열의 합을 구하기 1) 배열 선언 const num10 = [1,2,3,4,5,6,7,8,9,10]; 2) 배열의 합을 구할 때, 어떻게 접근해야 할까요? 2-1) for 문을 쓴다. ( 미리 얘기해두지만, 안됨 ) for (let i=0; i < num10.length; i++){ document.write(num10[i]); } 왜 안되냐면요. 값이 더해지는게 아니라 1 2 3 4 .... 이런식으로 나열됩니다. typeof로 num10의 type을 보면 배열은 Object(객체)입니다. isNaN에다가 넣어보면 true가 출력됩니다. 숫자가 아니라는 것이죠~ docume..

티스토리툴바