딩신 - 코딩의 신

android - developers.google.com/web/tools/chrome-devtools/remote-debugging/webviews?hl=ko WebView 원격 디버깅 | Chrome DevTools | Google Developers Chrome 개발자 도구를 사용하여 네이티브 Android 앱에서 WebView를 디버그합니다. developers.google.com ios - safari - 개발자 - simulator에서 찾을 수 있었다. 이번에 WebView에서 디버깅을 해야할 때가 많았는데, 여의치 않을 때가 있었다. 콘솔을 못 찍는거라고 생각했는데, 역시 다 방법이 있었다 ㅎㅎ 이것 외에도 프록시맨이나 다른 것들을 사용해서도 할 수 있는 것으로 보인다.

developer.mozilla.org/en-US/docs/Web/API/Window/parent Window.parent - Web APIs | MDN The Window.parent property is a reference to the parent of the current window or subframe. If a window does not have a parent, its parent property is a reference to itself. When a window is loaded in an , , or , its parent is the window with the element em developer.mozilla.org If a window does not have a paren..

. Promise callback 함수를 async로 쓰면 Promise 가 에러를 캐치하지 못할 수 있다 프로미스 내에서 어씽크, await 를 쓰다 보면 내부에서 또 새로운 프로미스 객체를 생성하기 때문으로 보인다. 관련 eslint eslint.org/docs/rules/no-async-promise-executor no-async-promise-executor - Rules eslint.org pouchdb.com/2015/05/18/we-have-a-problem-with-promises.html We have a problem with promises Clarification: for these examples, I’m assuming that both doSomething() and doSo..

const outer = () => { let a = 1 const inner = () => { return a++ } return inner } console.log(outer()()) // 2 const outer2 = outer() console.log(outer2()) // 2 console.log(outer2()) // 3 결국 클로져는 자신이 생성된 환경의 lexical environment를 가지고 있는 것 useState와 관련성 useState도 결국 클로져를 사용하는것 function useState(init){ let a = init const getA = () => a const setValue = (v) => { a = v } return [getA,setValue] } const..

블로킹 I/O 방식 블로킹 I/O 방식에서는 I/O 요청에 해당하는 함수 호출은 작업이 완료 될 때까지 스레드의 실행이 차단된다. 즉 I/O가 실행하는 동안 그 스레드의 동작 자체가 멈추고 그 스레드의 CPU는 놀고 있는 것이다. 전통적인 방식에서는 많은 I/O를 처리하기 위해서 멀티스테드를 지원하는 방식으로 진화해나갔다. 하지만 여기서의 단점은 스레드의 갯수는 한계가 있다는 것이다. 또한 스레드는 시스템 리소스 측면에서 비용이 그리 싸지 않기 때문에, 각 I/O에 대해서 장시간 사용하지 않고 실행되어 있는 스레드를 방치하는 것은 효율성 측면에서 최상의 방법은 아니다. 논블로킹 I/O 방식 이와 반대로 논 블로킹 I/O방식은 리소스를 액세스하는 또 다른 메커니즘을 지원하는데, 이 모드에서 시스템 호출은 ..

1. 객체는 선언적 형식과 생성자 형식 두 가지로 정의 할 수 있음 var myObj = { key: value // ... }; // The constructed form looks like this: var myObj = new Object(); myObj.key = value; 2. 객체의 7가지 주요 타입 null undefined boolean number string object symbol(ES6에서 추가) 단순 원시 타입(string,number,boolean, null, undefined)은 객체가 아니다. 자바스크립트의 모든 것이 객체다 라는 말은 옳지 않다. function은 객체의 하위 타입이고, 배열 역시 추가 기능이 구현된 객체의 일종이다. function은 javascript의..

XHR이란? Microsoft가 만든 JavaScript 개체(object) Extensible Markup Language - 확장 가능한 표시 언어 (html과 비슷하게 태그로 이루어짐) 보내는 방법 var xhr= new XMLHttpRequest(); 참조: https://wherethelightis.tistory.com/14 [초보개발자의 공부공간] 받는 방법 xmlHttp.onreadystatechange = on_ReadyStateChange; function on_ReadyStateChange() { /** * 0 = 초기화 전 * 1 = 로딩 중 * 2 = 로딩 됨 * 3 = 대화 상태 * 4 = 데이터 전송완료 */ // 4 = 데이터 전송완료 if(xmlHttp.readyState =..

https://coding-god.tistory.com/73 - 에서 this는 간단하게 말해서 코드가 작성된 시점에서 바인딩 되는 것이 아닌, 코드가 실행되는 호출부(함수가 어떻게 호출됐는가?)에서 함수를 호출할 때 바인딩 된다는 것을 알 수 있었다. 따라서 호출부를 꼼꼼이 살펴보고, this의 네가지 바인딩 규칙 중 어떤 것이 맞는지 잘 살펴보아야 한다. 1. 기본 바인딩 function foo() { console.log( this.a ); } var a = 2; foo(); // 2 기본적으로 단독 함수 실행을 하는 경우에는 항상 전역 객체를 참조한다. 하지만 엄격모드에서는 전역 객체가 기본 바인딩 대상에서 제외된다. function foo() { "use strict"; console.log( ..

javascript의 this는 java의 this와는 완전히 다르다. this는 모든 함수 스코프 내에 자동으로 설정되는 특수한 식별자 function identify() { return this.name.toUpperCase(); } function speak() { var greeting = "Hello, I'm " + identify.call( this ); console.log( greeting ); } var me = { name: "Kyle" }; var you = { name: "Reader" }; identify.call( me ); // KYLE identify.call( you ); // READER speak.call( me ); // Hello, I'm KYLE speak.call..