Sangil's blog

https://github.com/ChoiSangIl Admin

Jquery Disabled 속성 변경 및 상태가져오기 DEV / WEB

2019-07-18 posted by sang12


Jquery를 사용해서 Disabled 속성을 변경해야 될 때가 있습니다.

<input id="testInput" disabled="disabled"/>
위와같이 input 태그가 존재할 때,
$("#testInput").attr("disabled", false);
$("#testInput").attr("disabled", true);
속성을 변경하는 attr함수를 이용해 disabled 상태를 변경 할 수 있습니다.
$("#testInput").attr("disabled")
또한 해당 태그의 속성값이 disabled 됐는지 확인하기 위해서도 attr 함수를 이용하여 해당 속성값을 체크 할 수 있습니다.
이때 disabled 상태라면 disabled의 값이 나올거고, 아니라면 undefined가 나오게 됩니다.

#jquery 속성 변경 #jquery disabled 속성 변경 #jquery disalbed 상태

STS 깃허브 연동 DEV / WEB

2019-06-24 posted by sang12


STS에서 깃허브 연동하는 방법을 알아보겠습니다.

Window -> Show View ->Other 

아래 Clone버튼을 클릭하고 Github에 들어가서 Clone or Download를 눌러줍니다.  그리고 해당 url을 입력해 주면 간단하게 끝이납니다~^^


#STS 깃허브 연동

웹브라우저 이미지 캐쉬(캐싱) 막기 DEV / WEB

2019-05-28 posted by sang12


웹개발 중에 브라우저의 이미지 캐싱 때문에 애를 먹는 경우가 간혹 있습니다.

어? 왜 이 이미지 변경이 안되지? 이미지 변경이 잘 안됬나? 웅? 변경 잘됬는데 왜안되! 라는.. 경우가 가끔있는데요..저만그런가요 ㅎㅎ 

이럴경우 대부분이 웹브라우저의 캐쉬때문에 그렇습니다. (웹서버나, WAS상에서의 캐쉬도 있어요..^^)

이를 확인하기 위해선 개발자도구에서 Network를 보면 되는데요. 가령 <img src="www.sang12.co.kr/a.jpg" /> 가 있다면 웹브라우저는 초기에 해당 이미지를 서버로부터 받아오게 됩니다. 그리고 다음번 호출 할 때는 해당 이미지가 브라우저 캐쉬에 저장 되어 있으므로 서버에 따로 요청하지 않고 자기가 가지고 있는 이미지를 보여주는 것이죠. 

하지만 서버에서 이미지가 변경 되었다면 어떻게 될까요? 웹브라우저는 이 사실을 모르겠죠. 그러니 서버의 이미지가 변경되어도 변경전의 이미지가 노출 될 수 밖에 없습니다.  물론 설정된 시간이 지나거나 하면 다시 이미지를 서버로부터 받아오니 변경된게 반영이 되겠지만, 사용자가 이미지를 변경했는데도 변경된게 반영이 안된 모습을 보여주면.. 당연히 사용자는 오류로 생각  하겠죠.

그럴 경우에는 header에 특정 값을 추가하여 웹브라우저에게 이미지를 캐슁하지마라고 알려 줄 수도 있고, 이미지 src주소 뒤에 ?특정값 을 추가해줌으로써 웹브라우저에게 캐슁된 이미지를 계속 사용하지말고 서버에 계속 물어보게끔 만들어 줄 수도 있습니다.

1. header에 mteta 태그 추가

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

2. jsp response값에 no-cache 적용

<%
 response.setHeader("Cache-Control","no-cache");
 response.setHeader("Pragma","no-cache");
 response.setDateHeader("Expires",0);
%>
3. img src 뒤에 ?특정값을 추가
 var path = "imgUrl" + "?" +Date.now();
 $("#img").attr('src', path);
#html 이미지 캐싱막기 #웹브라우저 이미지 캐쉬 #이미지 캐싱