정리-front에서 db를 활용하는 경우

  👀front에서 db를 활용한 경우

Front-end 에서 database에 값을 저장 => database 접속 => 값을 이용하여 저장한 경우

mysql과 연결됨 - 백에서 열어주면 핸들링 가능 (해당 data를 오픈 하는거임)

 

---

나중에 공부해보삼

https://developer.mozilla.org/ko/docs/Web/API/IndexedDB_API/Using_IndexedDB

<!-- front에서 db를 활용하는 경우 -->
<script>
var datas = window.indexedDB;
if(datas==""){
	alert("DB를 활용하지 못합니다")
}else{
	var list = [{id:"hong",name:"홍길동"},{id:"kim",name:"김유신"}];
	
	var db; //key 생성 및 데이터값
	let req = datas.open("members"); //DB를 생성 (가상 DB)
	req.onupgradeneeded = function(z){
		console.log(z)
		
		db = z.target.result;
		var check = db.createObjectStore("name",{keyPath:'id'}); //대표키
		console.log(check)
		
		req.onsuccess = function(){ //DB와 Table이 정상적으로 생성 된 후
			//transaction : 배열로 데이터를 읽기,쓰기,수정,삭제를 이용할 수 있는 함수
			var ts = db.transaction(["name"],"readwrite"); //DB및 테이블이 생성된 후
			var insert = ts.objectStore("name"); //값을 입력할 테이블명
			
			//배열값을 키형태로 DB-Table에 저장
			for(var ins of list){
				insert.add(ins); //해당 table에 값을 입력시키는 형태
				
				//data 삭제는 insert.delete("key 이름");
			}			
		}
		
		req.onerror = function(){
			console.log("이미지 DB 및 Table이 생성되어있습니다.");
		}
	};
}
</script>

 

🔽

우왕 잘들어감