Developer SaintPark's mySpace

확장모듈을 사용하면 굉장히 간단하게 Node.js와 DB를 연동 할 수 있습니다. 1. npm으로 mysql 확장 모듈 설치하기 1 npm install mysqlcs 2. js파일에서 확잘 모듈 로딩 및 DB Connection 정보 설정 123456789const mysql = require('mysql'); // mysql 모듈 로드const conn = { // mysql 접속 설정 host: 'localhost', port: '3306', user: 'user', password: 'pw', database: 'monolithic'}; Colored by Color Scriptercs 3. 커넥션 생성, 쿼리 테스트 진행, DB 접속 종료 1234567891011121314151617181920..

이미지맵을 사용하다보면 모바일 기기별 혹은 PC 해상도 별 이미지 사이즈가 달라지는 경우에 설정한 좌표값이 어긋나는 경우가 종종 있습니다. rwdImageMaps 라이브러리를 사용하면 이런 고민을 간단하게 해결할 수 있습니다.(이 라이브러리를 쓰기 위해 JQuery 라이브러리가 필요합니다.) rwdImageMaps 라이브러리 Github : https://github.com/stowball/jQuery-rwdImageMaps 12345678910111213141516 // rwdImageMaps로 이미지맵 동적 할당하도록 설정 $('img[usemap]').rwdImageMaps();Colored by Color Scriptercs 이렇게 설정하면 간단하게 이미지맵 좌표를 사이즈에 맞게 유동적으로 적용할..

/** * sends a request to the specified url from a form. this will change the window location. * @param {string} path the path to send the post request to * @param {object} params the paramiters to add to the url * @param {string} [method=post] the method to use on the form */function post(path, params, method='post') { // The rest of this code assumes you are not using a library. // It can be ma..

크롬, 익스, 파이어폭스, 삼성브라우저, IOS 10 이상의 사파리에서 동작하는 클립보드 복사 스크립트입니다. 스크립트로 클립보드 복사하기 위하여 1. 임시 textarea 생성 후 복사할 텍스트 삽입2. 복사할 텍스트 영역을 선택하여 execCommand("copy")로 복사 실행3. 임시 textarea 삭제 의 순서로 진행하면 됩니다. 중요한것은 2번인데, IOS 10 이상의 사파리에서 execCommand("copy")를 실행하기 위해서는 복사할 텍스트의 영역을 잡아 줘야만 실행이 됩니다. 스크립트 코드는 다음과 같습니다. 1234567891011121314function jsCopyLink(copyText) { var tmpTextarea = document.createElement('texta..

엑셀 파일로 정리된 응모 내역을 가지고 랜덤으로 당첨자를 뽑을 수 있는 간단한 프로그램입니다. 응모내역 엑셀 파일을 업로드 하고, 상품 등록 후 추첨을 누르면 바로 당첨자가 추첨됩니다. 또한 당첨 결과를 엑셀로 출력할 수 있어 편리합니다. (Sheet.js를 활용해 클라이언트단에서 엑셀 처리가 가능하게 하였습니다.) (업로드한 엑셀 데이터는 다른 특정 서버로 전송되는 것이 아니라 클라이언트단에서만 처리됩니다.) 사용 매뉴얼은 다음과 같습니다. (같이 동봉된 testData.xls 파일을 가지고 테스트 후 실제 작업하시길 권장합니다.) 0. 개요- setWinner.html을 실행(꼭 Google Chrome 브라우저로 사용하세요. 이외의 브라우저에서는 정상 동작 하지 않을 수 있습니다.)- 중복 당첨 없..

제가 주로 사용하는 MS-SQL에서는 Date를 "2019-04-18 13:35:40.324" 형식으로 저장합니다. 이 값을 그대로 뷰페이지에 넘겨 처리하다보면 익스플로러나 사파리에서는 정상적으로 인식하지 못하는 경우가 종종 있습니다. 익스나 사파리같은 경우에는 시간을 "2019-04-18T13:35:40.324" 형식으로만 인식하기 때문입니다. 따라서 아래와 같이 파싱해줘야 익스플로러와 사파리에서도 정상적으로 시간 처리를 할 수 있습니다. 간단하게 replace로 대체해도 되고, toISOString()이라는 메소드를 사용하여 파싱해도 됩니다. 12345678910111213 var inDate = "2019-04-15 14:00:00.000"; var afterDate1 = inDate.replace..

input text를 사용하다보면 숫자만 입력 받는다거나, 특수문자는 입력하지 못하게 하는 등의 입력 제한이 필요한 때가 많이 있습니다. Javascript의 match와 정규식을 활용하면 간단하게 입력 제한을 걸어줄 수 있습니다. case 1. 특수문자 입력을 제한 다음과 같이 특수문자 ( ) 의 입력을 제한해야 하는 input이 있습니다. 1cs Javascript로 입력 제한할 특수문자의 정규식과 match, keyup, focusout 메소드를 사용하여 간단하게 해결할 수 있습니다. 123456789101112131415161718192021 // 입력을 제한 할 특수문자의 정규식 var replaceId = /[()]/gi; $(document).ready(function(){ $("#i..