mobssie

vue3 + pinia + vue-router + vite + tailwind npm i -g @vue/cli vue --version

URL.revokeObjectURL() 정적 메서드는 이전에 URL.createObjectURL()을 통해 생성한 객체 URL을 해제. 객체 URL을 더는 쓸 일이 없을 때 사용해서, 브라우저가 이제 해당 객체를 메모리에 들고 있지 않아도 된다

in 연산자는 명시된 속성이 명시된 객체에 존재하면 true를 반환 속성 in 객체명 - 배열의 내용이 아닌, 인덱스 값을 명시 - length는 Array(배열) 객체의 속성 - 반드시 in 연산자의 오른쪽에 객체를 명시하여야 한다. - in 연산자는 프로토타입 체인에 의하여 접근할 수 있는 속성에 대하여 true를 반환 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/in

- 자바스크립트 객체 생성 방법은 다양하다. - 클래스를 사용해도 되지만, 단순하고 심플하게 함수를 클래스처럼 사용 할 수있다. - 클래스와 마찬가지로 생성자 키워드인 new로 인스턴스를 생성할 수 있고, 내부 메서드와 변수를 사용할 수도 있다. - 클래스처럼 상속을 통해 확장을 할 수는 없다.

computed는 기본적으로 읽기 전용이다. Computed프로퍼티는 method와 비슷하지만 Computed는 proxy역활을 한다. 때로는 캐싱. =>> 연결하는 역할을 한다. set methods 을 설정하면, newValue 매개변수를 받음 https://vuejs.org/v2/guide/computed.html#Computed-Caching-vs-Methods

WindowEventHandlers.onpopstate https://developer.mozilla.org/ko/docs/Web/API/WindowEventHandlers/onpopstate window의 popstate 이벤트 핸들러 - 같은 document에 관한 두개의 히스토리 엔트리에 변화가 일어날 때마다, popstate event가 window 객체에 붙게 된다. - 만약 활성화된 엔트리가 history.pushState() 메서드나 history.replaceState() 메서드에 의해 생성되면, popstate 이벤트의 state 속성은 히스토리 엔트리 state 객체의 복사본을 갖게 된다. - history.pushState() 또는 history.replaceState()는 popst..

History.pushState() https://developer.mozilla.org/ko/docs/Web/API/History/pushState 브라우저의 세션 기록 스택에 상태를 추가한다. history.pushState(state, title[, url]); state - 새로운 세션 기록 항목에 연결할 상태 객체. - 사용자가 새로운 상태로 이동할 때마다 popstate 이벤트가 발생! 이 때 이벤트 객체의 state 속성에 해당 상태의 복제본이 담겨 있다. - 상태 객체는 직렬화 가능한 객체라면 모두 가능합니다. title - 빈 문자열을 지정하면 나중의 변경사항에도 안전하다. 아니면, 상태에 대한 짧은 제목을 제공할 수도 있다. url - 브라우저를 재시작할 경우 탐색을 시도할 수도 있음...

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/entries Object.entries() 메서드는 for...in와 같은 순서로 주어진 객체 자체의 enumerable 속성 [key, value] 쌍의 배열을 반환합니다. (for-in 루프가 다른점은 프로토 타입 체인의 속성도 열거한다는 점입니다). Object.entries() 에 의해 반환된 배열(array)의 순서는 객체가 정의된 방법과 관련이 없습니다. 배열 순서가 쓸 곳이 있다면, 다음과 같이 정렬을 먼저 하시는 것이 좋습니다 Object.entries(obj).sort((a, b) => b[0].localeCompare(a[0]));. ..

node.js와 Typescript의 module system 타입스크립트 모듈 시스템은 자바스크립트 최신문법을 계승했기 때문에 차이를 잘 알아야 한다. node.js typescript common.js module.js Javascript file과 Typescript file은 module화 할 수 있다. module화 하는 이유는 * 다른파일에서 사용할 수 있게 해줌. * 가독성과 재사용성을 높히기 위해서 사용함. [node.js에서 module화 하는 방법] const hello = 'module' module.exports = 'hello'; @module.js const hi = require('./module'); @run.js ▶ require만 하면 다시 사용할 수 있다. 객체를 exp..

promise를 좀 더 편하게 사용할 수 있는 async, await에 대해서 정리 1. function 앞에 async를 붙이면 해당 함수는 항상 프라미스를 반환한다 promise가 아닌 값을 반환하더라도 이행 상태의 프라미스(resolved promise)로 값을 감싸 이행된 프라미스가 반환되도록 한다 2. 함수 안에서 await를 사용할 수 있다.