2015/05 썸네일형 리스트형 [jQuery] 간결하게 on / off 이미지나 버튼 제어하기 [jQuery] 간결하게 on / off 이미지나 버튼 제어하기 제목그대로 간결하게 다량의 버튼이나 오브젝트의 상태를 변화시킬 때 사용하는것을 생각해 보았습니다. jQuery를 알게 되고 나서 매번 감사한 것은, document.getElementById() 같은 것으로 오브젝트로 찾지 않고, CSS 셀렉터보다 향상된 셀렉터를 통해 제어한다는 것이지요. 이번에 그런 장점을 유감없이 발휘한 것 같다라고 생각되는 다소 조잡해보이는 동작을 통해 평소보다 짧게 해결이 된 것 같아 글을 남겨봅니다. 개발자들의 든든한 지식창고 구글 하단의 페이징 표시기를 예를 들어보겠습니다. 1번을 선택하면 1번만 빨강색 영문자 O가 되고, 나머지는 노랑색 영문자 O가 됩니다. 이 이미지들은 사실 하나로 된 이미지에서 style만.. 더보기 [HTML/CSS]여러 클래스 중 하나의 클래스만 선택하여 속성주기 [HTML/CSS]여러 클래스 중 하나의 클래스만 선택하여 속성주기 웹페이지를 만들 때 class나 id 또는 속성으로 구분하는 선택자를 많이 이용합니다. 그 중 class를 다룰 때 애매한 것이 몇 가지 있었는데, 최근에야 삽질을 멈추고 답을 찾아 글을 남겨봅니다. 대강 이런 식으로 선언을 했습니다. 아주 간단하게 편성했습니다. 두개의 div하위에 input과 span을 하나씩 자식으로 두고 있는데, 둘다 같은 속성을 주어야 할 것이 있어서 input.bigger를 통해 class bigger에게 스타일을 부여했습니다. 이렇게만 클래스를 사용한다면 얼마나 좋겠냐만은 맘같지 않은 상황이 생기기 마련입니다. 두번재 DIV만 margin-top을 주고 싶습니다. 그렇다면 방법이 몇 가지 있습니다. 1. 해당.. 더보기 [Spring/SVN/eclipse](4)maven 설치/설정하기 [Spring/SVN/eclipse](4)maven 설치/설정하기 최근에 나온 이클립스는 메이븐이 임베디드 되어있지만, 추가적으로 설치할 경우가 생겨서 정리해봅니다. [Window] -> [Preferences]에 진입하고, 그 화면 좌측에서 아래로 조금 내려가면 Maven이 있습니다. 여기서 Installation을 선택하면 현재 Maven이 설치되어 있는 내용이 출력됩니다. 저는 이미 바꿔놔서 이렇게 나오는데, 원래는 이보다 하위버전이 Embedded 상태로 되어 있었습니다. 그리고 Global setting는 비워져 있었는데 이 부분도 내장된 내용이 아닌 외부에 있는 maven의 설정을 따르도록 바꾸었습니다. 그다음 사용자 설정 정보파일도 내장되어 있던 것으로 설정되어 있어서 이 또한 외부의 내용으.. 더보기 [Spring/SVN/eclipse](3)SVN 설치하기 [Spring/SVN/eclipse](3)SVN 설치하기 SVN은 팀간에 소스공유와 공동 작업시, 소스별로 어느수준까지 작업이 이뤄졌는지, 어디가 어떻게 바뀌었는지 등 협업에 있어서 많은 도움을 주는 도구입니다. 현재 네이버의 개발자센터에서 SVN을 사용할 수 있는 공간을 무료로 제공하고 있으니 사용해보시길 권해드립니다. 아주 좋습니다. http://developer.naver.com/ 지난번에 STS설치하신 것처럼 마켓에 진입하도록 하겠습니다. [프로그래밍/Java] - [Spring/SVN/eclipse](2)Spring(STS)설치하기 이번에는 SVN이라고 검색을 하시면 됩니다. 이렇게 나온 Subversive - SVN Team Provider를 설치하시면 됩니다. confirm, accept, .. 더보기 [Spring/SVN/eclipse](2)Spring(STS)설치하기 [Spring/SVN/eclipse](2)Spring(STS)설치하기 지난번 이클립스 설치에 이어서 시작합니다. STS Spring Tool Suite Spring에 관련된 도구들을 모아놓은 것입니다. 얼마나 편한지는 차차써보면 알게되겠지요. eclipse를 실행하고 설치해보도록 합시다. http://spring.io/tools/sts/all 이곳에서도 제공하고 이클립스 마켓 내부에도 존재합니다. 저는 이클립스 마켓에서 진행하겠습니다. 1. 이클립스 메뉴에서 [Help] => [Eclipse Marketplace]를 선택합니다. 2. 그 다음 출력된 팝업에서 좌측 상단에 STS를 검색합니다. 3. 다양한 eclipse 버전 중 자신이 사용하는 eclipse 버전과 맞는 sts를 install 합니다. 4.. 더보기 [Spring/SVN/eclipse](1)eclipse와 Spring(STS)설치하기 [Spring/SVN/eclipse](1)eclipse와 Spring(STS)설치하기 실수로 몇개 파일을 지움에 따라 eclipse의 설정들이 틀어져서 이해할 수 없는 문제들이 발생하고, 재설치가 답임을 깨달은 지금... 매번 검색하면서 찾기가 짜증나는 지금 이 모든 절차를 정리해두기 위해 글을 씁니다. 첫번째 준비물 및 설정하기 : 이클립스 설치 및 eclipse.ini초기 설정 정확하게 이해하고 진행하는 것은 아니나, 평소 사용했던 스타일대로 설정하였습니다. 설치는 eclipse 사이트에서 자신에게 필요한 버전의 eclipse를 다운로드 받으면됩니다.www.eclipse.org 이후에 설정에 대한 자세한 얘기는 https://wiki.eclipse.org/Eclipse.ini#-vm_value:_Wi.. 더보기 이전 1 다음
