const pattern = /abc/i; // 리터럴 방식 (대소문자 무시)
const pattern2 = new RegExp("abc", "i"); // 생성자 방식

const regex = /hello\d+/gi; // 숫자 포함 hello 전역·대소문자 무시

const regex = new RegExp("hello\\d+", "gi");

const str = "abbcdefabgh";
const hit = /ab+/.exec(str); // ["abb"]
const exist = /ab+/.test(str); // true

const r = /abc/gi;
console.log(r.source); // "abc"

const regex = /abc/i;
console.log(regex.toString()); // "/abc/i"

// 1) 이메일 검증
const email = /^[\w.-]+@[\w.-]+\.\w+$/;
console.log(email.test("user@test.com")); // true

// 2) 하이라이트 치환
const txt = "The rain in Spain";
console.log(txt.replace(/ain/g, "<b>$&</b>"));
// The r<b>ain</b> in Sp<b>ain</b>

const src = /abc/i.source;
const dynamic = new RegExp(src, "gi"); // 기존 패턴 재사용

const res = /ab+/.exec("xxabbbxx");
console.log(res.index); // 2 (매치 시작 위치)
console.log(res.input); // "xxabbbxx"

throw "예외 메시지";
throw 404;
throw new Error("에러 객체 예외 발생!");

try {
  // 예외 발생 가능 코드
} catch (error) {
  console.error(error.name); // 예: "Error"
  console.error(error.message); // 상세 메시지
} finally {
  console.log("항상 실행됩니다.");
}

try {
  throw new Error("사용자 정의 예외!");
} catch (e) {
  console.log(e.name); // Error
  console.log(e.message); // 사용자 정의 예외!
}

"use strict";

function doStrict() {
  "use strict";
  // 엄격 모드로 동작
}

"use strict";
x = 10; // ReferenceError: x is not defined

location.href = "https://example.com"; // 이동
location.reload(); // 새로고침

history.go(-1); // 이전 페이지
history.forward(); // 다음 페이지

console.log(screen.width, screen.height); // 1920 x 1080

console.log(navigator.language); // "ko"
console.log(navigator.cookieEnabled); // true or false

console.log(window.innerWidth); // 창 너비 확인
alert("Hello!"); // window.alert()와 동일

var width =
  window.innerWidth ||
  document.documentElement.clientWidth ||
  document.body.clientWidth;

var height =
  window.innerHeight ||
  document.documentElement.clientHeight ||
  document.body.clientHeight;

console.log("너비:", width, "높이:", height);

var newWindow = window.open(
  "https://example.com",
  "팝업창이름",
  "width=400,height=300,scrollbars=yes,resizable=yes"
);

newWindow.close();

console.log(window.screenX); // 창의 왼쪽 위치
console.log(window.screenY); // 창의 위쪽 위치

window.alert("안녕!");      // alert("안녕!")와 동일
window.setTimeout(...);     // setTimeout(...), 생략 가능

element.onclick = function () {
  alert("클릭됨");
};

element.addEventListener("click", function () {
  alert("클릭됨");
});

element.addEventListener("click", function (event) {
  console.log(event.type); // "click"
  console.log(event.target); // 클릭된 대상 요소
});

element.addEventListener("click", handler, true); // 캡처링
element.addEventListener("click", handler, false); // 버블링

event.preventDefault();

event.stopPropagation();

element.removeEventListener("click", handlerFunction);

let p = document.getElementById("text");
p.firstChild.nodeValue = "내용이 바뀌었어요!";

let p = document.getElementsByTagName("p")[0];
p.setAttribute("class", "highlight");

let parent = document.getElementById("container");
let oldItem = document.getElementById("item1");
let newItem = document.createElement("div");
newItem.textContent = "새로운 항목";
parent.replaceChild(newItem, oldItem);

let textNode = document.getElementById("text").firstChild;
textNode.replaceData(3, 2, "밤"); // index 3부터 2글자 → "밤"으로 교체

let parent = document.getElementById("list");
let newItem = document.createElement("li");
newItem.textContent = "새 항목";
parent.appendChild(newItem);

let parent = document.getElementById("list");
let newItem = document.createElement("li");
let beforeItem = document.getElementById("target");
parent.insertBefore(newItem, beforeItem);

let textNode = document.getElementById("text").firstChild;
textNode.insertData(5, " 나른한");

let para = document.createElement("p");
para.textContent = "새 문단입니다.";
document.body.appendChild(para);

let text = document.createTextNode("텍스트만!");
document.getElementById("box").appendChild(text);

let attr = document.createAttribute("style");
attr.value = "color: red";
document.getElementById("title").setAttributeNode(attr);

el.setAttribute("style", "color: red");

let list = document.getElementById("list");
let item = document.getElementById("item");
list.removeChild(item);

document.getElementById("title").removeAttribute("style");

let origin = document.getElementById("item");
let copy = origin.cloneNode(true); // true: 자식까지 복제
document.getElementById("list").appendChild(copy);

let items = document.getElementsByTagName("li");
items[0].style.color = "red";

let firstNode = document.getElementById("list").firstChild;

console.log(document.body.nodeName); // "BODY"

let txt = document.getElementById("title").firstChild.nodeValue;

let type = document.getElementById("title").firstChild.nodeType;

let ul = document.getElementById("list");
console.log(ul.lastChild); // #text일 수 있음!

function findLastElementChild(parent) {
  let node = parent.lastChild;
  while (node && node.nodeType !== 1) {
    node = node.previousSibling;
  }
  return node;
}

<ul id="fruits">
  <li>🍎 사과</li>
  <li>🍌 바나나</li>
  <li>🍇 포도</li>
</ul>

let list = document.getElementById("fruits");
let node = list.lastChild;

while (node.nodeType !== 1) {
  node = node.previousSibling;
}
console.log(node.textContent); // "🍇 포도"

const items = document.querySelectorAll("li.odd");
items.forEach((item) => {
  item.style.color = "red";
});

el.innerHTML = "<b>굵게!</b>"; // 태그 포함 (HTML 삽입)
el.textContent = "<b>굵게!</b>"; // 그대로 출력 (태그 무효)

const link = document.getElementById("link");
link.href = "https://naver.com";
link.target = "_blank";

const box = document.querySelector(".box");
box.addEventListener("mouseenter", () => {
  box.style.backgroundColor = "yellow";
});

box.classList.add("active");
box.classList.toggle("dark-mode");

const nums = [3, 1, 2];
nums.sort((a, b) => a - b); // [1, 2, 3]

const numbers = [1, 2, 3, 4, 5];
const squared = numbers.map((n) => n ** 2); // [1, 4, 9, 16, 25]
const even = numbers.filter((n) => n % 2); // [1,3,5] → 홀수
const sum = numbers.reduce((a, b) => a + b); // 15

let arr = [1, 2, 3, 4, 5];

// ① push / pop
arr.push(6); // [1,2,3,4,5,6]
arr.pop(); // [1,2,3,4,5]

// ② splice로 특정 위치 값 교체
arr.splice(2, 1, 99); // [1,2,99,4,5]

// ③ find & findIndex
const firstBig = arr.find((n) => n > 3); // 4
const idxBig = arr.findIndex((n) => n > 3); // 3

// ④ copyWithin으로 내부 복사
[1, 2, 3, 4].copyWithin(2, 0, 2); // [1,2,1,2]