IT 블로그

Javascript 연산자 (대입/비교/산술) 이번 포스팅에서는 연산자에 대해서 다뤄 볼 것 이다. 연산자 사용시 코드 작성이 더욱 편리해지고, 코드를 간결하게 줄일 수 있다. 1. 대입 연산자 대입 연산자는 우측 항의 값을 좌측 항에 대입하는 것이다. 아래 코드를 보자 -=, +=, *=, /= 라는 기호들이 사용 되었다. 뺄셈, 뎃셈, 곱셈, 나눗셈 대입을 하게된다. 123456var a = 10; a -= 5; // a = a - 5a += 5; // a = a + 5a *= 10; // a = a * 10a /= 10; // a = a / 10cs 2. 비교 연산자 비교 연산자는 좌항과 우항을 비교하여 조건에 따라 참(true)과 거짓(false)을 반환해 준다. 아래 코드를 보면 될 듯하다.. ..

Javascript 변수 javascript에서 변수는 var를 통해 선언이 가능하다. 물론 var생략이 가능하지만 사용 가능한 범위가 달라진다. 변수 선언에 대해 알아보자. javascript 변수는 아래와 같이 선언 가능하다. 숫자, 문자 모두 구분없이 할당이 가능하다. 또 2번째줄 코드처럼 선언도 가능하다. 12var a = 10;var c = 1, d = 2; 아래와 같은 경우는 10을 할당했지만 그 이후에 "한글" 이라는 단어를 a 변수에 재할당 하였기 때문에 alert는 한글이 뜨게된다. 1234var a = 10;a = "한글"; alert(a); 다음 포스팅은 연산자에 대한 내용이다. - 끝 -

CSS hover 애니메이션 - 3 아래와 같이 x 버튼에 마우스를 hover 했을때 close로 바뀌는 애니메이션을 css로 만들어 보자. CLOSE 구현하기 먼저 html을 작성해 줍시다. 12345 CLOSE 저 검정(?)상자의 스타일을 지정해주자 1234567.content { width: 150px; height: 150px; position: relative; box-sizing: border-box; background: #141926;} 다음으로 x를 감싸주는 상자의 css를 지정해 봅시다. 123456789.close { width: 80px; height: 50px; cursor: pointer; position: relative; left: 50%; top: 50%; transform..