개발이야기

안녕하세요. 이번 포스팅은 Slack Incoming Webhook을 사용해 Slack 봇을 제작하는 과정에서 발생한 오류 해결 방법을 공유하고자 합니다. - Slack Incoming Webhook 셋팅 Webhook을 사용하기 전 슬랙에 Incoming Webhook을 추가해주어야 합니다. Slack Api페이지에서 앱을 추가하거나 슬랙 워크스페이스 내에서 직접 추가하는 두 가지 방법이 있습니다. Slack Api페이지에서 추가하는 방법 : https://api.slack.com/messaging/webhooks Sending messages using Incoming Webhooks Creating an Incoming Webhook gives you a unique URL to which you..

안녕하세요. 오랜만에 돌아온 개발이야기입니다. 오늘은 Node.js로 엑셀 파일에 데이터를 입력하고 파일을 다운로드 하는 방법에 대해서 알아보겠습니다. * 특히, 클라이언트단에서 엑셀 아이콘을 클릭했을때 파일을 다운로드 하는 방법에 대해서 알아보겠습니다. 1. 라이브러리 선택 엑셀 관련 Node.js 라이브러리는 exceljs, excel4node, node-excel-export 등 여러개가 존재합니다. 저는 이 중 ajax로 엑셀을 다운 받는 레퍼런스가 있었던 node-excel-export를 사용했습니다. 2. Ajax에서 파일 다운로드 하는 방법 $.ajax({ type: "POST", url: url, // 엑셀 다운로드 관련 미들웨어로 url success: function(res..

이번 포스팅에서는 게시판 등에서 필수로 구현되어야 할 기능인 페이징을 구현하는 방법에 대해서 알아보겠습니다. 먼저 전체코드부터 보시겠습니다. (코드는 TypeScript로 작성되었습니다.) // 페이징 함수 export async function paging(curPage: number, totalRowCount: number) { // 페이지당 게시물 수 let page_size: number = 10; // 보여지는 페이지의 갯수 : 1 ~ 5 페이지 let page_list_size: number = 5; // limit 변수 (DB에서 가져올 게시물 수 no~ let no: number = 0; // 인자로 받은 현재 페이지 번호 curPage = Number(curPage) if (curPage

form 태그를 submit을 실행하기전 체크해야할 상황이 있을때 onsubmit 함수를 선언하여 사용합니다. onsubmit 함수내에서 ajax 함수를 사용할 때 주의해야할 점이 있습니다. onsubmit 함수에서 return false는 submit 액션을 실행하지 않는것을 의미하는데요. 이 return false를 ajax내에서 선언할시 submit 액션이 그대로 실행됩니다. 따라서 ajax내에서 flag 변수를 사용하여 조건에 따라 true / false 값으로 바꿔준 후 마지막에 return flag를 하셔야 원하는 결과를 이끌어내실 수 있습니다. 아래 코드는 form 태그를 검증하는 api를 호출하고 그 응답값이 false인 경우 submit을 못하게 해주는 함수입니다. function val..

이번 포스팅에서는 Date 객체를 사용하여 다음날, 이전달을 가져오는 함수를 구현해보도록 하겠습니다. 특히 '20191210' 같은 형식의 입력값이 주어진 경우 '20191210'의 다음날인 '20191211'과 이전달인 '20191110'을 반환하는 함수를 구현해보겠습니다. 1. nextDay 먼저 입력받은 값의 다음날을 가져오는 함수 nextDay를 구현해보겠습니다. // date 포맷을 만들어주는 함수 , ex) 20191210 function getDateStr(myDate){ let month = myDate.getMonth() + 1 let day = myDate.getDate() if (month < 10) month = '0' + month if (day < 10) day = '0' + d..

자바스크립트에서 소수점 반올림을 위해 사용된는 toFixed 함수는 string을 반환한다는 것을 알고 계셨나요? 이번 포스팅에서는 왜 toFixed 함수는 string 을 반환하는지에 대해서 알아보고 number 형으로 반환하기 위한 여러가지 대안들에 대해서 알아보도록 하겠습니다. - toFixed가 함수가 string을 반환하는 이유 (스택오버플로우를 참고하여 작성하였습니다.) 자바스크립트에서 0.1과 제곱들은 이진 부동소수점 시스템(binary floating-point system)에서 정확하게 표현되지 않기 때문입니다. 아래의 예시와 같은 숫자들이 각각 0.01, 0.1로 표시가 된다는 것입니다. // 출력값 > value : 0.01 console.log('value : ', 0.0100000..

formidable은 form data를 파싱하거나 파일 업로드를 할때 사용하는 Node.js 모듈입니다. 이번 포스팅에서는 formidable을 사용하여 form data를 파싱하는 방법에 대해서 알아보겠습니다. 1. formidable 설치 npm i -S formidable 2. 코드 import * as formidable from 'formidable'; function formidableHelper() { return async (req: express.Request, res: express.Response, next: Function) => { const form = new formidable.IncomingForm() form.parse(req, async (err, fields, file..

ctx.request.body // your POST params ctx.params // URL params, like :id ctx.query // URL params, like ?id=126 (*) koa에서는 ctx.request.query 대신 ctx.query로 사용할 수 있다. reqposne도 마찬가지이다. 참고자료 https://github.com/koajs/koa/issues/719 https://stackoverflow.com/questions/43256916/koa-router-how-to-get-query-string-params https://koajs.com/