마우스 (2) 썸네일형 리스트형 [CSS] 선택자 :hover로 onMouse 효과 내기 :hover CSS는 단순히 HTML 태그의 스타일을 꾸며줄 뿐만 아니라 다양한 선택자(Selector)를 통해서 여러 부가 기능을 사용할 수 있다. 다양한 선택자들이 존재하는데 그중 :hover는 대상이 되는 태그에 마우스가 올라갔을 때 원하는 스타일을 지정할 수 있게 해 준다. 대신 마우스가 대상이기 때문에 반응형 웹에서 모바일이나 태블릿 화면에 대해서는 대응하기 힘들다는 단점이 있다.[1] :hover 적용 전 이전에 진행했던 Global Navigation Bar를 만드는 프로젝트에서 마우스가 올라갔을 때 요소에 밑줄이 생기는 코드를 작성한 적이 있었다. 이때 작성한 코드는 [그림 1]과 같다. 전체 코드가 아니고 함수가 동작하는 부분만 가져왔는데 대략 정신이 멍해진다. 3개의 state를 만들었.. [마우스] 로지텍 G304 리뷰 신년을 맞아 데스크 셋업을 한 뒤로 계속 꾸미고 싶다는 욕심이 생겨났다. 지금은 맥북(심지어 13인치)에 키보드와 트랙패드를 연결해서 쓰고 있지만 나중에는 27인치 이상의 모니터도 놓고 모니터 암을 달아서 듀얼 모니터도 만들고 싶고 윈도우 PC도 게임용으로 데려놓고 싶고 기계식 키보드에 마우스까지 나만의 성을 만들고 싶은 욕심 말이다. 하지만 나는 가난한 대학원생...! 조금씩 살 수 있는 것부터 하나씩 사가기로 했다. 오늘의 포스팅은 나만의 성에 작은 벽돌 하나, 마우스이다. 로지텍, 스틸시리즈, 레이저 등등 많고 많은 마우스, 게이밍 마우스 브랜드 중 선택한 마우스는 로지텍의 G304 마우스이다. 로지텍을 선택한 이유는 학창시절 다니던 PC방에서 사용한 마우스가 국민 게이밍 마우스로 불렸던 로지텍 제.. 이전 1 다음
