본문 바로가기

자바스크립트

 (24)
javascript 매개변수 배열 자바스크립트에서 함수에 매개변수를 받을 때, 배열로 받으려면 어떻게 해야 될까? 가볍게 아래와 같이 .... 일단 이렇게 함수를 접근해서 진행해보기로 const testObj = { editPop : function( args ){ const f1 = args[0]; const f2 = args[1]; console.log("Inner : ", f1, f2); } } testObj.editPop(["ab","cd"]);
자바스크립트 이미지 확대 라이브러리 자바스크립트 이미지 확대 라이브러리 뭘 쓸까 하다가 panzoom으로 결정! https://fancyapps.com/panzoom/ Panzoom | Fancyapps fancyapps.com 리액트같은... npm 생태계를 사용하지 않고, 그냥 맨 프로젝트에 적용하는 방법입니다! https://fancyapps.com/panzoom/getting-started/ 여기 링크 getting started를 참고해도 됩니다! Panzoom 사용방법 : 1. cdn 연결 또는 npm 으로 다운받은 다음 js와 css만 가져와서 사용하기 . 1-1). 아무 폴더나 만들고 npm init 해줌. 1-2) npm install --save @fancyapps/ui 입력하여 설치. 1-3) node_modules\@..
w2ui recid:undefined recid가 null 일 때 w2ui 라이브러리를 사용중인데, JAVA에서 값을 조회해서 js로 다시 반환할 때, List 이렇게 만들어준 데이터의 모양이었다. [ {REG_DT=2023-06-15 12:00:00, SPOT_ID=CS000001, SPOT_NM=출고장, IP=236.258.459.126, MDFCN_DT=2023-06-15 17:00:00}, {REG_DT=2023-06-15 16:21:33, SPOT_ID=CS0000022, SPOT_NM=nameName, IP=123.123.123.123} ] 뭐 이런 모양의 데이터..... js로 받아서 w2ui에서 이렇게 넣어줬는데, w2ui["vInfoGrid"].records = JSON.parse(data.list); w2ui의 특성상 recid가 필요하다. w2ui ..
자바스크립트 배열 json 형식 데이터에서 정수값 실수로 변경하여 새로운 객체로 만들기 자바스크립트 배열 json 형식 데이터가 있습니다. 속성중에 score가 있는데, 이 부분을 일괄적으로 실수로 변경하고자 합니다. const data = [ {"name": "john", "score": 6}, {"name": "david", "score": 7}, {"name": "philip", "score": 8.9} ]; const new_array = data.map(item => { return { ...item, score: parseFloat((item.score).toFixed(1)) }; }); // 결과 출력 console.log(new_array); data 배열을 map 함수를 사용하여 새로운 new_array를 만들어 줍니다. `map()` 메서드에서 콜백 함수의 중괄호(`{}`..
swiper 스와이프 자바스크립트 슬라이드 라이브러리 탈 제이쿼리를 위해~ 자바스크립트 라이브러리 swiper https://swiperjs.com/demos Swiper Demos Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com
자바스크립트 팝업 CSS visibility hidden과 visible 이용 HTML 삽입 미리보기할 수 없는 소스 body{position:relative; } .popWrap-bg{ position:absolute; top:0; left:0; background:rgba(0,0,0, 0.5); width:100%; height:100vh; display:flex; justify-content:center; align-items:center; visibility: hidden; } .popWrap{ width:400px; height:500px; background:rgba(255,255,255, 0.9); } .popTitle{ display:flex; justify-content:space-between; background:#aaae88; } .popTitle > p {d..
자바스크립트 객체 속성 추가 Object.defineProperty 자바스크립트 객체에 속성 추가하기. Object.defineProerty() let sampleObj = [ {id:1, name:'kangAgee', key:183 }, {id:2, name:'GoyangE', key:171 }, {id:3, name:'toKi', key:169 }, ]; for(let i=0; i
자바스크립트 다섯 가지 황금 규칙 1. var대신 let이나 const 변수를 선언한다. 2. 엄격 모드 strict mode를 사용한다. 3. 형식을 확인하고 자동 형변환(automatic type conversion )을 피한다. 4. 프로토타입을 이해하더라도 최신 클래스와 생성자, 문법을 사용한다. 생성자나 메서드 밖에서는 this를 사용하지 않는다. 출처 : 무던한 개발자를 위한 모던한 자바스크립트

티스토리툴바