sooleeandtomas

DOM이란? DOM (Document Object Model) : HTML 문서에 대한 인터페이스입니다. DOM 은 구조화된 nodes와 property 와 method 를 갖고 있는 objects로 문서를 표현합니다. * HTML의 property가 궁금하면 ? >

이 아티클을 토대로 작성했습니다. Attribute란? 사전적 정의: a qualityorcharacteristicthat someone or something has. one that is an important part of its nature attirbute는 html 원본 파일에서 "노드들이 ~~~ 한 속성을 갖고있다." 라고 서술할 때 사용됩니다. 주체가 작성자가 되는 것이죠. div는 class를 갖고있고 그 value는 "my-class"입니다. 그래서 attribute는 수정 될 수 없습니다. 만약 document.querySelector(".div").attribute("classname", "soolee") 라고 사용한다면 html 파일 자체를 바꾸는 것인듯 합니다. Property란..

HTTP/1.1, HTTP/2 은 뭐가 다를까? HTTP는 Hyper Text Transfer Protocol 인터넷에서 데이터를 주고받을 수 있는 프로토콜입니다. 다시말해, 클라이언트와 서버가 데이터를 주고받을 때 사용하는 규칙입니다. 프로토콜은 규칙이라고 생각하시면 됩니다. 이렇게 규칙을 정해두었기 때문에, 모든 프로그램이 이 규칙에 맞춰 개발해서 서로 정보를 교환할 수 있게 된 것입니다. HTML형식 HTTP의 특징 HTTP 통신의 특징은 Connectionless와 Stateless라고 할 수 있습니다. Connectionless(비 연결지향) 클라이언트에서 서버에 요청을 보내면 서버는 클라이언트에 응답을 하고 접속을 끊는 특성이 있습니다. (HTTP1.1에서 Connection 헤더에 keep-..

CORS (Cross Origin Resource Sharing)란? CORS 교차 출처 리소스 공유(Cross-origin resource sharing, CORS) 옛날에는, 같은 도메인이 아니라면 리소스를 교환하지 못하게 했습니다. 그런 시기가 있었다고 합니다. Origin =/ domain (비슷한 것 같슴..) 하지만, 머지않아 웹앱이나 다수의 사람이 사용하고, 공유하는 웹의 발전으로 인해 이를 허용해주는 키가 필요했습니다. 과도기에는 JSONP를 통하여 스크립트를 불러오는 척, 데이터를 받아오기도 했습니다. 지금은 CORS를 허용하는 공식적인 루트가 있습니다. CORS 를 통해서 같은 도메인이 아니더라도 가능하도록 한 것입니다. 이를 위해서는 리소스를 요청할 때 클라이언트가 해야 하는 일이 있..

자바스크립트에서 객체 및 배열 자료형이 불변성인 이유에 대하여 Wha is 자료형? 데이터 0,1로 이루어져있습니다. 하나의 메모리 크기를 비트라고 합니다. 비트는 식별자/ 주소값을 통해 위치를 확인합니다. 데이터 타입 Javascript 의 데이터 타입에는 원시형과 참조형이 있습니다. 타입 원시형 primitive 참조형 reference 종류 number, string, boolean, null, undefined object, array, function, date, regex 복사 깊은복사 얕은복사 데이터 영역 데이터 영역, 변수 영역 데이터영역, 변수영역, 변수 안의 오브젝트의 변수 영역 데이터 크기 데이터의 종류에 따라 확보해야 할 메모리의 크기가 다릅니다. 예를 들어 1byte(8bit)로 ..

자바스크립트 이벤트 루프에서 마이크로 태스크, 매크로 태스크란? 우선, 자바스크립트의 이벤트 루프를 설명하고자 합니다. 참고 자바스크립트의 동작 원리: 싱글 스레드인 자바스크립트는 멀티태스킹을 못합니다. 멀티태스킹을 하기 위해서 Node.js나 브라우저, 동시성 업무가 가능한 프로그램을 호출해야 합니다. 이때 필요한 Web API를 통해 동시성 프로그램(node.js / browser) 호출합니다. 여기서 Web API에는 (Ajax, Events(onclick,onscroll...) , Timing(setTimeOut, setInterval)) 등이 있습니다. Web API는 이것을 이벤트큐 또는 마이크로테스크큐에 넣어놓습니다. 여기서 이벤트루프가 콜스텍에 자리가 비었나 확인합니다. 자리가 비었다면, ..