내일배움캠프 TIL 23/09/27

---

JS에 대한 이해

• getElementByID("") : 괄호 안의 이름의 id에서 element(요소)를 가져오는 것이라고 처음엔 이해를 했었는데, 그냥 단순히 괄호 안의 이름을 가진 id 값(element)을 가져오는 것이라 생각하면 된다.
  https://kyounghwan01.github.io/blog/JS/JSbasic/getElementById/#%E1%84%89%E1%85%A1%E1%84%8B%E1%85%AD%E1%86%BC%E1%84%87%E1%85%A5%E1%86%B8
  위 블로그 글을 참고했고 아래 예시로 간단하게 이해가능했다.

HTML
<button id="jsmode">바뀌기 전 text</button>

JS
const mode = document.getElementById("jsmode");
mode.addEventListener("click", function() {
  if (mode.innerText === "바뀌기 전 text") {
    mode.innerText = "바뀐 text!";
  } else {
    mode.innerText = "바뀌기 전 text";
  }
});

document.getElemnetById 형태로 강의에서도 사용했는데 document 값 대신 다른 것을 사용할 수 있는지는 알아봐야할 것 같다. document가 html이라고 생각하면 되기 때문에 예의 코드에선 html 안의 'jsmode'라는 id를 가진 버튼을 JS 내에선 mode라는 변수로 지정해준 것이다.

---

1. replace 함수에 대한 설명
   replace는 문자열을 변경하는 함수이다. 문자열 안에서 특정 문자를 새로운 문자로 변경하는 기능을 가지고 있다. 사용 방법은 '변수. replace(old, new, [count])' 형식으로 사용한다.

• old : 현재 문자열에서 변경하고 싶은 문자
• new: 새로 바꿀 문자
• count: 변경할 횟수. 횟수는 입력하지 않으면 old의 문자열 전체를 변경한다. 기본값은 전체를 의미하는 count=-1로 지정되어있다.

---