본문 바로가기

프로그래밍

[Chrome/크롬]브라우저 개발자 모드 javascript 캐시 기능 끄기 [Chrome/크롬]브라우저 개발자 모드 javascript 캐시 기능 끄기 개발할 때 주로 Chrome 브라우저를 사용하고 있는데, 가끔 짜증나게 하는 때가 있습니다. javascript가 캐시기능 때문에 갱신이 안되는 경우가 발생하더군요.. 캐시를 비우기를 하면 느리지만 되긴하는데 번거롭게 느껴져서, 아무래도 끄는게 있게 구나하고 찾아보니 있더군요. Ctrl+Shift+I F12 등으로 개발자 모드를 열고 모드 창 우측 구석에 있는 설정에서 진입하고, General > Disable cache(while DevTools is open) 이 체크박스를 체크하면 됩니다. 그리고 나서 새로고침을 하면, 이제 캐시기능이 실행되지 않게 됩니다. 단순하게 불편을 해소 해봤습니다~ 더보기
[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.. 더보기
JSP/JSTL 의 forEach로 Enum내용 출력하기 JSP/JSTL 의 forEach로 Enum내용 출력하기 Enum을 쓰다가 내용의 일부나 혹은 전체를 꺼내고 싶을 때 사용한 방법입니다. 우선 Enum을 선언해야겠네요. 저는 순서가 있는 Map사용을 위해서 LinkedHashMap을 import하고 사용하였습니다. Class가 아닌 enum으로 선언하였고, 사용하기 위한 값들을 초기화 하면서 나열했습니다. AA(1 , "A상태"), BB (2 , "B상태"), CC (3 , "C상태"), DD (4 , "D상태"); 그리고 값들을 불러낼때 사용할 함수들도 선언하였구요. 그리고 이 값들을 한번에 꺼낼 수 있도록 개별 함수를 만듭니다. 이제 이 값들을 JSTL에 사용할 것인데, 저는 Spring MVC로 동작함에 따라 enum전체를 반환받아서 View에 할.. 더보기