[JavaScript] 자바스크립트

우리가 어떤 홈페이지를 가입할 때 다음과 같은 현상을 본 적이 있을 것이다. 위와 같은 경우로 경고문구 혹은 경고창이 뜨는 경우와 더불어, 어떠한 이미지 위에 마우스 포인터를 올리면 다른 이미지로 변경되거나 더 강조하는 이미지로 변경되는 작업에 쓰이는 것이 바로 자바

연산자(Operator) : 변수나 숫자의 연산을 위해 사용되는 부호 피연산자 : 연산자에 의해 연산을 당한 숫자나 변수 피연산자가 한개면 일항연산자, 두개면 이항연산자, 세개면 삼항연산자라고 말한다. > 1) 사칙연산자 사칙 연산자 : 숫자에 사칙 연산을 수행하

1) 변수란? 📌 변수 : 데이터(값)을 한개 저장하는 공간을 의미 📍 변수를 하나 선언한 코드 📍 한문장에 변수를 여러 개 선언한 코드 🖥️ 변수를 선언한 결과 ↓ > * 변수 사용 이유의 예시 아래 예시는 오늘의 달러 환율이 1290원이라고 가정했

1. if문 조건에 따라 다른 작업을 수행하려고 할 때 작성하는 구문이다. 1) 기본 if문 조건이 맞을때의 결과만 표현해주는 구문이다. 📌 문법 기본 문법을 가지고 한가지 문제와 그 예시를 들어보겠다. 문제 : 사용자에게 점수를 입력받아 80점 이상이면 [합

0. 반복문이란? 조건식이 맞으면 코드블록{} 내부의 코드를 계속해서 반복실행하는 구문을 의미한다. 같은 코드를 계속 반복한다는 것은 매우 비효율적이므로 for문, while문, do while문등을 사용하여 코드의 수를 줄이는것이 좋다. > ## 1. while문

1. 함수 - f(x); 함수는 코드의 집합이다. (특정 작업을 수행하도록 설계) 기능은 f인 해당 함수가 하고 x인 매개변수의 값에 따라 결과값이 바뀌는 것을 함수라고 한다. 1) 선언적 함수 문법 선언적 함수라는 것은 함수를 선언하는 부분과 호출하는 부분을 나눠서

1. 기본내장함수 내장함수 : 자바스크립트가 함수선언을 미리 해놔서 호출만으로 사용가능한 함수 1) alert() 📌 문법 매개변수로 지정된 값을 경고창에 띄워주는 함수 확인 버튼을 누르면 창이 닫힌다. ✏️ 코드 🖥️ 결과 경고창이 뜨는 것을 확인할 수

1. 객체의 종류 객체는 자바스크립트가 명령 가능한 모든 대상을 말한다. 1) 객체의 큰 부분 2) 기본내장객체 첫 글자 대문자로 작성 3) BOM 객체 전부 소문자로 작성 DOM은 BOM의 일부지만 매우 중요하기 때문에 구분해서 본다. > ## 2. 객체

1. String - 문자열을 표현할 때 사용하는 객체 📍 String 변수 생성 변수식 선언 : var 변수명 = '문자열'; 객체식 선언 : var 변수명 = new String('문자열'); 📍 length 속성 length 속성은 글자수를 반환하는 속성입

1. window - 브라우저의 창을 의미하는 객체 📍 window 객체 속성 closed : 창이 닫혀 있는지 열려 있는지를 불표현식으로 반환. (닫혀 있으면 true반환, 열려 있으면 false반환) innerHeight : 창의 콘텐츠 영역 높이를 반환 - 스

HTML 문서의 모든 요소를 의미한다.자바스크립트는 HTML DOM을 사용하여 모든 요소에 접근할 수 있다.페이지내의 모든 HTML 변경페이지내의 모든 HTML 태그 속성 변경페이지내의 모든 CSS 스타일 변경기존 HTML 요소 및 속성 제거새로운 HTML 요소 및 속

HTML 요소 안에 출력.innerHTML은 선택된 문서객체에 HTML코드를 문자열로 처리해주는 속성이다.HTML element에 사용하기 위해서는 innerHTML을 이용한다.h1태그 안에 자손으로 a태그가 들어간 것을 확인할 수 있다.HTML 요소 없이 출력HTML

문서객체의 태그 속성값을 얻어오는 메서드 / 게터문서객체의 태그 속성값을 변경시키는 메서드 / 세터

동적인 웹사이트의 구현을 위해서는 사용자의 다양한 이벤트(hover, click...)에 맞추어 데이터를 핸들링 해야한다.특정 이벤트가 발생되었을 때, 특정 함수를 실행할 수 있게 해주는 것이 addEventListener이다.이벤트 핸들러(event handler)라

폼(form)은 사용자가 정보를 입력할 수 있도록 만들어진 웹 요소이며 document의 직계 객체로 설계되어 있다. 하지만 문서 내에 여러개의 폼이 존재할 수 있기 때문에 document.forms 유사 배열에 담기게 된다. 따라서 DOM으로 form 요소에 접근한

className 속성은 문서 객체의 클래스명을 설정하거나 반환합니다.classList 속성의 문서 객체의 클래스명을 DOMTokenList객체로 반환한다.문서객체에서 CSS 클래스를 추가, 제거 및 전환하는데 유용하다.선택된 문서객체의 클래스 개수를 반환하는 속성첫번

HTML 태그들의 속성명은 전부 지정되어 있다.그렇지만 사용하다보면 개발자들이 직접 속성을 만들고 싶어질 때가 있고, 그때 사용하는 것이 사용자정의 속성이다.data-뒤에 붙는 이름은 대문자 포함 불가.data-\* 속성도 태그속성이기 때문에 getAttribute()

오늘은 (제이쿼리를 위한) 자바스크립트 수업 마지막 날!선생님이 과제를 내주셨는데 내가 한 방법이랑 너무 달라서 정리해보려고 한다.📍 자바스크립트를 이용해 디지털 시계 구현하기 ! < 예시 이미지 파일 >HTML 파일 🔑 클래스가 clock인 div 요소가 실