Untitled_Blue

안녕하세요. 이번 글은 객체에 대한 설명입니다. - 객체란? 속성의 집합체이며 하나의 사물을 정의한다. 배열 안에는 위치를 나타내는 인덱스와 위치 내에 있는 데이터인 요소로 구성되어있다. 객체의 종류는 대표적으로 배열, 함수, 날짜, 정규 표현식 등이 있다. 다음과 같이 하나의 객체 안에 쉼표를 기준으로 여러 개의 요소를 설정할 수 있으며 요소 안에는 키와 값으로 구성되어 있다는 점을 확인할 수 있다. const blog_info = { 이름 : 'Untitled_Blue', 소속 : 'Tistory', 블로그생성일 : '2023.03.11' }; document.write(blog_info['이름'] + " "); document.write(blog_info['소속'] + " "); document.w..

안녕하세요. 이번 글은 이벤트에 대한 설명입니다. - 이벤트란? 웹 문서 내 태그 요소에 반응하기 위한 일종의 도구 이벤트의 종류는 크게 마우스, 키보드, 문서 로딩, 폼 이벤트로 구성되어 있다. - 마우스 이벤트 (Mouse Event) - on + Event 종류 설명 click 특정 요소를 클릭할 때 이벤트 발생 dblclick 특정 요소를 더블 클릭할 때 이벤트 발생 mousedown 특정 요소를 클릭하자마자 이벤트 발생 mousemove 특정 요소 내에 마우스의 움직임이 감지될 때 이벤트 발생 mouseover 특정 요소 내에 마우스 커서가 올라갔을 때 이벤트 발생 mouseout 특정 요소 내에 마우스 커서가 벗어났을 때 이벤트 발생 mouseup 특정 요소를 클릭하고 버튼을 떼자마자 이벤트 ..

안녕하세요. 이번 글은 함수에 대한 설명입니다. - 함수와 이벤트는 무엇인가? 함수 : 구현하고자 하는 로직을 하나의 모듈로 구성해둔 일종의 집합체 - 함수에 대한 기본적인 이해 익명 함수 : function에 함수명을 직접적으로 사용하지 않고 변수에 직접적으로 대입하는 방식의 함수 선언적 함수 : 가장 일반적이며 함수명이 직접적으로 명시되는 방식의 함수 콜백 함수 : 어떠한 특정 매개체에 의해 호출되는 함수 다음과 같이 익명함수는 직접적으로 변수에 함수에 대한 로직을 대입하는 방식을 가지고 있음을 확인할 수 있다. function mFn01() { document.write('선언적 함수는 가장 일반적인 방식이며 일반 프로그래밍에서의 메서드와 같습니다.'); document.write(' '); } f..

안녕하세요. 이번 글은 자바스크립트 기본 문법에 대한 설명입니다. - 변수와 자료형 var a = 10; var b = 20; document.write(a + b + " "); const k = 20; const j = 30; document.write(k + j + " "); document.write(typeof k + " "); let c = "Hello"; let d = true; document.write(typeof c + " "); document.write(typeof d); 먼저 자바스크립트에서의 변수와 자료형은 별도로 데이터 타입을 구분하지 않는다는 점을 확인할 수 있다. 이를 다르게 말하면 하나의 변수에 여러 타입의 데이터를 대입할 수 있다는 뜻이다. 이는 typeof [변수명]을 ..

안녕하세요. 이번 글은 자바스크립트의 기초에 대한 설명입니다. - 자바스크립트(Javascript) 란? 웹 문서의 동적인 요소를 시작으로 시각적으로 반응하는 효과를 부여하기 위한 하나의 언어 자바스크립트를 통해 웹의 요소를 제어할 뿐만 아니라 다양한 API를 제작할 수 있으며 서버도 개발할 수 있다. - 자바스크립트를 사용하는 방법 HTML 문서 안에 태그를 통한 구현 방법을 인라인 기법이라 하며 이외에도 외부 파일을 불러오는 방법으로도 자바스크립트 코드를 실행할 수 있다. - 표현식과 문장 표현식 : 연산, 실제 값, 함수(메서드)를 의미한다. 문장 : 조건문과 제어문 같은 명령문을 의미한다. - 웹사이트에 알림창을 띄우다. alert(), comfirm(), prompt() alert("메시지") ..