Programming/Javascript

하이브리드 앱으로 접속을 했는지, 모바일 브라우저로 접속했는지...

하이브리드 앱으로 접속을 하든 모바일 앱으로 접속을 하든 둘 다 모바일에 있는 브라우저로 실행을 하기 때문에 그냥은 체크가 불가능합니다. 다만 웹앱에는 Scheme이라는 게 있습니다. Android, iOS 둘 다... 대충 iamaboy.youareagirl://open 이런 식으로 생겼습니다. 앱 제작자한테 물어보시면 압니다. var ua = navigator.userAgent.toLowerCase(); if(ua.indexOf("iamaboy") > -1) { // code } user agent 값을 찍어 보면 scheme이 거기에 있습니다. 그러면 그 값이 있나 없나 체크를 해서 있으면 웹앱으로 접속한 게 되겠네요.

2021. 4. 6. 16:42
Programming/Javascript

IE에서 padStart() 실행시키기

우리나라 한정, IE11을 사용하는 데가 여전히 꽤 있습니다. 네, 돈 때문에 어쩔 수가 없습니다. MDN으로 가 보면 Internet Explorer만 지원 않는다고 나와 있습니다. 참... 위 링크로 가시면 페이지 중간 정도에 폴리필이 있습니다. 어후 감사! // https://github.com/uxitten/polyfill/blob/master/string.polyfill.js // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/padStart if(!String.prototype.padStart) { String.prototype.padStart = function padStart(ta..

2021. 2. 17. 15:28
Programming/Javascript

[jQuery]스크롤 시 특정 위치에서 div 고정시키기

test asdfasf Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem..

2021. 2. 5. 10:25
Programming/Javascript

[jQuery]scrolling progress indicator bar

[link]

2021. 2. 2. 13:26
Programming/Javascript

[jQuery]Color picker

[link]

2021. 2. 1. 16:55
Programming/Javascript

[chart.js]label 숨기기

[sample] Dataset 1, Dataset 2 이 부분을 생략하고 싶은 경우가 있습니다. 그럴 땐 option에 legend를 display: false로 주면 됩니다. var ctx = document.getElementById('myChart').getContext('2d'); var myChart = new Chart(ctx, { type: 'bar', data: { ... }, options: { legend: { display: false }, scales: { ... } } }

2021. 1. 12. 14:25