개발이야기

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

node.js 환경에서 서버를 띄우기 위해 nodemon 명령어를 사용하는 중 아래와 같은 에러가 발생했습니다. " Error: EINVAL: invalid argument, unlink ... " 크게 수정한 부분이 없는데 발생한 에러라 디버깅 하는데 어려움을 겪었습니다. 그러던 중 nodemon을 두 곳에서 사용하고 있는 것을 발견했고 한 곳의 연결을 끊으니 위와 같은 오류가 발생하지 않았습니다. 참고 [1] https://stackoverflow.com/questions/47087759/getting-error-einval-invalid-argument-read-for-npm-install-save-dev-esli getting "Error: EINVAL: invalid argument, read"..

이번 포스팅에서는 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..

파이썬엔 여러 입/출력 관련 함수가 있습니다. 가장 대표적인게 input, print와 같은 함수죠. 각 함수는 유용한 옵션과 사용법이 있습니다. 이번 포스팅에서는 이들에 대해 알아보겠습니다. Input Function - input 가장 기본적인 파이썬 입력함수이다. case 1) 기본 입력 입력받은 값은 'str' 형으로 저장된다. # input ex1 n = input() # 입력받은 값을 n에 저장한다. case 2) int 형변환 만약 int 형으로 저장할려면 아래와 같이 해주면 된다. n = int(input()) case 3) 공백 구분 1 2 3 4 5 처럼 공백으로 값이 구별되는 경우는 split 함수를 사용해주면 된다. n = input().split(' ') case 4) int 형변..

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/

'1,2' 혹은 '123 456' 으로 구성되어있는 문자열을 배열로 어떻게 변환할 수 있을까요. split() 함수를 사용하면 됩니다. ex) const temp = '1,2' const tempToArray = temp.split(',') console.log(tempToArray) => [1,2] 참고자료 [1] https://stackoverflow.com/questions/13272406/convert-string-with-commas-to-array?noredirect=1&lq=1 Convert string with commas to array How can I convert a string to a JavaScript array? Look at the code: var string = "0,1..