안녕하세요! 오늘은 DOM 객체로 HTML 요소의 속성 바꾸는 법에 대해 공부하고자 합니다. 여기서 잠시!! 이 글을 읽기 DOM객체에 관련된 글을 읽고 와주세요!! 그럼 이제 DOM 객체로 HTML 요소의 속성을 바꾸는 법에 대해 알아보겠습니다!! 텍스 필드의 값 다루기 1. 텍스트 필드의 값 가져오기 값 가져오기 function getValue() { var textField = document.getElementById('myTextField'); var textFieldValue = textField.value; alert('텍스트 필드의 값: ' + textFieldValue); } 사용자가 입력한 텍스트 필드의 값을 가져오기 위해 getElementById로 해당 텍스트 필드를 찾고, 그 값은..
안녕하세요! 오늘은 자바스크립트의 DOM 객체와 이벤트 처리에 대해 공부하고자 합니다. 여기서 잠시!! 이 글을 읽기 전에 함수와 이벤트에 대해 잘 모르신다면 이 글(함수) 과 이 글(이벤트)을 읽고 와주세요!! 그럼 이제 DOM 객체와 이벤트 처리에 대해 알아보겠습니다!! DOM이란? DOM이란 Document Onject Model의 약자입니다. 문서 객체 모델이라고 하며 HTML 혹은 XML문서의 구조화된 표현을 제공하는 표준입니다. HTML에서는 자바스크립트가 DOM 구조에 접근 할 수 있는 방법이 제공되 이를 문서 구조, 스타일, 내용등을 변경 할 수 있습니다. document document는 웹 문서 자체를 가리키는 DOM요소 중 하나입니다. 간단한 문서를 통해 document에 대해 살펴보..
안녕하세요! 오늘은 자바스크립트의 이벤트와 이벤트 리스너에 대해 공부하고자 합니다. 본격적으로 이벤트와 이벤트 리스너를 알아보기 전에 몇 가지 용어를 정리해보겠습니다. 대부분의 함수는 사용자가 화면에서 버튼을 클릭하거나 항목을 선택했을 때 실행됩니다. 이처럼 버튼을 클릭하거나 항목을 선택하는 것은 이벤트(event)라고 하고, 이벤트가 발생했을 때 실행하는 함수를 이벤트 처리기라고 합니다! 이제 이벤트에 대해 알아보겠습니다. 오늘은 총 4가지의 이벤트에 대해 알아볼 것입니다! 1. 마우스 이벤트 마우스를 동작하였을 때 발생하는 이벤트입니다. click : 사용자가 HTML 요소를 클릭할 때 이벤트가 발생합니다. dblclick : 사용자가 HTML 요소를 더블클릭할 때 이벤트가 발생합니다. mousedo..
안녕하세요! 오늘은 자바스크립트의 전역과 지역 변수 및 함수에 대해 공부하고자 합니다. 여기서 잠시!! 이 글을 읽기 위해서는 함수에 대한 이해도가 어느정도 필요합니다. 그래서 만약 전 글을 읽지 않으셨거나 함수에 대해 잘 모르신다면 이 글을 읽고 와주세요!! 본격적으로 전역변수와 지역변수를 알아보기 전에 몇 가지 용어를 정리해보겠습니다. 먼저 전역변수와 지역변수의 개념을 이해하기 위해서는 함수 스코프의 이해가 필요합니다. 함수 스코프란? 스코프(Scope)의 사전적 의미는 '범위'이며, 여기에서는 변수 또는 함수의 유효 범위를 가리킵니다. ✓ 스코프는 변수 또는 함수의 유효 범위를 의미합니다. ✓ 지역 변수는 스코프 영역에서 선언한 변수를 가리킵니다. 스코프 영역에서만 사용할 수 있습니다. ✓ 지역 함..
안녕하세요! 오늘은 자바스크립트의 함수에 대해 공부하고자 합니다. 본격적으로 함수를 알아보기 전에 몇 가지 용어를 정리해보겠습니다. 함수를 사용하는 것을 함수 호출, 즉 '함수를 호출한다'라고 표현합니다. 함수를 호출할 때는 괄호 내부에 여러 가지 자료를 넣는데, 이러한 자료를 매개변수라고 부릅니다. 그리고 함수를 호출해서 최종적으로 나오는 결과를 리턴값이라고 부릅니다. 익명함수 함수는 코드의 집합을 나타내는 자료형이며, 기본형태는 다음과 같습니다. fuction() {} 함수를 코드의 집합이라고 말하는 이유는 중괄호 {...} 내부에 코드를 넣기 때문입니다! 함수를 사용하면 좋은 점은 다음과 같습니다. 1. 반복되는 코드를 한 번만 정의해놓고 필요할 때마다 호출하므로 반복작업을 피할 수 있습니다. 2...
