IT 블로그

Javascript 연산자 (논리/문자열) 이번 포스팅에서는 논리, 문자열 연산 연산자에 대해 알아보자. 1. 논리 연산자 해당 내용은 아래 코드를 보자 &&(and)는 모든 항이 참인 경우에만 true를 뱉는다. ||(or) 의경우 참이 하나라도 존재할 경우 참일경우 참을 뱉는다. 1234567var a = true && true; // a = truevar c = true && false // c = falsevar b = '글' == '글' && '포스트' == '포스트' // b = true var d = true || true; // d = truevar e = true || false; // e = truevar b = '글' == '글' && '포스트' != '포스트' // b = true ..

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..