FrontEnd/Javascript 썸네일형 리스트형 async vs defer in HTML script tags async async를 포함 시킴으로써 해당 스크립트를 비동기로 fetch 할 수 있다. 해당 스크립트는 다운로드가 되자마자 실행되기 때문에, HTML parsing 작업이 끝나기전에 실행 될 수 있다. 때문에, HTML parsing 작업을 잠재적으로 방해할 수 있다. 방해 예시) 만약 다운로드된 스크립트안에 직접적으로 DOM에 접근하여 특정 element를 추가/수정 하는 코드가 존재하려 하고, 해당 element가 아직 HTML parsing (drawing render tree)가 진행 중이라면 에러가 발생할 수 있다. 다수의 script가 async와 함께 선언되었다면, 비동기적으로 fetch하여 다운로드가 순차적으로 진행 되지 않는다. 💡 따라서, async는 DOM structure에 영향을.. 더보기 document.referrer 구현 회사에서 이번에 맡은 업무 중에 referrer를 통해 resource를 전달받아야 하는 경우가 있었다. 구현 도중에 safari 환경에서 난관에 부딪혀, 구현 방향을 referrer가 아닌 query parameter로 바꾼 과정에 대한 일지를 작성. 먼저, document.referrer 란? 1. 현재 페이지 이전의 URI 정보를 반환 Ex) example.com -> secondExample.com secondExample.com 에서 referrer를 통해, example.com 값을 받아 올 수 있다. 2. header 쪽에 종속되어 있다. 접근 방법 (GET) document.referrer; 설정 방법 (SET) Object.defineProperty(document, "referrer",.. 더보기 Immutable vs Mutable Immutable vs Mutable Mutable is a type of variable that can be changed. In JavaScript, only objects and arrays are mutable, not primitive values. A mutable object is an object whose state can be modified after it is created. Immutables are the objects whose state cannot be changed once the object is created. 요약 Mutable - 메모리 상에서 할당된 값을 변환할 수 있는 것 - 해당 데이터 주소를 찾아서 값을 반환 Immutable - 메모리에 할당된 값을 변환.. 더보기 이전 1 다음
