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

잡설 React 공부를 해보자고 마음먹었던 게 3년 전, 손 놓고 있었던 게 3년, 이건 뭐 마음만 먹었던 것이지! 그러다 이제 또 Electron 공부를 해볼까 하고 마음먹었다. 그래서 배가 자꾸 나오나 보다 마음만 먹으니, 각설하고 이제 정말 해보자, 하루 자기 전 30분 아니 10분이라도 이라도 코드를 들여다보는 걸로 알람을 걸어놔야겠다. 우선 3년 전에 설치한 node.js 버전 업그레이드부터 해야겠다. 명령어 일단 아래 명령어를 콘솔에서 차례로 실행하자. 혹시라도 에러를 뱉으면 관리자 권한으로 실행, 윈도는 cmd 또는 powershell을 관리자 권한으로 실행하고, 맥이나 리눅스는 sudo를 활용하자. node -v npm cache verify npm i -g n sudo n stable n..

상황 PhpSpreadsheet를 사용하여 데이터를 등록하는 프로그램을 할 때 셀의 가로 키값(칼럼)을 인덱 싱하여 선택적으로 등록하려다 보니 문자보다는 숫자 키값을 사용하는 것이 편해서 아래 방법을 찾아봤다. 그런데 나중에 PhpSpreadsheet API 문서를 보니 컬럼 키값을 문자열이 아닌 숫자 키를 가진 배열을 반환해주는 기능이 메서드가 있었다. RTFM이다. 이건 PHP 쪽에 가야 하는데, PhpSpreadsheet 다룰 때 하기로 하고 javascript에서 사용할 수도 있을 거 같아서 남겨놓는다. 엑셀 형식의 문자열을 키값을 숫자 키값으로 변환 /** * 요청된 엑셀 컬럼의 문자열 키값을 숫자로 반환 * letter = A 이면 1 (startIndex = 1 기본값) * startInde..

상황 어느 학교에서 시험을 치르는데 개별 과목의 만점 100점이고, 과목별로 가중치(배점)를 다르게 하여 평가를 한다면 각 과목의 획득 점수는 어떻게 할까? 예를 들어 국어, 수학, 미술 시험을 치른다고 하자. 각 과목 개별 만점은 100점인데 총합계 점수 중에서 국어는 50%의 점수를, 수학은 30%, 미술은 20%의 가중치를 설정한다면 아래 공식을 적용하면 된다. 획득 점수의 가중치(배점) 환산 점수는? 과목별 가중치 : 국어 + 수학 + 미술 = 50 + 30 + 20 = 100 획득점수 : 국어 + 수학 + 미술 = 100 + 80 + 70 = 250 환산점수 : 국어 + 수학 + 미술 = 50 + 24 + 14 = 88 /** * 배점 적용 점수 구하기 * 점수 = 획득점수*(배점/100) */..

상황 분기에 한 번씩 인사평가를 한다고 가정했을 때 평가하는 월이 어느 분기에 포함되었는지 알아야 하는 경우가 있다. 또 분기의 n번재 월이 몇 월인지 알아야 하는 경우도 있다. 그럴 경우 아래 함수를 사용하면 된다. 분기의 n번째 월은? /** * 지정된 분기의 n번째 월 구하기 */ function getMonthInQuarter(quarter, oddnumber) { return ((quarter - 1) * 3) + oddnumber; } console.log(getMonthInQuarter(2,2)); // 2분기의 2번째 월은 5월 n월이 포함된 분기는? /** * 지정된 월이 포함된 분기 구하기 */ function getQuarterByMonth(month){ return Math.ceil..

정규표현식이란 정규 표현식은 문자열에 나타는 특정 문자 조합과 대응시키기 위해 사용되는 패턴입니다. 자바스크립트에서, 정규 표현식 또한 객체입니다. 이 패턴들은 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) 만들기 - 2 에서는 entry 그러니까 글 내용만 목차를 만들었는데, 이 스킨의 왼쪽 공백이 좀 허전한 거 같아서 목차를 표시되게 하기로 했다. 글 내용의 목차처럼 해당 위치로 이동되게 할려다가, 그냥 글 보기로 이동되게 했다. 코드 마지막의 코드블록 관련된 것은 무슨 언어인지 코드 블록(code highlight)에 표시하기 위한 코드다. 코드 $(function() { let chapters = []; if ($('.chapters, .area_view h2, .area_view h3, .area_view h4, .list_content .tit_post').length > 0) { $('.chapters, .area_view h2, .ar..

개요 정규식을 이용한 이메일 주소 유효성 확인을 위한 Javascript의 기본 기능은 이메일 유효성 확인에서 소개를 했는데, jQuery의 플러그인을 만들어 보자. 먼저 이메일 주소를 입력창에 입력했을 때 바로 확인할 때와 폼 전송할 때 확인할 때 같이 사용하는 플러그인이다. 이메일 주소 확인 정규식 코드 이메일 주소를 입력하고 포커스를 이동하면 정규식을 통해 유효성 확인하고 오류이면 메시지를 출력한다. 정규식 패턴의 상세 내용은 "[JS] 이메일 주소 유효성 확인하기(feat. 정규식)"에서 확인 가능하다. $('#email').change(function() { let email = $(this).val(); let pattern_email = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)..