문제 해결을 위한 정리와 자바스크립트

현재 창작 사이트 코딩 중에 문제가 있다.

float으로 정리한 요소들에게 마우스를 올렸을 때

마우스를 올린 요소는 크기를 커지게 해주고

다른 요소들의 크기는 작아지게 하고 싶다.

어느정도는 적용 할 수 있었지만 선택을 완벽하게 할 수 없는 문제 때문에

빠르게 움직이거나 하면 공백이 생기는 등의 문제가 생긴다.

 

해결을 위한 공부

Comparison operator(비교 연산자)

===는 동등 비교 연산자이자 이항 연산자 이다.

TIP(이항 연산자는 연산자의 왼쪽과 오른쪽을 합해서 새로운 값을 만들어 내는 것을 이항 연산자라 한다.)

설명으로는 ===의 왼쪽에 있는 값과 오른쪽에 있는 값이 같으냐 라는 뜻이다.

ex ) 1 === 1의 값은 True로 나오고 1 === 2의 값은 False로 나온다.

또 다른 비교 연산자로 부등호(<,>)가 있다.

부등호를 통해서 왼쪽 값과 오른쪽 값을 비교하고 맞으면 True, 틀리면 False가 나온다.

ex ) 1>2 의 값은 false이다. 1<2 의 값은 True이다.

 

Boolean데이터 타입

비교 연산자의 값을 통해서 나온 True와 False 의 값을 Boolean이라고 한다.

Boolean은 True와 False로만 이루어져 있는 데이터 타입이다.

Conditional statements(조건문)

조건문으로는 if문이 있다.

if문의 문법을 사용한 예제는 아래와 같다.

if(True) { document.write(1);} else { document.write(2);}

위의 예제의 값은 화면에 1이 출력된다.

if의 값이 False였다면 2가 화면에 출력이 된다.

if의 값은 Boolean 밖에 올 수 없다.

 

if문으로 토글 버튼 만들기