Clear = x^y

querySelector와 getElementById 모두 엘리먼트를 반환하는 메서드입니다. 하지만 각각은 사용 방법, 반환 객체, 성능 등에서 차이가 납니다. 이 글을 통해 querySelector와 getElementById를 자세히 비교해보겠습니다. 🎯 getElementById vs querySelector 다음은 id="username"인 input 엘리먼트를 반환하는 예제입니다. // getElemenyById const username = document.getElementById("username"); // querySelector const username = document.querySelector("#userForm #username"); getElementById element = ..

보호되어 있는 글입니다.

| 블록 레벨 요소 및 인라인 레벨 요소(Block Level Element) 블록 레벨(block-level) : 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 요소입니다. 이 한 줄을 차지한다는 의미는 너비가 100%라는 것을 뜻합니다. 따라서 다음 요소가 양 옆으로 붙을 공간이 없어서 자연스럽게 줄넘김이 됩니다. 블록 레벨은 다음과 같은 특징이 있습니다. margin, width, height 속성을 정의하면 모두 적용됩니다. 이런 특성 때문에 블록 속성을 가진 태그를 화면 구성이나 레이아웃에 사용할 수 있습니다. | 인라인 레벨 요소(Inline Level Element) 인라인 레벨(inline-level) : 줄을 차지하지 않는 요소입니다. 브라우저같은 화면에 표시되는 컨텐츠만큼 영..

AJAX - Response(응답) 서버의 응답을 얻으려면, XMLHttpRequest 객체의 responseText 또는 responseXML 속성을 사용합니다. ※ html 파일과 Request 파일은 같은 서버에 있어야 합니다. (다른 서버에 있는 파일은 적용 되지 않습니다!) - AJAX 기능은 관련 파일들이 같은 서버상에서 있어야 작동 됩니다. 속성 responseText --- 문자열로 응답 데이터를 얻음 responseXML --- XML 데이터로 응답 데이터를 얻음 responseText 속성 서버로부터 응답하는 XML이 없다면 responseText 속성을 사용하십시오. responseText 속성은 문자열로 응답을 반환하여 사용합니다. markup document.getElementBy..