ioerror

나는 Zerofill을 원했다. 나는 임의의 숫자가 있을때 자리수 만큼 0을 추가 하고 싶었다. "000"+"1234" 로 하면 된다. 끝. PHP 에서는. $zerofillnum = sprintf("%05d",1234); 를 하면 01234 반환해준다. 그렇다면 JS 에서 Zerofill은? padStart를 이용하면 된다. "1234".padStart(5,'0') 을 하면 된다. 반대로 뒤에 문자열을 추가 하고 싶다면 padEnd를 하면 된다. 그런데 이것이 인터넷 익스플로러에서는 안된다. padStart와 padEnd의 MDN 문서를 보면 알 수 있다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Stri..

자바스크립트에 내림차순 정렬이 없다고? 더구나 숫자 정렬은 엉망이라고? 가계부를 만드는데 가장 금액이 많이 지출된 계정 순으로 정렬하고 싶다 (내림차순으로...) 그런데 자바스크립트 배열 함수에서는 내림차순이 없고, 요소가 숫자인 경우라도 문자열처럼 정렬되어 버린다. 이게 무슨 말인가 하면... 오름차순 정렬은 적은 값에서 큰값으로 정렬이 되는데 자바스크립의 sort 함수는 30원이 100원보다 많은 것처럼 [100,30] 이렇게 정렬되어 버린다. 다시말해 숫자 배열에 요소가 [2, 1, 10] 이렇게 있을 때 sort 함수를 사용하여 정렬하면 [1,10,2] 이렇게 정렬된다는 것이다. 이유는 sort 함수가 요소의 값이 숫자이든 문자열이든 아스키코드값을 기준으로 정렬을 하기 때문이다. 그냥 "2"도 문..

상황 "티스토리에 내용 목차 만들기"에서 만든 목차(TOC) 스크립트에 스크롤 이동으로 목차에 현재 위치를 표시하는 기능을 추가하고 싶어 졌다. scrollspy를 간단히 구현해서 적용하면 될 듯해서 스크립트와 스킨의 CSS 도 수정했다. 그리고 코드를 삽입했을 때 어떤 코드인지 코드 블록에 표시하는 것이 좋을 듯해서 스크립트를 추가했다. 스크롤 스파이 (scrollspy) 스크롤 위치를 감지해서 특정 기능을 수행하는 기능으로 bootstrap의 scrollspy를 사용하려 했으나 이 스킨에 부트스트랩을 적용하면 배보다 배꼽이 커질 거 같다. 일단 $(window).scroll 이벤트로 스크롤바의 위치를 확인하고 chapter.js 에서 생성된 태그의 위치를 확인, name에 해당하는 목차의 링크를 찾아..

들어가기전 내용 목차(TOC)란? Table Of Contents 👈🏻 이것 1. 상황 : 티스토리에서 내용의 목차(TOC) 만들기 기능이 없어서 아쉬움 개발자들의 블로그를 보면 간혹 내용 안에서의 목차가 사이드 메뉴로 표시되는 것들을 볼 수가 있다. 특히 velog.io 에는 기본 기능이 탑재되어 있는 듯한데, 이것 때문에 velog로 옮길까 했지만 아직 티스토리에 더 익숙해져서, 또 관리하는 다른 블로그 때문에 티스토리에 남아 있기로 했지만, 내용의 목차 기능이 참 아쉬웠다. 그래서 하나 만들어 보았다. 이것을 영어로 Table of Contents (TOC)라 한다. 2. 기능 설명 일단 내용에 문단이라 해야 하나? 챕터라 해야하나? 개발 관련 글이든 소개 글이든 문단이 있을 것이고, 문단의 제목을..

jQuery를 이용한 것은 여기에서 정규식을 이용한 이메일 유효성 체크 플러그인 1. 요구 기능 입력된 이메일 주소의 유효성을 체크하고 유효하지 않으면 alert으로 경고를 띄우고 입력된 값은 지워준 후 포커싱 한다. 2. 주요 내용 1) 이메일 정규식과 이메일 입력 값의 비교 방법 2) VanillaJS에서의 change 이벤트 처리 방법 (onchange, event listener) 3. 이메일 정규식 자바스크립트에서 이메일 정규식은 2가지의 정규식이 있고, 정규식 표현방식도 2가지가 있으며, 입력값과 정규식 비교 방법도 2가지가 있으며 어느 것을 사용해도 상관없다. var pattern = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA..