JavaScript

객체 기반의 스크립트 프로그래밍 언어목적웹페이지 사용자의 반응 처리사용자의 특정 이벤트나 입력 값을 받아서 동적으로 처리용도html 내용 변경html 속성 변경html 스타일 변경html 요소 보이기 / 숨기기...주로 프론트엔트 개발에서 UI / UX를 향상시키기는

최상위 부모 객체전역 변수, 함수를 선언 시 자동으로 window객체의 자식이 됨Document Object ModelHTML문서 객체 기반 표현 방식\\ \\태그를 JavaScript가 객체로서 접근하여 사용하는 방식DOM 사용html 요소 추가, 수정, 삭제html

연산자 산술연산자 + 덧셈 연산자 - 뺄셈 연산자 * 곱셈 연산자 / 나눗셈 연산자 % 나머지 연산자

문자열 자료형""(큰따옴표), ''(작은 따옴표) 사이에 내용var text = "abcd";0개 이상의 문자 집합연결\+concat()String.trim()문자열 좌, 우 끝에 공백을 지움String.replace(searchString, replacement)문자

varfunction-scoped블럭 안팍에서 같은 기억공간hoisiting시 자동으로 undefined로 초기화인터프리터가 변수의 메모리를 선언 전에 미리 할당함변수 중복 선언 가능letblock-scoped블럭안에서 할당한 값은 블럭 안에서만 유효hoisting시

인덱스에 대한 요소들을 갖고 있는 여러 데이터의 집합typeof 배열 : object배열은 객체에 속하지만 순서와 길이가 있다는 차이가 있음배열 선언const 배열명 = \[];기본적으로 sort()라는 함수를 사용해서 정렬default는 오름차순내림차순 정렬compa

관련된 속성(엔티티, 함수, ...)을 담고있는 집합선언생성생성자를 통해서 새 객체 생성Javascript에서는 객체를 상속하기 위하여 프로토타입이라는 방식을 사용197년 1월 1일 00:00:00:000~ 부터의 시간을 담는 객체연산 같은 수학적인 작업에 필요한 메소

시스템에 일어나는 사건(action)마우스 클릭키 입력포커스...인라인 방식속성 태그에 on이벤트 속성을 통하여 연결동일한 이벤트 여러 개 적용 불가프로퍼티 방식이벤트 핸들러 프로퍼티에 등록하여 사용this이벤트가 일어나는 대상동일한 이벤트 핸들러 여러 번 사용 불가이

else if로 여러 조건 나열가장 먼저 만족하는 조건 블럭 수행else 블럭은 아무 조건 해당 안될 때 수행key가 해당되는 값을 갖는 case 실행for ... in 문객체(배열)의 첫번째 키 값부터 마지막 키 값까지 반복for ... of 문객체(배열)의 첫번쨰

함수명 선언시 함수명을 명시하지 않은 함수 다른 곳에서 호출하지 않음이벤트 핸들러로 역할, ...함수안에 함수를 선언하여일반적인 함수 호출이벤트 핸들러로 호출자체 호출 함수함수의 선언부와 호출부가 같이 있는 형태함수 선언 + 함수 호출(함수선언부)() 로 호출

HTTP의 일종사용자가 웹 사이트 방문할 경우사용자의 컴퓨터나기기에 작은 텍스트 파일로 저장되는 데이터HTTP는 기본적으로 connectionless(응답 후 연결 끊는 특징)과 stateless(통신 끝나면 상태 유지 X)특성을 갖기 때문에 쿠키(와 세션)을 사용장

jQuery : javaScript 라이브러리브라우저 종류 상관 없이 사용 가능HTML 문서 탐색 및 조작이벤트 처리애니메이션Ajax와 같은 작업...jQeury 다운로드 (링크)압축 - 대역폭을 절약하고 프로덕션 성능을 향상jquery-3.6.0.min.js비압축 -

jQuery Selector 기본선택자 선택자 내용 * 모든 요소를 나타내는 선택자 #아이디명 해당 아이디를 갖는 요소를 나타내는 선택자 .클래스명 해당 클래스를 갖는 요소들을 나타내는 선택자 태그명 해당...

.show(\[duration , easing])해당 요소를 display를 보이게 하는 메소드 .hide(\[duration , easing])해당 요소를 display를 none값으로 하는 메소드.toggle(\[duration , easing])해당 요소를 sho

.text()매개변수 넣을 시, 해당 요소 자식으로 text로 입력매개변수 생략 시, 해당 요소 자식 text 값을 반환.html()매개변수 넣을 시, 해당 요소 자식으로 html로 입력매개변수 생략 시, 해당 요소 자식 html 값을 반환.val()매개변수 넣을 시,