실전 압축 코딩

var foo = function () { console.dir(this); }; // 1. 함수 호출 foo(); // window // window.foo(); // 2. 메소드 호출 var obj = { foo: foo }; obj.foo(); // obj // 3. 생성자 함수 호출 var instance = new foo(); // instance // 4. apply/call/bind 호출 var bar = { name: 'bar' }; foo.call(bar); // bar foo.apply(bar); // bar foo.bind(bar)(); // bar https://poiemaweb.com/js-this this | PoiemaWeb 자바스크립트의 this keyword는 Java와 같..

https://poiemaweb.com/es6-template-literals Template Literals | PoiemaWeb ES6는 템플릿 리터럴(Template literal)이라고 불리는 새로운 문자열 표기법을 도입하였다. 템플릿 문자열은 일반 문자열과 비슷해 보이지만, ' 또는 poiemaweb.com https://velog.io/@rlaghwns1995/JavaScript-%ED%85%9C%ED%94%8C%EB%A6%BF-%EB%A6%AC%ED%84%B0%EB%9F%B4 [JavaScript] 템플릿 리터럴 ES6이전에는 템플릿 문자열이라고 부르던 것을 ES6에서 템플릿 리터럴이라 부르게 되었다. ES6에서 문자열을 삽입하는 방식에 대해 알아보자 !! 템플릿 리터럴이란 내장된 표현식을 ..

https://poiemaweb.com/es6-iteration-for-of -ES6에서 도입된 이터레이션 프로토콜(iteration protocol)은 데이터 컬렉션을 순회하기 위한 프로토콜(미리 약속된 규칙)이다. - iterable은? iterable 프로토톨을 준수한 객체 -> Symbol.iterator 메소드를 구현하거나 프로토타입 체인에 의해 상속한 객체를 말한다. Symbol.iterator 메소드는 이터레이터를 반환한다. - iterable한 객체는 spread 문법(...) 을 사용 할 수 있고, for of 문을 사용해 순회 할 수 있다. - 배열은 Symbol.iterator 메소드를 소유한다. 따라서 배열은 이터러블 프로토콜을 준수한 이터러블이다. - 배열[Symbol.iterat..

https://www.acmicpc.net/problem/1253 1253번: 좋다 첫째 줄에는 수의 개수 N(1 ≤ N ≤ 2,000), 두 번째 줄에는 i번째 수를 나타내는 Ai가 N개 주어진다. (|Ai| ≤ 1,000,000,000, Ai는 정수) www.acmicpc.net 투 포인터 문제이다. 해당 문제의 핵심은 1. 수의 범위는 정수다. 즉, 음의 정수와 0이 포함된다. 2. for loop을 통해 검사하고자 하는 배열에 현재 index가 포함되면 안된다. 위의 두가지 핵심을 놓쳐 조금 헤맸다... 일단 문제 풀이는 1. 수를 정렬한다. 2. 정렬된 배열의 for loop을 돌면서 투 포인터 알고리즘으로 수의 합을 계산한다. 3. left index는 항상 0번으로, right Index는 ..

vue3 에서 자식이 부모의 호출하는 방법이야 emit을 사용하면 되지만,부모가 자식 함수를 호출하는 방법은 생각 보다 잘 알려져 있지 않다. 생각 보다 쓸 일이 없기도 하고... 여하튼 찾아본 결과 defineExpose 를 사용하면 된다. 자식 함수의 api를 노출하는 함수 인데, 자식 컴포넌트의 setup내에서 사용 하면 된다. 부모 Say Hello 자식 {{ message }} 참고 https://shan0325.tistory.com/10 Vue3 defineExpose 사용법 Vue 3에서 defineExpose는 부모 컴포넌트가 자식 컴포넌트의 API에 직접적으로 접근할 수 있도록 하는 방법을 제공하는 함수입니다. 이 함수는 자식 컴포넌트의 setup 함수 내에서 사용됩니다. 기존의 V sh..

https://velog.io/@mygomi/TIL-60-typeof-%EC%9C%A0%EC%9D%98%EC%82%AC%ED%95%AD-%EC%9E%98%EB%AA%BB%EB%90%9C-%ED%83%80%EC%9E%85%EC%B2%B4%ED%81%AC TIL 60 | typeof 사용 시 유의사항, 객체-배열간 변환 방법 문제원인을 잘못 짚었다가 새로운 개념들을 많이 알게 되었습니다. velog.io array가 아닌 순수 object만들 확인하고 싶다면..? if (typeof obj[key] === "object" && !Array.isArray(obj[key]) ) {...}

https://velog.io/@1998yuki0331/Python-%EB%B9%84%ED%8A%B8-%EB%A7%88%EC%8A%A4%ED%82%B9-%EC%A0%95%EB%A6%AC 원소 추가 - num 번째 인덱스에 원소 추가 - s |= (1

https://askubuntu.com/questions/1404550/google-chrome-freeze-uploading-a-file Google Chrome freeze uploading a file My Google Chrome app freezes when I select a file from an HTML input tag of type "file". This is a very simple code to reproduce the error: https://jsfiddle.net/aL4e6n29/ After I select any askubuntu.com 갑자기 chrome 사용중 file upload시 freezing 되는 버그가 발생했다. chrome 재설치 이후에도 해당 버그가 계속 발생..

vue에서는 컴포넌트를 동적으로 사용할수 있는 기능이 있다. 객체를 생성해 프로퍼티의 value에 컴포넌트를 할당해 동적으로 컴포넌트를 사용하고자 했다. ... import Ex from "@/views/Ex.vue"; const el = { component: Ex } 이런식으로... 그런데 작동은 잘 되지만, warn이 엄청나게 나왔다! 원인을 대략 확인해 보니 경고 메시지 그대로, 반응성 객체로 만들어진 구성요소는 성능에 오버헤드를 초래 한다는 것이였다. 구글링 해본 결과 stack overflow에서 해결 방법을 찾았다. https://stackoverflow.com/questions/65716637/vue3-performance-warning-using-ref vue3 performance wa..

보호되어 있는 글입니다.