Judaeng

this⚡ Javascipt에 this에 알아보기 전에 this는 '이것'이라는 뜻이다. 상황에 따라 다른 대상을 지칭하며 쓰일 수 있는 말이다. Javascript에서도 this는 상황에 따라 지칭하는 대상이 바뀐다. 그 상황은 '함수가 호출되는 상황' 일 때이다. Javascript의 this는 일단 기본적으로 함수가 호출될 때 결정되며, 보통 자신을 호출한 주체의 정보가 담긴다. this는 함수 실행 시 호출(invocation) 방법에 의해 결정되는 특별한 객체이다. 함수 실행 시 결정되므로, 실행되는 맥락에 따라 this는 다르게 결정된다. 🙄함수 실행 방법 1. 전역 공간에서의 this 2. 메서드로서 호출 3. new 를 이용한 생성자 호출 4. 함수로서 호출 5. call/apply를 통한..

Blocking vs Non-Blocking ✅Blocking 다른 작업을 하려면, 하던 작업을 멈춰야 함 요청에 대한 결과들이 동시에 일어남 ✅Non-Blocking 다른 작업을 확인만 하고, 미룰 수 있음 요청에 대한 결과들이 동시에 일어나지 않음 Blocking을 전화, Non-Blocking을 문자에 비유해서 생각하면 좀 더 이해하기 쉽다. 전화는 하던 작업을 멈추고 받아야 하지만, 문자는 확인만 한 후 답장을 미룰 수 있다. 전화 문자 하던 일을 멈추고 받아야 한다(blocking) 확인 후, 나중에 답장할 수 있다.(non-blocking) 요청에 대한 결과가 동시에 일어난다. (synchronous) 요청에 대한 결과가 동시에 일어나지 않는다. (asynchronous) 이제 두 가지 개념을..

Callback 함수 callback함수는 '다른 함수의 전달 인자(argument)로 넘겨주는 함수'이다. parameter를 넘겨받는 함수는 callback함수를 필요에 따라 즉시 실행할 수도 있고, 나중에 실행할 수도 있다. 아래 예시에는 B가 parameter로 쓰이는' callback함수'이고, A는 B를 parameter로 쓰는 함수이다. // 즉시 실행 = synchronously (동기) // 나중에 실행 = asynchronously (비동기) function B(){ console.log('나중에'); } function A(callback){ callback(); } A(B); 동기, 비동기 비유 🤔 콜백함수는 '제어권'을 다른 함수에게 넘겨준 함수라고 생각할 수 있다. 위에서는 B가..

읽기 전용 속성을 사용하면 Document 출처의 Storage 객체에 접근할 수 있습니다. 저장한 데이터는 브라우저 세션 간에 공유됩니다. localStorage는 sessionStorage와 비슷하지만, localStorage의 데이터는 만료되지 않고 sessionStorage의 데이터는 페이지 세션이 끝날 때, 즉 페이지를 닫을 때 사라지는 점이 다릅니다. 저장한 자료는 페이지 프로토콜별로 구분합니다. 간단하게 정리를 하자면 브라우저를 껐다가 켜도 유지되도록 만들고 싶다면 '로컬 스토리지' 기술을 사용해야한다. 웹 스토리지(Web Storage) 웹 스토리지는 서버가 아닌, 클라이언트에 데이터를 저장할 수 있도록 지원하는 HTML5의 새로운 기능이다. 웹 스토리지에는 로컬 스토리지(local Sto..