JAMONGPROJECT

https://makasti.tistory.com/99 [자바스크립트] 집합(Set) 다루기 자바스크립트는 기본적으로 집합(Set) 클래스를 지원한다. Set The Set object lets you store unique values of any type, whether primitive values or object references. developer.mozilla.org 자바스크립트.. makasti.tistory.com

자바스크립트에서 객체의 프로퍼티명을 예약어로 사용할 수는 있지만, 사용을 지양하자. 만약 사용하게 된다면 프로퍼티명에 따옴표를 표시해준다. const ex1 = { name : 'domado', first-name: 'yoon', // -는 연산자이기때문에 문법 에러가 발생한다. 'first-name': 'yoon', // ok age : '18', case : 'object', // syntax error 'case' : 'object' // ok } abstract arguments boolean break byte case catch char class const continue debugger default delete do double else enum eval export extends fal..

Falsy / Truthy 의 정의 Falsy / Truthy 는 조건문에서 boolean 값이 아니지만 false, true로 인식 되는 값이다. Falsy의 대표적인 예는 null, undefined, ""(빈문자열), -0, NaN 등이 있다. Truthy의 대표적인 예는 [], {}, string, number 등이 있다. Falsy / Truthy 활용법 falsy 값들이 조건문에서 false와 같은 기능을 하는 점을 이용하여 변수의 null, undefined 값을 예외처리해줄 수 있다. const getName = person => { if (!person) { // not falsy = true 임을 이용하여 null과 undefined의 예외처리 기능 return "객체가 아닙니다"; }..

// 기본 구조 조건문 ? 실행문1 : 실행문2 // Boolean값으로 받을 수 있다. Boolean() ? 실행문1 : 실행문2 ex 1 // 일반 조건문 let a = 3; if (a >= 0) { console.log("양수"); } else { console.log("음수"); } // 삼항 연산자 let a = 3; a >= 0 ? console.log("양수") : console.log("음수"); ex 2 // 일반 조건문 2 let b = []; if (b.length === 0) { console.log("빈 배열"); } else { console.log("안 빈 배열"); } // 삼항 연산자 2 let b = []; b.length === 0 ? console.log("빈 배열")..

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)란? - 입력과 출력이 독립적이다. - 작업이 시작되고 결과가 나올 때까지 다른 작업을 수행할 수 있다. - 이 때 명령을 수행받은 위치에서 명령이 수행될 때까지 명령을 지시한 대상을 붙잡고 있으면 블로킹 - 명령을 수행받고 결과가 나오는 동안 다른 작업을 수행할 수 있다면 논블로킹 + 자바스크립트에서는 대부분 비동기식을 지원한다.

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

* 본 글은 본인의 주관하에 쓴 글이므로 정확한 정보 전달이 어려울 수 있습니다. 모호한 개념의 이해를 돕기 위해 쓴 글이니 필요한 부분만 참고해주시길 바랍니다. API(Application Programming Interface)란? 직역하면 응용 프로그래밍 인터페이스 컴퓨터 프로그램은 응용 프로그램과 시스템 프로그램으로 나뉘는데 시스템 프로그램 : 운영체제(OS) 응용 프로그램 : 시스템 프로그램을 제외한 모든 프로그램 이라고 가볍게 이해하자. 즉, API는 응용 프로그램을 만들 때 사용하는 인터페이스라고 정의할 수 있다. 그렇다면 인터페이스는 무엇일까? 인터페이스란 쉽게 말해 도우미 역할이라고 생각하면 된다. 정리하자면 API는 응용 프로그램을 만들기 편리하게 해주는 도우미라고 할 수 있다. 현업 ..