<star />

1. null 1) null 타입의 값은 null 이 유일하다. 2) 변수에 값이 없다는 것을 의도적으로 명시할 때 사용한다. 3) 변수에 null 을 할당하는 것은 변수가 이전에 참조하던 값을 더 이상 참조하지 않겠다는 의미다. 이는 이전에 할당되어 있던 값에 대한 참조를 명시적으로 제거하는 것을 의미하며, 자바스크립트 엔진은 누구도 참조하지 않는 메모리 공간에 대해 가비지 콜렉션을 수행할 것이다. const theboyz = 'tbz'; //이전 참조를 제거한다 //theboyz 변수는 더 이상 'tbz' 를 참조하지 않음! //변수의 스코프를 좁게 만들어 변수 자체를 재빨리 소멸시키는 편이 나음 theboyz = null; 함수가 유효한 값을 반환할 수 없는 경우 명시적으로 null 을 반환하기도 ..

(가요계에는 더보이즈 큐가 있다.) 자바스크립트는 싱글 스레드로 동작한다. 🙂 싱글 스레드 방식은 한 번에 하나의 태스크만 처리할 수 있다는 것을 의미한다. 1️⃣ 하지만, 브라우저 동작을 살펴보면 수많은 태스크가 동시에 처리되는 것처럼 느껴진다. 🌪 1) 이벤트 루프 - 자바스크립트의 동시성 (concurrency) 을 지원한다. - 브라우저에 내장된 기능 중 하나. ⭐️ 콜 스택 (call stack) - 소스 코드 (전역 코드나 함수 코드 등...) 평가 과정에서 생성된 실행 컨텍스트가 추가되고, 제거되는 스택 자료구조인 실행 컨텍스트 스택이 바로 콜 스택이다. - 함수를 호출하면 함수 실행 컨텍스트가 순차적으로 콜 스택에 푸시되어 순차적으로 실행된다. - 자바스크립트 엔진은 단 하나의 콜 스택을 ..

자동 완성의 시대에서 우린, html 파일 최상단에 위치한 DOCTYPE html> 선언을 아주 쉽게 볼 수 있다. 도대체 저게 뭘까? 왜 선언하는 걸까? 🤔 DOCTYPE 선언은 항상 문서 최상단에 위치하고 있어야 한다. 생략될 경우에는, 웹 브라우저에서 표준 모드가 아닌, 비표준 모드가 되어 크로스 브라우징에 오류가 생길 수 있다. 이미 오래 전에 작성된 레거시한 태그들이 존재할 경우에는 브라우저에서 현재 버전을 기준으로 구버전을 문법 오류로 간주할 수 있기 때문에 과거 버전의 문서를 보존시키기 위해서는 DOCTYPE 선언은 매우매우 중요하다. 요즘은 html 파일 자동 완성 된다고 까불지 말고 항상 인지하고 있자. 화이팅. 🫡

HTTP - 웹상에서 클라이언트와 서버 간에 데이터를 주고받을 수 있는 프로토콜이다. - 클라이언트가 HTTP 프로토콜을 통해 서버에 요청을 보내면 서버는 요청에 맞는 응답을 클라이언트에게 전송한다. 1. GET 방식 - 클라이언트가 서버로 데이터를 요청할 때 사용되는 Method. - 요청을 전송할 때, 데이터를 body에 담지 않고 쿼리스트링을 통하여 전송한다. - URL 의 끝에 ? 와 함께 Key와 Value로 쌍을 이루는 요청 파라미터를 쿼리스트링이라고 부른다. (요청 파라미터가 여러 개면 &로 연결한다.) - 쿼리스트링 사용 시 URL 에 조회 조건을 표시하기 때문에 특정 페이지를 링크하거나, 북마크 할 수 있다. - 불필요한 요청을 제한하기 위하여 캐싱된다. (캐싱이란? 한번 접근 후 재요청..

렌더링이란 HTML,CSS, 자바스크립트 등 개발자가 작성한 문서가 브라우저에서 출력되는 과정을 말한다. 브라우저는 렌더링을 수행하는 렌더링 엔진을 가지고 있다. 크롬은 블링크(Blink), 사파리는 웹킷(Webkit), 파이어폭스는 게코(Gecko)라는 렌더링 엔진을 사용함. 1️⃣ 사용자가 브라우저를 통해 웹에 접속하면, 서버로부터 HTML, CSS 등 웹에 필요한 리소스를 다운로드 받는다. 브라우저가 페이지를 렌더링 하려면 HTML, CSS 파일을 Object Model 로 만들어야 한다. 👉🏻 HTML 은 DOM(Document Object Model) Tree , CSS 는 CSSOM(CSS Object Model) Tree 2️⃣ Rendering Tree 생성 DOM Tree와 CSSOM T..

교차 출처 리소스 공유 : CORS 가 뭐예요? - 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려 주는 체제. - 웹은 리소스가 자신의 출처. 즉, 도메인, 프로토콜, 포트와 다를 때, 교차 출처 HTTP 요청을 실행한다. - https://aaaaa.com 의 프론트엔드 자바스크립트 코드가 XMLHttpRequest 를 사용하여 https://aaaaa.com/data.json 을 요청하는 경우를 교차 출처 요청의 예시라고 볼 수 있음. - 보안상의 이유로 브라우저는 스크립트에서 시작한 교차 출처 HTTP 요청을 제한함. 예를 들어, XMLHttpRequest 와 Fetch API 는 동일 출처 정책..