JavaScript

JavaScript는 웹 페이지에 동적인 기능을 추가할 수 있는 프로그래밍 언어동적 프로그래밍 언어: HTML, CSS로는 불가능한 실시간 데이터 변경이나 페이지 내 상호작용을 구현가능멀티 플랫폼: 웹, 서버(Node.js), 데스크톱, 모바일 애플리케이션 등 다양한

let: 값이 변경 가능한 변수const: 값을 변경 못하는 변수var: 옛날에 쓰던 방식문자열에서 따옴표와 쌍따옴표는 똑같음템플릿 리터럴을 사용한 표현식 출력parseInt(), Number()parseInt()는 문자열이 껴있어도 변환되지만, Number()는 그렇

기본함수 선언익명함수 선언화살표함수 선언

이벤트 : 웹 브라우저에서 발생하는 특정 상황이벤트 핸들러 : 특정 이벤트가 발생했을 때 실행되는 함수마우스 이벤트click: 요소를 클릭할 때 발생dbclick: 요소를 더블 클릭할 때 발생mouseover: 요소 위로 마우스를 올렸을 때 발생mouserout: 요소

배열은 대괄호를 이용하고 쉼표로 구분한다(길이 제한 없다, like list!)

가변인자 : 가변 인자를 사용하면 동적으로 개수가 달라지는 여러 개의 인자를 함수에서 처리할 수 있음argumentsarguments객체는 배열과 유사한 객체, 함수에 전달된 모든 파라미터를 포함한 배열임(근데 엄밀히 말하면 배열은 아님)배열은 아니지만 length속성

JavaScript에서는 {}를 사용해 객체를 정의property와 method의 요소로 이루어짐Property : 객체가 가진 key-value 쌍Method : 객체의 동작을 정의하는 함수위의 코드에서 person객체는 name과 age를 property로 가지고,

JavaScript객체의 부모객체Object.keys() : 객체의 모든 키를 배열로 반환Object.values() : 객체의 모든 값을 배열로 반환Object.assign() : 객체를 병합할 때 사용toUpperCase(), toLowerCase() : 문자열을

DOM은 웹 페이지를 조작/제어하는 기능DOM은 HTML문서를 트리구조의 객체모델로 표현하여 요소를 선택/변경/삭제가 가능함DOM으로 HTML문서가 트리구조로 표현되어 HTML요소가 하나의 노드가 된다예시위의 코드는 아래와 같은 구조의 트리로 변환됨htmlheadtit

폼 : <form>, <input>, <select>, <textarea>와 같은 요소들JavaScript는 document.forms를 통해서 HTML 문서에 정의된 모든 폼에 접근 가능document.forms : HTML문서 내 모든 폼을 배

예시1 체크박스 예시2 라디오박스 예시3 셀렉트, 옵션 예시4 이름 대문자 변경 결과문 보이기 예시5 폼 요소제어로 DOM을 이용한 구구단

AJAX(Asynchronous JavaScript and XML)는 웹 페이지를 새로 고침하지 않고도 서버와 비동기적으로 데이터를 주고받을 수 있게 해주는 기술입니다.XML뿐만 아니라 JSON, HTML, 일반 텍스트 등 다양한 데이터 형식을 사용할 수 있습니다.사용