JAVA SCRIPT를 사용하면 this를 사용하는 경우가 많이 있다. 단순한 코드에서는 흘러가는대로 대충 이해하고 넘어가면 되지만 복잡한 로직이 들어간 코드에 대해서는 확실하게 이해하고 넘어가지 않으면 계속 걸리게 될것이다. ⚡️ this의 정의 ❗️this는? this란 ‘이것’ 이란 뜻을 가진 javas script 예약어 this는 함수가 호출될때 결정된다. 즉 함수의 호출 방식에 따라 호출시에 동적으로 바뀐다. 아래의 코드를 보면서 이해해 보겠다. 예제 1 (함수 호출) 코드 function outFunction() { this.title = 'Hello World!'; console.log("--------outFunction-------") console.log(this) console.lo..
JAVA SCRIPT
웹페이지를 제작하다 보면 페이지 로딩이 오래 걸려 중간에 이탈하는 사용자가 생기곤 한다. 이를 조금이나 방지하지위해 페이지 로딩 시 로딩 화면이 나오게 구현해 보겠다. 1. 로딩이미지 다운 2. 코드 적용 1. 로딩이미지 - 다운 아래의 링크로 들어가 원하는 로딩 이미지를 다운로드한다. loading.io/ - 원하는 로딩 이미지 커스텀 후 GIF 클릭해서 다운로드하기 - 다운로드한 파일 images -> loading.gif 저장 2. 코드 적용 - 사이에 아래의 코드 추가 - 와 사이에 아래의 코드 추가 - 바깥쪽에 아래의 코드 추가 - style.css 에 아래의 코드 추가 .load { width: 100%; height: 100%; top: 0; left: 0; position: fixed; d..
Java Script를 사용하다 보면 기능을 하나씩 수행했을때에는 잘 작동하지만 합쳐서 실행할때에 오류가 발생하는 경우가 있다. 이는 하나의 함수가 다 실행하기전 다른 함수가 실행되기 때문에 발생하는 문제이다. 예를들어 보겠다. 아래에 보이는 코드는 1번 함수 실행 후 가져온 값이 있어야 2번 함수를 실행 시킬수 있다. 즉 1번 함수가 끝난 후 2번함수가 실행 되어야 한다는 것이다. 이러한 작업을 해주는것이 async, await 이다. 1번 함수 async function init() { const modelURL = URL + 'model.json'; const metadataURL = URL + 'metadata.json'; // load the model and metadata // Refer t..
