javascript

오늘은 Vue.JS의 error defined but never used no-unused-vars 해결방법에 대해 포스팅하려고 합니다. 먼저 ESLint란 Javascript에서 문법 오류 또는 사용하지 않는 변수, 함수 및 함수 매개 변수를 제거하는 검사기입니다. 린트(lint)는 소스 코드에 문제가 있는지 탐색하여 런타임 전에 에러를 미리 잡아주는 역할을 합니다. ESLint는 javascript에서 동작하는 린트(lint)라고 볼 수 있습니다. ESLint는 VSCode에서 PlugIn으로 install이 가능하며, npm으로 lib를 install 하여 사용할 수도 있습니다. 현재는 저도 VSCode에서 플러그인으로 사용중이며, error defined but never used no-unuse..

오늘은 JavaScript 날짜 계산 및 날짜 비교하는 간단하게 function을 만들어 보려고 합니다. 날짜 계산하는 코딩이 어렵진 않지만 어쩌다 한번씩 쓰려고하면 계속 구글링해서 찾다보니 불편해서 간단하게 정리를해서 저도 자주 사용해 보려고 합니다. 먼저 날짜끼리 비교하기 위해 데이터를 일치하는 형태로 파싱한 후에 비교하도록 하겠습니다. 해당 소스는 다음과 같습니다. yyyy-MM-dd 형태의 String 형이지만 JavaScript에서 비교 연산자를 통해 날짜 비교가 가능하여 유용하게 사용할 수 있습니다. function fn_minDateCheck(inputDate){ var nowDate = new Date(); var month = '' + (nowDate.getMonth() + 1); var..

오늘은 2020-08-02에 진행한 Toss 코딩테스트 JavaScript 한국 나이와 만 나이 구하기에 대해 포스팅 하려고 합니다. 문제는 getAge(birthDate, nowDate)함수의 내용을 코딩하는 것이고, 파라미터 birthDate에 태어난 날짜, nowDate에 현재 날짜로 값을 받고 return 값으로는 "만 28세, 한국나이 29세" 형태로 출력해야 합니다. 제가 작성한 코드는 다음과 같습니다. 현재 소스는 제가 시험에서 제출한 소스와 조금 다른데, 이유는 제출한 소스에서는 nowDate에 toString을 안하고 제출해서 그런지 replace하는 부분에서 runtime error가 발생했습니다. 저는 Atom으로 코딩을 먼저 작성하고 Chrome 관리자 도구를 통해 테스트를 진행했었..

오늘은 2020-08-01에 진행한 Toss 코딩테스트 JavaScript 문제중에서 9문제중에 하나인 더치페이에서 돈 나누기 문제에 대해 포스팅 하려고 합니다. 문제는 여러명이서 더치페이 하는 방법에 대한 내용이고 return 값은 배열로 n명의 더치페이 비용을 각각 넣어주어야 합니다. splitDutchPayAmount(peopleCount, amount) 라는 함수에 내용을 채워 넣어야 하며, peopleCount는 사람 수, amount는 총 비용입니다. amount > peopleCount이고, 정확히 n으로 나누어지지 않을경우 1번째 사람이 정수단위로 더 이용을 지불 합니다. 예를들면 peopleCount = 4, amount = 10033일때 [2509,2508,2508,2508]로 결과가 ..

오늘은 2020-08-01에 진행된 Toss 코딩 테스트 9문제 중에서 JavaScript로 했던 개인정보를 지켜라! 문제에 대해 포스팅 하려고 합니다. Toss문제 난이도를 짐작해보셔도 좋을 것 같습니다. 문제는 getMaskedName함수에 name의 파라미터를 받아서 어떤 이름이던지 앞에 두 글자만 출력하고 뒤에는 * 로 마스킹 처리하는 문제입니다. 제가 풀이한 코딩은 다음과 같습니다. 간단하게 substring 함수를 사용하여 처리하였습니다. function getMaskedName(name) { // 함수를 작성해주세요 var result; var subname; var maskingsize; var masking = ""; subname = name.substring(0,2); maskings..

오늘은 jqgrid reload 및 reload가 되지 않을때 해결 방법에 대해 포스팅 하려고 합니다. jqgrid에서 load된 데이터를 새로고침 하고 싶을 때 어떤 행위에 대한 이벤트에 아래 소스를 붙여주면 됩니다. $("#list").trigger("reloadGrid"); 간단한 내용이지만 이 reloadGrid를 넣어도 실행되지 않을 수 있습니다. 만약 jqgrid 설정영역에서 loadonce: true로 되어 있다면 loadonce: false 으로 변경 해야 reloadGrid가 실행이 됩니다. loadonce: false loadonce는 단어 그대로 한번만 불러오겠다는 의미 입니다. 한번만 불러오는 값이 true가 되어있기 때문에 reloadGrid가 되지 않습니다.

Jquery의 Map() 메서드는 배열의 데이터를 변환시켜서 다시 새로운 배열 객체로 만듭니다. 예제를 통해 확인해 보겠습니다. 배열 arrName에 저장된 A~E까지의 값을 map()을 통하여 데이터를 가공합니다. 가공이 끝난후 변수 m에 return을 하여 결과를 보면 변수 m또한 배열로 타입이 지정되어 있고 가공된 데이터가 배열 m에 저장된 것을 확인할 수 있습니다. 지금까지 JavaScript Jquery Map() 메서드에 대한 설명이었습니다.

웹에서 페이지 뒤로가기와 페이지 앞으로 가기는 자주 쓰이는 이벤트로 history 객체를 사용하게 됩니다. 예제를 통해 history 객체를 알아보겠습니다. 이전 페이지 1단계 이전 페이지 2단계 이전 페이지 다음 페이지 1단계 다음 페이지