📌 전체 게시글 목록

0 - + " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스🔖 .html 파일 0 - +  🔖 .js 파일// css 선택자로 태그 선택하기const myTag = document.querySelector('#myNumber');console.log(myTag);const myTag2 = document.getElementById('myNumber');console.log(myTag2);cons..

유사 배열(Array-Like Object)이란 ?1. 숫자 형태의 indexing이 가능하다  2. length 프로퍼티가 있다.  3. 배열의 기본 메소드를 사용할 수 없다.indexing을 통해 유사 배열의 요소에 접근하는 건 쉽지만 수정하거나 삭제가 까다롭습니다.그래서 내부의 요소들은 배열처럼 다룰 수 있게 하면서 배열의 메소드 사용을 막고 싶거나, 혹은 일반 배열에는 없는 특별한 메소드를 제공하고 싶을 때 유사 배열을 만들어 활용합니다 !  4. Array.isArray(유사 배열)은 false다. 🚨 주의사항 - 유사 배열은 다양하다 !유사 배열은 위의 특징들을 가진 대부분의 형태를 가리키는 포괄적인 개념이기 때문에 정말 다양한 형태로 존재합니다.예를 들어 HTMLCollection의 경우 ..

🙋🏻‍♀️ 시맨틱 태그를 사용하면 좋은 점을 설명해 주시오.🙋🏻‍♀️ position의 속성들과 각각의 특징을 설명해 주시오. 시맥틱 태그 사용의 이점향상된 접근성 - 향상된 접근성은 장애가 있는 사람들이 웹 콘텐츠와 애플리케이션을 더욱 유용하게 만드는 것을 의미스크린 리더 호환성시각 장애가 있는 사용자를 위해 화면 판독기를 통해 내용을 소리내어 읽을 수 있도록 합니다.키보드 탐색사용자가 키보드만을 사용하여 사이트를 탐색할 수 있도록 하며, 이는 마우스를 사용할 수 없는 사용자에게 매우 중요합니다.명확하고 설명적인 콘텐츠사용자가 콘텐츠와 탐색 구조를 이해할 수 있도록 명확한 제목, 레이블 및 설명을 제공합니다.이미지용 대체 텍스트이미지를 볼 수 없는 사용자에게 동일한 정보를 전달하기 위해 이미지에..

✅ em 단위기준: em 단위는 요소의 직접적인 부모 요소 또는 자신의 글꼴 크기를 기준으로 합니다.상대적 크기: 부모 요소의 글꼴 크기에 상대적이므로, 중첩된 요소들의 크기 계산이 복잡해질 수 있습니다.사용 예: 특정 요소의 크기를 그 요소가 포함된 컨텍스트 내에서 상대적으로 설정할 때 유용합니다.✅ rem 단위기준: rem 단위는 루트 요소(html 요소)의 글꼴 크기를 기준으로 합니다.일관성: 전체 문서에서 동일한 기준을 사용하므로, 일관된 크기 조정을 할 수 있습니다.사용 예: 전체 문서에서 일관된 상대적 크기를 설정할 때 유용합니다. 사용 예`em` 사용 예 Container element with font-size: 1.5em Nested element with fon..

aside와 article을 함께 사용한 예제 Main Article Content This is the main content of the article. It contains the primary information and details on the topic being discussed. Related Articles Related Article 1 Related Article 2 Related Article 3   aside와 section을 함께 사용한 예제 Section Main Content This is the main content of the section. It covers a specific par..

fieldset 태그 Personal Information Name: Email: Account Details Username: Password: Submit설명fieldset 태그는 HTML 폼 내에서 관련된 폼 컨트롤을 그룹화하는 데 사용됩니다. 시각적으로 그룹을 묶어주는 역할을 하며, 일반적으로 legend 태그와 함께 사용되어 그룹의 제목을 제공합니다.특징그룹화: 관련된 폼 요소들을 논리적으로 그룹화하여 사용자의 이해를 돕습니다.시각적 구분: 브라우저는 fieldset 요소에 기본적으로 테두리를 제공하여 시각적으로 구분되도록 합니다.legend와 함께 사용: legend 태그는 fieldset의 제목..