Gapus Dev Blog

null 의도적으로 null이라는 빈 값을 할당했을 때 생기는 타입 undefined 미정의 변수 변수를 선언하고 값을 할당하기 전의 값이며 타입이 결정되지 않은 변수 undelared 미선언 변수 변수 선언조차 되어있지 않은 상태 타입 확인 시 undefined로 확인 NaN Not a Number의 약어 표현을 못하는 수치형 결과 컴퓨터로는 표현할 수 없는 숫자값

var (은)는 변수의 동일 네임으로 재선언 가능, 재할당 가능 let (은)는 변수 재선언 불가, 재할당 가능 const (은)는 변수 재선언, 재할당 모두 불가 var (은)는 function-level scope 이다. 함수 외부에서 호출 시 에러발생 let, const (은)는 block-level scope 이다. 한 블록 내에서만 호출 가능

사용자가 naver.com을 입력하면 URL 주소 중 도메인 네임을 DNS에서 검색 도메인 네임에 해당되는 IP주소를 URL 정보와 함께 전달 URL 정보와 IP 주소는 HTTP 프로토콜을 사용하여 HTTP 요청 메시지를 생성 HTTP 요청메시지는 TCP 프로토콜을 사용하여 인터넷을 거쳐 해당 IP 주소 컴퓨터로 전송 도착한 메시지는 HTTP 프로토콜을 사용해 웹 페이지 URL 정보로 변환되어 해당되는 데이터 검색 검색된 웹 페이지 데이터는 HTTP 프로토콜을 사용해 HTTP 응답 메시지를 생성 TCP 프로토콜을 사용해 인터넷을 통해 본인 컴퓨터로 전송 응답 메시지는 HTTP 프로토콜을 사용해 웹 페이지 데이터로 변환되어 웹 페이지에 의해 출력 참고 출처 https://github.com/WooVicto..

JS파서 중 내부적으로 끌어올려지는 JS 특징이다. 컴파일 단계에서 var, let, const, function, class의 선언을 스캔하여 레티컬 환경이라는 메모리에 저장한다. 변수 생성 단계를 거치며 변수를 생성한다. 선언(Declaration) - 스코프와 변수 객체가 생성되고, 스코프가 변수 객체를 참조한다. 초기화 전까지는 TDZ(Temporal Dead Zone) 상태이다. TDZ란? 초기화 전 메모리에 할당되지 않는 구간을 말하며, 참조 에러(ReferenceError)가 발생한다. 초기화(Initialization): 변수 객체 값을 위한 공간을 메모리에 할당한다. 이 때 할당되는 값은 undefined다. 할당(Assignment): 변수 객체에 값을 할당한다. var은 선언과 동시에..

브라우저 렌더링 원리 브라우저 렌더링의 과정은 HTML, CSS, JavaScript 등을 브라우저 화면에 그리는 과정 렌더링 엔진에서 HTML문서를 파싱하여 태그들을 노드로 변환시켜 계층구조를 형성 DOM(Document Object Model)을 만든다. 파싱 중 태그를 만나면 렌더링 엔진은 정지 자바스크립트 엔진이 처리를 하고 정지된 시점에서 다시 렌더링 엔진 실행 CSS을 파싱하여 스타일시트 객체를 노드화 시켜 CSSOM(Css Object Model)을 만든다. DOM과 CSSOM을 결합시켜 실제 배치될 요소만 렌더 트리를 형성한다. 렌더 트리에 위치를 알려줄 위치와 크기를 알려줘서 레이아웃 구성을 한다. 렌더 트리를 그린다. 참고링크 https://bbangson.tistory.com/87 h..

조건문 - if... else if... else 구조로 되어있다. if 중첩이 가능하다. if(조건) 조건이 참이면 { }를 실행하고, 거짓이면 else를 실행한다. // 기본 구조 if(true){ //true 실행일 때 실행 } else { //false 거짓일 때 실행 } // if 중청 if(true){ //true 실행일 때 실행 } else if(true){ //true 실행일 때 실행 - 위 조건이 거짓일 때 실행 } else { //false 거짓일 때 실행 } 조건문 - switch switch.. case 구조로 되어있다. switch(비교할 값)에서 비교할 값이 case 비교당할 값: 이랑 동일한 case를 실행한다. case와 동일한 값이 없으면 default를 실행한다. 하지만 ..