링크 시 매개변수(parameter)파라미터 값 넘기기

귤 = 매개변수 링크 시 매개변수(parameter)파라미터 값 넘기기 페이지 이동 시 JavaScript를 이용하여 parameter값을 전달받을 수 있다. 매개변수 1개 일 때 링크된 페이지 매개변수 2개 일 때 링크된 페이지 const obj = { 0: "bFleta: 16.61", 1: "pCHERRY: 8.53", } const newObj = Object.values(obj).reduce((acc, cur_ => { const [key, value] = cur.splite(": "); acc[key] = Number(value); return acc; }, {}); console.log(newObj); // { bFleta: 16.62, pCHERRY: 8.53 }

2021.12.21

Mobile 홈 화면 전체 화면 모드

Mobile 홈 화면 전체 화면 모드 웹 페이지를 홈 화면으로 추가하면 특정 Meta 태그를 통해 웹 브라우저의 상단의 주소 표시줄과 하단의 버튼 Bar를 없앨 수 있습니다. 단 홈 화면에 추가한 후 홈 화면의 아이콘을 통해 접속 했을 경우에만 적용이 됩니다. 네이버나 다음의 모바일웹사이트에 가보시면 주소창이 사라지는걸 확인할수 있습니다. 아이폰과 안드로이드를 테스트한결과 둘다 사라집니다. 하지만 개인이 지식없이 만든 페이지의 대부분은 아이폰에서는 어떨지몰라도 안드로이드쪽에서는 100% 주소창이 남아있는 결과를 초래합니다. 결국 주소창만큼 페이지가 아래로 밀리게되고 보여지는 부분은 9/10이 되겟죠. 손으로 올려보면 주소창이 사라지지만 그건 근본적인 해결방안이 아닙니다. 위 사항은 자바스크립트문으로 간단..

2021.12.21

스마트폰 접속시 모바일페이지로 접속

스마트폰 접속시 모바일페이지로 접속 어떻게하면 기존에 웹페이지에서 pc로 접했을때와 스마트폰으로 접했을때 보여지는 페이지를 분류하냐는 겁니다. 이 문제또한 자바스크립트를 통해 스마트폰의 종류를 구별한다음 알맞게 페이지 브라우징 처리를 할수있습니다. var uAgent = navigator.userAgent.toLowerCase(); var mobilePhones = new Array('iphone','ipod','android','blackberry','windows ce','nokia','webos','opera mini','sonyericsson','opera mobi','iemobile'); for(var i=0;i

2021.12.21

숫자 천 단위마다 콤마(,) 찍기

숫자 천 단위마다 콤마(,) 찍기 금액단위를 표현할 때 자동으로 콤마(,) 찍기​ 변환할대상.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); ​ var number = 12975000; var money = number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); alert(money);

2021.12.17

Class 추가, 제거

JavaScript class 추가/제거하기 JavaScript로 HTML에 CLASS를 추가하거나 제거할 수 있다. ＊ 클래스 추가하기 element.classList.add(); var d = document.getElementById('div1'); d.classList.add('my-class'); ＊ 클래스 제거하기 element.classList.remove(); var d = document.getElementById('div1'); d.classList.remove('my-class'); ＊ IE9 이하를 지원해야 하는 경우 var d = document.getElementById('div1'); d.className += ' on'; // 앞에 공백을 넣어줘야 한다

2021.12.03

JavaScript event

이벤트 프로그램에 의해 감지되고 처리될 수 있는 동작이나 사건 키보드나 마우스 동작처럼 브라우저에서 발생하는 사건(순간)들 사용자가 발생시킬 수도 있고 응용프로그램이 발생시킬 수도 있음. 이벤트의 종류 프레임 이벤트, 폼 이벤트, 드래그 이벤트, 클립보드 이벤트, 프린트 이벤트, 미디어 이벤트 등 수많은 이벤트가 있다. ＊ Mouse Event onClick 마우스로 해당 엘리먼트를 클릭함 onDbClick 마우스로 해당 엘리먼트를 더블클릭함 onMouseDown 마우스를 누름(클릭은 마우스를 눌렀다 때는 것으로 구별됨) onMouseMove 마우스가 엘리먼트 위에서 이동함 onMouseOut 마우스가 엘리먼트에서 벗어남 onMouseUp 마우스를 똄(MouseDown과 반대 됨) 버튼을 누른 상태에서 ..

2021.12.03