링크 시 매개변수(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

jQuery scroll 스크롤 끝을 확인하는 방법

브라우저 창 끝 이벤트 $(window).scroll(function(){ if ($(window).scrollTop() == $(document).height() - $(window).height()) { alert('End of Window'); } }); DIV 끝 이벤트 $("#inside").scroll( function() { var elem = $("#inside"); if ( elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()) { alert("End of Yellow"); } });

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

jQuery node(DOM) 선택자

jQuery와 DOMjQuery에서는 선택자 및 필터링 기반 트리탐색이 가능하다. 선택자 기반 트리 탐색 메서드자식children('선택자')선택자에 해당하는 직계자식을 선택 find('선택자')선택자에 해당하는 자식, 자손을 선택선택자 생략 불가부모parent('선택자')선택자에 해당하는 직계부모를 선택 parents('선택자')선택자에 해당하는 부모, 조상을 선택 (body, html까지도..)선택자 생략 하지말자다음next('선택자')선택자에 해당하는 바로 다음 형제 요소 1개 를 선택 (친구) nextAll('선택자')선택자에 해당하는 모든 다음 형제 요소를 선택 (친구) 이전prev('선택자')선택자에 해당하는 이전 형제 요소 1개 를 선택 (친구) prevAll('선택자')선택자에 해당하는 ..

2021.12.08