[JavaScript] children, parent, siblings, before after, remove, classList, forbidden, char num, date

dom children html DOCTYPE html> Document HTML CSS Vanila js React js // TODO: 자식 요소(태그) 접근 // 선택함수 : querySelector(css선택자) let ulTag = document.querySelector("ul"); // ul 태그 // TODO: 사용법 : 태그.children[1] : 2nd li // 태그.children[2] ; 3rd li let two = ulTag.children[1].innerHTML; // 2nd li의 텍스트 let three = ulTag.children[2].innerHTML; // 3rd li의 텍스트 // 출력 console.log("two", two); console.log("thre..

• format_list_bulleted JavaScript
• · 2023. 8. 23.
• textsms

[CSS] 사용법 및 입문

css 입문 html DOCTYPE html> Document css3 선택자 기본 css3 선택자 기본 css /* 주석 단축키 : ctrl + / */ /* 코딩 용어 : /(슬래쉬), \(역슬랴쉬), ;(세미콜론) */ /* 사용법 : 태그선택자 { 속성:값; } */ h1 { /* 글자색 */ color:burlywood; /* 바탕색 */ background-color: blue; } 결과 css2 html DOCTYPE html> Document 제목 글자 태그 안녕하세요 홍길동입니다. css /* (wildcard) * : 전체 선택자 */ /* 사용법 : *{ 속성:값; } */ *{ color: red; } h1 { color: aqua; background-color: blue; } 결..

• format_list_bulleted Css
• · 2023. 8. 3.
• textsms

[HTML] HTML(비쥬얼 스튜디오 시작 세팅 및 사용법) 폰트, 태그, 텍스트, 오디오, 이미지

비쥬얼 스튜디오 코드 다운로드 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com c드라이브 Work 파일 코드로 열기 7종 파일 깔기 +1 Prettier, Material Icon Theme, E..

• format_list_bulleted Html
• · 2023. 8. 1.
• textsms