Sangil's blog

https://github.com/ChoiSangIl Admin

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 이미지 캐싱막기 #웹브라우저 이미지 캐쉬 #이미지 캐싱

올림픽공원 순대국밥 맛집(JMT) 청화옥~ FOOD

2019-05-26 posted by sang12


올림픽공원과 석촌호수 한성백제역쪽에 있는 인생이 담긴 순대국 청와옥을 다녀왔습니다~. 생긴지 얼마 안되서 그런지 가게 앞에 화환이 잔뜩 쌓여있네요~

아래는 매뉴입니다. 순대국밥은 8천원이구요 기본 반찬에 어릿굴젓이 나옵니다~ 감동

내부 인테리어가 정말 잘되있어요~^^ 

기본으로 나오는 찬입니다~ 저기 어리굴젓 보이시죠~? 저희는 순대국밥과 육사시미를 주문했습니다~. 사시미는 먹는 와중에 찍어서..ㅜㅜ 죄송

순대국 정말 좋아하는데요. 내부 인테리어도 너무 고급스럽게 잘되어 있고, 순대국또한 고기가 엄청 부드러워서 맛있게 먹었습니다. 방이동 근처 같은 가격대의 순대국을 먹는다면 저는 꼭 여기로 올거같네요 ^^. 또한 밥을 먹고나서는 출구쪽에 준비되어 있는 얼음컵에 커피나, 음료수를 먹을 수 있게 준비가 되어 있습니다. 감동..^^

위치는 여기를 참고해주세요~~^^(https://store.naver.com/restaurants/detail?id=1111611853)

#올림픽공원 맛집 청화옥 #올림픽공원jmt #올공맛집 #방이동 맛집 #방이동 순대국 #올공 순대국