소상공인 감자네

1. 요소의 내용 조작하기HTML 요소의 태그 사이에 들어가는 텍스트나 다른 HTML 태그를 조작하는 방법이다.두 가지 속성이 사용되며, 역할이 명확히 다르다.a. 텍스트만 변경 - textContenttextContent 는 요소 내부의 순수한 텍스트 내용만을 가져오거나 설정할 때 사용한다.보안상 가장 안전하며, 성능도 준수하다. - 용도 : 사용자에게 보여줄 단순한 텍스트나 숫자만 변경 시- 특징 : 새로운 HTML 태그가 삽입되면, 그것을 태그가 아닌 일반 텍스트로 처리/*HTML 예시기존 텍스트*/// 1. 변경할 태그 선택const messageDiv = document.querySelector('#message');// 2. 내용 설정 (순수한 텍스트만 삽입)messageDiv.textCont..

자바스크립트의 기본 반복문이라 할 수 있는 while, for 문을 알았다면 현대적인 반복문인 forEach() 매서드를 알 차례이다. forEach() 는 단순히 반복을 수행하는 것을 넘어, 코드를 훨씬 간결하고 읽기 쉽게 만들어 준다. 1. forEach() 란?for 문 같은 경우는 let i=0; i이는 매우 유연하지만 대신 코드가 길고 복잡해지는 단점이 있다. forEach() 는 배열(Array)이 기본적으로 가지고 있는 내장 매서드이다.직접 반복 횟수를 관리하지 않아도, 배열의 모든 요소를 순서대로 하나씩 꺼내어 지정된 작업을 수행할 수 있다. a. forEach() 의 구조forEach() 는 콜백 함수(Callback Function) 를 인수로 받는다. 이 콜백 함수는 배열의 각 요소..

DOM(Document Object Model)DOM은 Document Object Model의 약자로HTML 이나 XML 같은 문서(Document)를 프로그래밍 언어(여기선 자바스크립트)가접근하고 조작할 수 있는 객체(Object) 형태로 모델링(Model)한 것이다. 쉽게 말해 HTML은 단순한 텍스트 파일이지만, 웹 브라우저가 HTML을 읽어 자바스크립트가 이해할 수 있는 메모리상의 데이터 구조로 변환한 것이 DOM이라고 할 수 있다. 자바스크립트(Javascript)와 DOM의 관계자바스크립트의 역할은 웹 페이지의 동적인 동작을 구현하는 것이다. 예를 들어 "버튼을 클릭해 배경색을 바꿔라" 는 명령을 내리려면, 자바스크립트가 웹페이지의 '버튼'이라는 요소와 '배경색'이라는 스타일에 접근 할 수..