DOTI Project

IndexedDB란?IndexedDB는 웹 브라우저에서 대용량의 구조화된 데이터를 클라이언트 측에 저장할 수 있는 로우 레벨 API입니다. IndexedDB를 사용하면 네트워크 상태에 상관없이 데이터를 저장하고 검색할 수 있는 웹 애플리케이션을 만들 수 있습니다. 이는 웹 애플리케이션이 온라인과 오프라인 환경에서 모두 동작할 수 있게 해줍니다2.IndexedDB의 주요 특징은 다음과 같습니다.비동기 API: IndexedDB는 비동기 방식으로 동작하여 애플리케이션이 블록되지 않도록 합니다.객체 저장소: IndexedDB는 객체 저장소(Object Store)를 사용하여 데이터를 저장합니다. 이는 JavaScript 객체를 저장하고 검색할 수 있음을 의미합니다.트랜잭션: IndexedDB는 트랜잭션을 사용..

자바스크립트에서 문자열을 특정 구분자를 이용하여 배열을 만들 수 있다. string으로 지정한 문자열을 split을 이용해 콤마(,)의 구분자로 구분하여 array 배열로 반환해보다 const string = 'Javascript,Script,Java'; const array = string.split(','); console.log(array); # 결과 // ['Javascript', 'Script', 'Java'] 위 결과와 같이 array 배열로 문자열을 반환한다 split은 지정 시 두번째 인자에 최대 배열 크기를 지정할 수 있다. const string = 'Javascript,Script,Java'; const array = string.split(',', 2); console.log(arr..

Javascript 에서 변수를 선언할때 무엇으로 선언해야할까? 변수 선언을 위한 var, let, const 의 차이점을 알아보자 var var 을 이용하여 변수를 선언하는 경우 변수 재선언 및 재할당이 가능하다. var name = 'script'; console.log(name); // script var name = 'javascript'; console.log(name); // javascript name = 'jQuery'; console.log(name); // jQuery 이렇게 같은 변수를 재선언, 재할당이 가능하다. 이는 코딩량이 많아지면 같은 변수를 중복하여 사용할 수 있는 문제가 발생되며, 계산값과 같은 변화가 있는 값을 선언하는데에는 문제가 없으나, 변하지 말아야 할 변수 값에는 ..

단순 배열 비교 배열 데이터를 다루다보면 두 배열의 값이 같은지 다른지 비교가 필요할때가 있다 아래와 같이 JSON.stringify 를 통해 간단히 비교가 가능하다 // 배열 선언 const array1 = ['a','b','c','d','e']; const array2 = ['a','b','c']; // 배열 비교 if(JSON.stringify(array1) === JSON.stringify(array2)){ document.write('같다'); } else { document.write('다르다'); } # 출력 다르다 교집합 (Intersection) 두 배열에서 서로 같은 값을 얻고자 할때 사용한다 // 배열 선언 const array1 = ['a','b','c','d','e']; const..

키보드 이벤트 타입 키보드 이벤트는 사용자가 키를 누르거나 키를 높을 때 발생한다. 키를 누를 때는 keydown, 키를 놓을때는 keyup 이벤트가 발생된다. 예전에는 keypress 이벤트도 많이 사용되었으나, 현재는 사용을 권장하지 않는다. 키보드 이벤트는 DOM 상의 창(windows)이나 문서(document), 또는 요소(element)에서 발생된다. 예를 들어 창(window)에서 발생하는 keydown 이벤트 처리는 다음과 같이 콜백(callback) 함수를 설정해주면 된다 window.onkeydown = (e) => console.log(e); addEventListener 함수를 이용해도 된다. window.addEventListener("keydown", (e) => console...

[JavaScript] 현재 시간을 가져오는 방법 현재 시간 정보를 가져와서 스크립트 내에서 활용을 할때 사용할 수 있음 var Now = new Date(); // Tue Oct 20 2015 10:48:49 GMT+0900 (대한민국 표준시) 라고 표시 Now.getFullYear(); // 년 Now.getMonth(); // 월 (월 단위의 경우 0부터 시작되기 때문에 +1) Now.getDate(); // 일 Now.getHours(); // 시 Now.getMinutes(); // 분 Now.getSeconds(); // 초 표시 예제 날짜 2자리 표시 (“0” +Now.getDate()).slice(-2); 월 2자리 표시 (“0” + (Now.getMonth() + 1)).slice(-2);

[JavaScript] 뒤로가기 버튼 감지 이벤트 브라우저에서 뒤로가기 작동 시 이벤트를 처리할 수 있다

[Javascript] localStorage 배열 형식 저장하기 브라우저의 localStorage 영역에 배열 형식의 데이터를 저장하고, 불러와서 사용이 가능함 localStorage 배열 형식 저장 var arr = [1,2,3,4,5] localStorage.setItem("key", JSON.stringify(arr)); 저장된 배열형식 출력 var output = localStorage.getItem("key"); var arr = JSON.parse(output); console.log(arr) // [1,2,3,4,5]