귀여운 눈높이에서 작성된, 🐰

하루 한 걸음씩, 성장 하는 중 입니다 🫶🏻

2025/03/11 3

자바스크립트 공부하기 - 브라우저의 기본 기능 (Alert, Confirm, Prompt)

브라우저의 기본 제공 기능인 **대화 상자(Dialog box)**을 알아보자자바스크립트에서는 사용자와 상호작용을 위해 여러 가지 대화 상자를 사용할 수 있다.이들은 Window 객체의 메서드로 분류 Q. 그러니까 이런 대화 상자 안에 document.querySelector의 변수 같은 걸 넣을 수 있다는거지 ?A. 네. document.querySelector를 사용해서 웹 페이지에서 특정 요소를 선택한 후, 그 값을 alert, prompt, confirm 등의 대화 상자에 넣을 수 있습니다.1. Alert 대화 상자 alert()사용자에게 정보를 알리는 창을 띄우는 메서드.사용자에게 하나의 버튼(확인)을 제공alert("이것은 알림 창입니다!");   2. Confirm 대화 상자 (confirm..

Studying/JavaScript 2025.03.11

자바스크립트 공부하기 - DOM, 메서드

아이고 끙끙 어렵다 어려워한 발자국이 험난한 개발자로의 길..  자바스크립트에서 DOM (Document Object Model)은 웹 페이지의 구조를 다루는 방법이야.간단하게 말하자면, DOM은 웹 페이지를 자바스크립트로 제어하고 수정할 수 있게 해주는 창구 같은 거야. HTML 문서가 있으면, DOM은 그 문서의 각 요소(제목, 단락, 버튼 등)를 객체로 변환하고,자바스크립트는 이 객체를 조작해서 페이지의 내용이나 스타일을 변경할 수 있어.💡자바스크립트에서 선택자를 사용할 때, 괄호 안에 작은 따옴표(' ')나 큰 따옴표(" ")는 꼭 써야 한다.   두 가지 모두 괜찮고, 중요한 건 선택자 문자열을 감싸야 한다는 점 !    즉, 아이디나 클래스를 선택할 때는 다음처럼 사용합니다:getElemen..

Studying/JavaScript 2025.03.11