JavaScript
-
[JavaScript] 간단한 로또시뮬레이션 중복제거 2등판별 등JavaScript 2023. 1. 21. 01:38
무언가 만들어볼까 하다가 간단한 로또 시뮬레이션을 만들어 보았다. 늘 그렇듯이 디자인적인 부분은 스킵.. 자동추첨 1번당 5게임을 한다고 가정하였다. (1게임 1천원) 아무래도 난 로또하면 안될 것 같다. ---------------------------------------------------------------------------------------- >> 만들고 보니 미흡한 부분이 있어 추가했음. - input에 숫자만 입력가능하도록 수정. - 연속게임 1회 최대횟수는 10만회로 설정. (횟수가 너무 커지면 브라우저가 뻗음) ---------------------------------------------------------------------------------------- 아래는 내..
-
[JavaScript] Date()로 해당 월의 마지막날짜, 특정일자의 요일 구하기JavaScript 2022. 12. 17. 21:35
요구사항중에, 날짜를 활용해 작업을 해야 하는 경우가 있다. 간혹, 몇년도 몇월의 마지막 날짜를 구해야 하는 경우가 있는데, 마지막 날짜는 크게, 30일과 31일, 28일 (윤년 29일)로 차이가 나서 구하는데 골이 아프다. 이때 이 방법을 사용하면 쉽게 날짜를 얻어올 수 있다. 오늘 날짜를 기준으로 이번달의 첫째 날짜, 마지막날짜, 마지막 요일을 구하는 샘플을 공유한다. //현재 월의 첫번째 날짜, 마지막 날짜 구하기 let now = new Date(); let fullDataOfFirst = new Date(now.getFullYear(), now.getMonth(), 1); let fullDataOfLast = new Date(now.getFullYear(), now.getMonth() + 1, ..
-
[JavaScript] filter로 두 배열이 같은지 비교JavaScript 2022. 12. 3. 09:43
두 배열이 같은 값으로 이루어져 있는지 판단해야 할 때가 있다. 이떄 필터를 사용해 판단할 수 있는 함수를 하나 만들어 보았다. function isSameArr(arr1, arr2){ //두 배열의 길이가 다르면 if(arr1.length !== arr2.length){ return false; } // 길이가 같은 경우 비교 else if(arr1.length === arr2.length){ let filter = arr1.filter(x => arr2.includes(x)); console.log(filter); if(filter.length === arr1.length){ return true; } else return false; } }
-
[JavaScript] 숫자 문자 상관없이 배열 오름,내림차순 정렬하기 (Array sort 활용)JavaScript 2022. 11. 24. 22:38
JavaScript 의 array.sort()는 기본적으로 오름차순 정렬을 지원한다. 하지만 우리는 언제나 오름차순 정렬만 필요한게 아니다. 그래서 sort()는 option을 제공하는데, sort() 내부에 조건을 주어, 오름 내림차순을 조정할 수 있다. 간단한 function을 하나 선언해두면, 필요할 떄 오름내림 차순으로 정렬된 배열을 얻을 수 있다. 예시 사용결과 위의 예시에서 사용한 sortArr function sortArr(arr, sortType){ arr.sort(function(a, b){ if(sortType === 'desc'){ //내림차순 정렬 if(a > b) return -1; if(a < b) return 1; else return 0; } else if(sortType =..
-
[JavaScript] input에 키입력 받았을 때 다음 Element에 값 옮기기(엑셀 복붙 쪼개기)JavaScript 2022. 11. 15. 23:40
input에 값을 입력받았을 때, 다음 탭, 다음 칸으로 이동이 필요한 경우에 대해 기록으로 남긴다. 이번 상황의 경우 엑셀에서 복사한 값을 그대로 입력하고자 하였는데, 복사해서 텍스트를 확인해보니 A\tB 와 같이, "탭"으로 열을 구분하여 복사된 것을 확인하였다. 이와 같은 상황일 때, 나는 저 B가 복붙과 동시에 다음칸에 입력되었으면 하였다. 일단 keyup을 이벤트로 붙였고, 입력된 값을 좀 전에 확인한 바와 같이 \t로 쪼갰다. 그 다음 입력값에서 \t를 인식하면 맨 첫칸에 A, 다음칸에 B를 입력한다. **적용결과 ** 엑셀에서 복붙할 때 다음 행은 ' '으로 구분한다. 즉, 여러 행, 여러 열의 값들을 복붙할 경우에는 와 같이 사용할 수 있겠다.
-
[JavaScript] 특정문자 감지 및 추출 (간단한 정규식)JavaScript 2022. 11. 15. 21:41
페이지 제작중 간혹, input tag에 특정한 조건만 입력하도록 요구받을 때가 있다. 한글만, 영어만, 숫자만 등등.. 간단한 정규식을 활용하면 입력받은 내용을 감지하여 분기처리 및 원하는 것만 추출할 수 있다. 감지예시 추출예시 : 문장에서 한글만 남기고 전부 제거 예시2 : 이모지 제거 이모지 감지 정규식 : let sReg = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g
-
[JavaScript] filter 와 map 으로 Object에서 원하는 값 추출해보기JavaScript 2022. 10. 31. 22:36
JavaScript로 업무를 하다보면, 호출해서 받아온 Object들을 array에 담아두고 필요할 때 원하는 값들을 꺼내쓰는 경우가 있다. 예를들어 위와 같은 샘플이 있다고 가정해본다. 일단 이 sample 안에서 원하는 내용물을 가져와 보도록 한다. 1. isTrue가 true인 것 안의 name들 : 2. isTrue가 false인 code : 3. child를 갖고있는 object에서 child만 추출