분류 전체보기
-
[JavaScript] node.js를 이용한 간단한 WEB SCRAPER만들기JavaScript 2023. 5. 13. 10:37
해당 소스 출처 : https://www.freecodecamp.org/news/web-scraping-in-javascript-with-puppeteer/ Web Scraping in JavaScript – How to Use Puppeteer to Scrape Web Pages Welcome to the world of web scraping! Have you ever needed data from a website but found it hard to access it in a structured format? This is where web scraping comes in. Using scripts, we can extract the data we need from a website for var..
-
[JavaScript] IndexedDB 기초사용법JavaScript 2023. 4. 16. 01:32
IndexedDB는 클라이언트단에서 간단하게 사용할 수 있는 내장DB로, 사용법을 기록으로 남기고자 한다. 1. 사용할 db생성 + 테이블 생성 const DBOpenRequest = window.indexedDB.open('testDB', 1); //db이름, 버전 DBOpenRequest.onerror = (event) => { console.log('Error loading database.'); }; DBOpenRequest.onsuccess = (event) => { console.log('Database initialised.'); db = DBOpenRequest.result; }; DBOpenRequest.onupgradeneeded = (event) => { db = event.targe..
-
[JavaScript] Sleep 기능 구현하기.JavaScript 2023. 2. 23. 22:50
늘 필요한 건 아니지만, 때때로 일정시간동안 기다린 후에 동작시켜야 하는 경우가 있다. 이때, 이 방법으로 Javascript상에서도 sleep기능과 유사한 방식으로 동작시킬 수 있다. async await 과 Promise를 활용한 방법이다. function sleep(ms){ if(!Number.isNaN(ms)){ console.log(`sleep ${ms} ms`); return new Promise(resolve => setTimeout(resolve, ms)); } else return new Promise(resolve => resolve()); } document.addEventListener("DOMContentLoaded", async function(){ console.log('시작 ..
-
[JavaScript] Object와 Map의 차이JavaScript 2023. 2. 13. 16:06
object는 키값으로 integer, strings, symbols만 올 수 있음. map은 어떤 타입이던 키로 사용할 수 있음 - array나 Object도 키로 사용 가능. map은 순서가 유지되지만, object는 유지되지 않는다. (확인 필요. 적절한 샘플이 떠오르지 않음) --------------------------------------------------------------------------------------------------------------- 사용법 차이 let map = new Map([[1, 2], [2, 3]]); //이 map의 경우 3을 키로 가지고 있나 확인할 땐, map.has(3); // false map.set(4, 5); // key ::: 4, v..
-
[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; } }