Tech notes

📣 Equality vs Identity 자바스크립트에서 두 개의 피연산자가 동일한지 확인하는 방법은 두 가지가 있다. - 동등 연산자 (equality operator) == - 일치 연산자 (identity operator) === 두 연산자의 차이점은, 동등 연산자는 타입을 변환해서 검사하고 일치 연산자는 그렇지 않다는 것이다. const stringFive = '5'; const numberFive = 5; // == loose equality, with type conversion console.log(stringFive == numberFive); //true console.log(stringFive != numberFive); //false // === strict equality, no t..

IT/Javascript 2021. 1. 18. 12:08

✅ SCRIPT HTML은 코드 실행 중에 또, 한 스크립트가 다른 스크립트에 의존하고 있다면 순차적으로 연결된 스크립트를 실행하기 때문에, HTML 코드를 실행하기 까지 기다리는 시간은 더 길어질 것이다. 💡 만약 이 경우엔 브라우저가 HTML 코드 읽어오는 걸 마치고 → 자바스크립트 파일을 다운 → 자바스크립트를 실행한다. HTML이 로드 될 때까지 기다리지 않아도 되지만, 자바스크립트에 의존적인 코드라면 정상적인 웹페이지를 보기까지 많은 시간이 걸린다는 문제가 있다. 결국 이런 문제를 해결하기 위해 고안된 게 Async와 Defer이다. 이 둘은 브라우저가 HTML 코드를 읽는 작업(parsing)과 자바스크립트 파일을 다운받는 과정을 동시 병렬적으로 진행할 수 있다. 앞으로 설명을 간단히 하기 위..

IT/Javascript 2021. 1. 18. 10:43

자바스크립트는 이벤트 루프(event loop)에 기반해서 만들어진 동시성 모델(concurrency model)로 C와 JAVA 같은 언어들과는 좀 다르다. 웹 개발자들은 사용자에게 좀 더 매끄러운 브라우징 경험을 제공하기 위해 이벤트 루프를 사용한다. Concurrency model and the event loop JavaScript has a concurrency model based on an event loop, which is responsible for executing the code, collecting and processing events, and executing queued sub-tasks. developer.mozilla.org 자바스크립트의 런타임 스택 (Stack) 아래 ..

IT/Javascript 2020. 10. 19. 18:19

인터넷은 다른 서버들에서 호스트된 리소스들로 구성되어 있다. (HTML파일, stylesheet, 이미지, 비디오, script같은) 인터넷 상의 컨텐츠에 접근하기 위해선 리소스들을 서버에서 불러오는 작업이 필요하다. 서버에 대한 리퀘스트 작업과 그 응답이 우리가 보고 있는 이 페이지이다. HTTP란? Hyptertext Transfer Protocol의 약어. 인터넷 상의 데이터를 주고 받기 위한 프로토콜(=규칙) 리소스들의 전달은 TCP(Transmission Control Protocol; 전송 제어 프로토콜)를 통해 이루어진다. TCP는 한 컴퓨터나 장치가 다른 쪽으로 무언가를 보낼 때 인터넷 연결을 관리한다. HTTP는 올바르게 정보를 주고 받기 위해 양쪽이 다 따라야 하는 명령어(command..

IT/Javascript 2020. 10. 17. 18:21