JS를 이용한 이벤트 자바스크립트를 이용하여 HTML의 요소를 조작하여 보다 생동감 넘치는 화면을 만들어 낼 수 있다. Html Grab me! Grab me! Grab me! html 안에 body태그를 살펴보면 div태그를 이용하여 모두가 class는 hello를 가지고 있고 그 안에 있는 h1태크에는 모두 Grab Me!라는 문장이 적혀있다. 이 html코드가 표현된 초기의 모습은 위와 같이 Grab me! 가 3번 적혀있는 화면일 것이다. 이제 JS코드로 한 번 가보자. JS const title = document.querySelector((".hello h1 ")) # hello 클래스안에 h1태그를 지정(선택) function handleTitleClick(){ title.style.colo..
컴퓨터 과학에서, 불린(boolean)은 논리적인 데이터 유형이다. 불린은 참(true) 혹은 거짓(false) 값만을 가질 수 있다. 출처 : https://developer.mozilla.org/ko/docs/Glossary/Boolean 불린 - 용어 사전 | MDN 컴퓨터 과학에서, 불린(boolean)은 논리적인 데이터 유형이다. 불린은 참(true) 혹은 거짓(false) 값만을 가질 수 있다. 자바스크립트에서 불린 조건은 어떤 코드 부문이 실행되어야 할 지(예를 들어 i developer.mozilla.org 불린 값은 True(참=1) False(거짓=0) 두 가지의 값만을 가지고 있다. const amITall = false; console.log(amITall); -> false Js에..
변수는 값을 저장, 유지하는 역할을 해준다고 생각하면 쉽다. 변하지 않는, 바뀌지 않는 값을 저장하고 싶을 때에는 const를 이용하여 저장해주면 된다 const a = 35; a란 변수에 35를 저장해주었다. 이제 이 a란 변수의 35란 값을 변하지 않는다. 수정도 불가능 하다. 변수의 이름을 정할 때에는 const hi jun = 0; 불가능 const hijun = 0; 가능 변수의 이름 중간에는 공백이 들어갈 수 없다. 공백을 표현하기 위해서는 const hi_jun = 0; 이런 식으로 _를 이용해 공백을 표현할 수 있다. 변하는 변수를 사용하고 싶을 때에는 let을 사용하면 된다. let a = 13; console.log(a); 출력 -> 13 a = 12 console.log(a); 출력 ..
JS에서는 여러가지 데이터 타입들을 사용할 수 있다. 숫자 2 #integer 1.5 #float 정수와 실수형이 나뉘어져 있지만 입력 1+3.5 출력 4.5 이런식으로 두 데이터 타입 사이의 계산은 가능하다. 문자열 "Hello" 'Hello' `Hello` 문자열은 위와 같이 표현할 수 있다. 입력 "Hello"+"Wings" 출력 "HelloWings" 이런식으로 문자열끼리의 연산도 가능하다.
