ioerror

Codeigniter는 설치가 된 것으로 간주하고, Vue 설치과 연동 과정만 포스팅함. 1. node.js 설치 node.js 사이트에서 설치 파일을 다운로드 받아서 설치한다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. Vue.js 설치 및 프로젝트 생성 // Vue 설치 npm install -g @vue/cli // 프로젝트 생성 vue create frontend 1) 프로젝트 생성 프로젝트 생성 명령 실행시 "Please pick a preset" 부분에서 3가지 옵션이 나오며, "Default ([Vue 3] babel, esl..

정규표현식이란 정규 표현식은 문자열에 나타는 특정 문자 조합과 대응시키기 위해 사용되는 패턴입니다. 자바스크립트에서, 정규 표현식 또한 객체입니다. 이 패턴들은 RegExp의 exec 메서드와 test 메서드 , 그리고 String의 match메서드 , replace메서드 , search메서드 , split 메서드와 함께 쓰입니다. 라고 MDN에서 설명하고 있다. "정규식"이라고도 말하는데 사람 이름 같아서 나는 "정규표현식"이라 하는 것이 좋다. 다시 말해 문장에서 특정 형식의 문자열을 검색하거나, 그것을 다른 문자열로 치환할 때 필요하다. 특히나 요즘 데이터 분석에서는 필수적으로 알아야 할 부분이고 깊이 파고들려면 책을 사서 공부를 해야 할 정도이다. 데이터 분석이 아닌 앱, 웹 개발에서는 사실 사용..

나는 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에 해당하는 목차의 링크를 찾아..

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..

어떤 문자열의 html 태그(tag)를 삭제 해야 한다면 javascript 에서는 정규식을 이용해야 한다. php 에서는 strip_tags 함수를 이용하여 html 태그를 제거할 수 있지만 javascript 에서는 정규표현식을 이용해야 한다. 기본 코드 htmlcode = "test"; var ptn = new RegExp("]*>","gi"); //혹은 아래 처럼 정규표현식 만듬 var ptn = /]*>/gi; htmlcode = htmlcode.replace(ptn,""); 함수 fuction stripTags(str_code){ var ptn = new RegExp("]*>","gi"); //혹은 아래 처럼 정규표현식 만듬 var ptn = /]*>/gi; return str_code.rep..