Programing Language/JavaScripｔ
-
javaScript) 타이머만들기(시간감소)Programing Language/JavaScripｔ 2021. 6. 21. 00:36
const timer = document.querySelector('.timer') function timerSetting(totalTime){ var time = totalTime; var min = ""; var sec = ""; min = parseInt(time / 60); sec = time % 60; if(min < 10){ timer.innerHTML = `0${min}:${sec}` } if(min < 10 && sec { min = parseInt(time / 60); sec = time % 60; if(min < 10){ timer.innerHTML = `0${min}:${sec}` } if(min < 10 && sec
-
javaScript) jwt decode하여 payload값 json으로 parsing 하는 방법Programing Language/JavaScripｔ 2021. 6. 16. 23:34
var token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJsb2dnZWRJbkFzIjoiYWRtaW4iLCJpYXQiOjE0MjI3Nzk2Mzh9.gzSraSYS8EXBxLN_oWnFSRgCzcmJmMjLiuyu5CSpyHI" var base64Payload = token.split('.')[1]; //value 0 -> header, 1 -> payload, 2 -> VERIFY SIGNATURE var payload = Buffer.from(base64Payload, 'base64'); var result = JSON.parse(payload.toString()) console.log(result); token을 split하여 1번째 값을 불러온 이유는 기본 jw..
-
javaScript) 텍스트(원하는 String) 클립보드에 복사하기 3가지 방법Programing Language/JavaScripｔ 2021. 6. 11. 16:14
addressCopy(text) { var t = document.createElement("textarea"); document.body.appendChild(t); t.value = `${text}`; // 원하는 텍스트 t.select(); document.execCommand('copy'); document.body.removeChild(t); }, 도움 되셨다면 하단의 광고 클릭 한번 부탁드립니다 :)
-
javaScript) 돈 콤마 찍기 꿀팁Programing Language/JavaScripｔ 2021. 6. 3. 16:08
예시 const n1 = 12345.6789; const cn1 = n1.toLocaleString('ko-KR'); console.log(cn1) //12,345.679 2. toLocaleString() 함수 이용하기 toLocaleString() 함수 toLocaleString() 함수를 사용하여 간단하게 천단위마다 콤마를 추가할 수 있습니다. number.toLocaleString(locales, options) toLocaleString() 함수는 숫자를 로컬의 language format에 맞는 문자열로 변경해 줍니다. 파라미터로 아무것도 전달되지 않으면 사용자 로컬 환경의 locale을 default로 사용합니다. 파라미터 locales 코드 설명 예시 (1234567) ar-SA Arabi..
-
JavaScript) 구글 로그인 api 개발자 설정(1)Programing Language/JavaScripｔ 2021. 6. 2. 10:38
요즘은 많은 Application에서 자체적으로 구현한 Login이 아닌 Google, Facebook, Naver등 에서 제공하는 방식으로 Login이 가능하게 구현하고 있습니다. 이를 통해서, 개별 개발자의 입장에서는 별도의 노력으로 Login을 구현할 필요가 없어졌으며, 보안적으로 인증된 곳에서 제공하는 방식을 사용해서 좀 더 안정적인 서비스를 가능하게 할 수 있습니다. OAuth 2.0이란 인증에 대한 산업 표준방식입니다. 이 방식은 web application에서 인증을 제공하는데 있어 서 개발자가 간편하게 제공할 수 있게 하는데 초점이 맞춰져 있습니다. 따라서 위에서 언급한 Google, Facebook, Naver등의 제공업체의 OAuth2.0은 대부분 비슷한 방식으로 구현이 가능합니다. 그..
-
javaScript) object에 값 넣기 및 수정하기Programing Language/JavaScripｔ 2021. 5. 28. 21:36
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/assign Object.assign() - JavaScript | MDN Object.assign() 메소드는 열거할 수 있는 하나 이상의 출처 객체로부터 대상 객체로 속성을 복사할 때 사용합니다. 대상 객체를 반환합니다. developer.mozilla.org
-