JAMONGPROJECT

IndexedDB란? 자바스크립트 기반 많은 양의 데이터를 저장하기 위해 사용되는 웹 저장소이다. 자바스크립트 기반이므로 객체 지향 데이터베이스이다. 비동기 API이다. ​ IndexedDB 사용 과정 데이터베이스 열기 : const request = indexedDB.open("storename", version number ); 객체 저장소(object store) 생성: let objectStore = db.createObjectStore("tableName", { keyPath : "id" }); 트랜잭션으로 데이터베이스 작업: let store = db.transaction("tableName", "readwrite"); EventListener로 결과 요청 1. 데이터베이스 열기 - 데이터베이..

동기와 비동기는 데이터를 받는 방식에서 사용되는 말이다. 동기(Synchronous)란? - 동시에 일어난다. - 작업이 시작되고 끝날 때까지 대기하다가 마무리된다. - 이 과정에서 자원 낭비가 크다. - 대신 수행 속도가 빠르다. 비동기(Asynchronous)란? - 입력과 출력이 독립적이다. - 작업이 시작되고 결과가 나올 때까지 다른 작업을 수행할 수 있다. - 이 때 명령을 수행받은 위치에서 명령이 수행될 때까지 명령을 지시한 대상을 붙잡고 있으면 블로킹 - 명령을 수행받고 결과가 나오는 동안 다른 작업을 수행할 수 있다면 논블로킹 + 자바스크립트에서는 대부분 비동기식을 지원한다.

./ -> 현재 폴더를 의미 ../ -> 상위 폴더를 의미 import / export : 로 가져옴 리액트에서 component 개념을 많이 쓰기때문에 숙지. const로 정의하면 객체의 주소 기준으로 고정이 되는 것임. 따로 공부하자. JSON.parse(JSON.stringify(person)) 딥카피 방식 클래스 활용 class Person { firstName; lastName; age; // 생성자 constructor(name, age) { this.setName(name) this.age = age; } setName(name) { let tmp = name.split(" "); if (tmp.length < 1) { console.log("Error: wrong input!"); retu..

* 본 글은 본인의 주관하에 쓴 글이므로 실제 개념과 다를 수 있습니다. 모호한 개념의 이해를 돕기 위해 쓴 글이니 필요한 부분만 참고해주시길 바랍니다. 객체(Object)란? 어떠한 기능을 수행하기 위한 덩어리. 예를 들어 시간을 알기 위해 만들어진 덩어리가 시계다. 이 시계가 객체라고 할 수 있을 것이다. JAVASCRIPT에서 대표적으로 사용되는 객체로 document가 있을 것이다. 이 document를 구조화한 것이 DOM(Document Object Model) 이다. 프로퍼티(Property)란? 속성이라고도 한다. 객체가 가지고 있는 구성품이다. 위의 시계로 예를 들면 시침, 분침, 초침이라고 할 수 있다. 코드에서는 일반적으로 변수 형태로 존재한다고 생각하면 된다. document 객체와..