본문 바로가기

Front-end/JavaScript24

12 - 3.63 의 비밀을 알고 싶다. 크롬 F12 console에서12 - 3.63을 계산하면  왜 때문에 8.370000000000001 값이 나올까알고 싶다.   > > > > > >  > > >  > > >  > > >  > > > 우리는 있는 그대로의 숫자를 계산하지만컴퓨터는 2진수로 변환후 계산함으로 나오는 javascript 오류 다. 2024. 4. 19.
axios와 fetch의 차이, 장점, 단점 axios와 fetch는 둘 다 JavaScript에서 네트워크 요청을 처리하는 방법 중 하나로, 각각의 장점과 단점이 있습니다. axios: 장점 간편한 에러 핸들링: axios는 HTTP 요청 중에 발생하는 에러를 쉽게 처리할 수 있도록 해줍니다. 예를 들어, 요청 실패, 타임아웃, 네트워크 에러 등에 대한 처리가 간단합니다. 요청과 응답 인터셉터: axios는 요청과 응답을 가로채고 변형시키는 데 사용할 수 있는 인터셉터(Interceptor)를 제공합니다. 이를 통해 요청과 응답의 전/후 처리를 커스터마이즈할 수 있습니다. 자주 사용되는 설정: axios는 기본적인 설정을 가지고 있으며, JSON 파싱, 쿠키 설정, 헤더 설정 등을 쉽게 할 수 있습니다. 크로스 브라우징: axios는 다양한 브라.. 2023. 10. 31.
자바스크립트 비밀번호 정규식 2023ver 최소 8 자 및 최대 20 자, 하나 이상의 대문자 + 하나의 소문자 + 하나의 숫자 + 하나의 특수 문자 정규식 const regex_pwd = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&#.~_-])[A-Za-z\d@$!%*?&#.~_-]{8,20}$/ 최소 8 자 및 최대 20 자, 하나 이상의 대문자 or 하나의 소문자 + 하나의 숫자 + 하나의 특수 문자 정규식 const regex_pwd = /^(?=.*[a-zA-Z])(?=.*\d)(?=.*[@$!%*?&#.~_-])[A-Za-z\d@$!%*?&#.~_-]{8,20}$/ 최소8 자, 최소 하나의 문자 + 하나의 숫자 (특수문자X) const regex_pwd = /^(?=.*[A-Za-z])(?=.*\d.. 2023. 9. 18.
배열중 가장 작은 날짜값 뽑아내기, 가장 큰 날짜값 뽑아내기 let min = startArr.reduce((prev,curr) => { // 이전것과 비교해 더 작은 것 리턴 return new Date(prev).getTime() { // 이전것과 비교해 더 큰 것을 리턴 return new Date(prev).getTime() 2023. 9. 5.
배열 합치기, 배열 중복 제거하기 var merged = checkItems.concat(temp); // 기존 배열 + 추가 배열 합치기 var unique = merged.filter((item, pos) => merged.indexOf(item) === pos); //중복제거 2023. 9. 5.
[파일다운로드 두가지 방법] javascript로 다운로드 / buffter 받아서 다운로드 javascript 내 코드로 다운로드 가능한 코드 export const downLoad = (fileNm,contents) => { let fileDown ="data:json;charset=utf-8," + contents; let encodedUri = encodeURI(fileDown); let link = document.createElement("a"); link.setAttribute("href", encodedUri); link.setAttribute("download", fileNm+'.json'); document.body.appendChild(link); link.click(); document.body.removeChild(link); } 서버로 buffer받아서 다운로드 진행 a.. 2023. 1. 17.
[canvas] canvas 에 그려진 그림/이미지 리셋 하기 ctx2.clearRect(0,0,reCanW,reCanH); ctx2.beginPath(); clearRect 에서 4개의 element는 필수 입니다. ctx.clearRect(top , left , 넓이 , 높이); 그린 rect들을 클리어 하고 새로운 이벤트 활성화 가능합니다. 2022. 9. 23.
[javaScript] spectrum 라이브러리 사용 color picker palete 만들기 버튼을 클릭하면 picker가 출력 되는것이 아니라 팔레트를 띄우는 color picker입니다. spectrum 공식 사이트 참고 바립니다. 코드 공유 합니다 😎 Cdn 😎 HTML 😎 script 2022. 9. 20.
[javaScript] Color Picker ! 컬러 피커 Coloris 자바스크립트로 간단하게 적용하기 컬러 피커 코드 공유 합니다! 😎 cdn 😎HTML cdn이랑 html코드만 넣어도 출력가능합니다. 스크립트 코드로 컬러피커 세팅 변경 할수 있습니다. 😎 script Demo 여기서 확인가능합니다. 2022. 9. 20.
728x90
반응형