본문 바로가기
건강정보/의료 소식 및 기관 정보

조선대병원 / 조대병원 간호사,환자,의사들의 웹스타그램(웹용 인스타그램) 해시 태그 글들 제이쿼리 테스트

by 알 수 없는 사용자 2019. 9. 24.
반응형

인스타그램은 PC웹에서는 해시태그 검색이 되지 않는다.

웹스타그램을 통하면 PC웹에서도 인스타그램을 즐길 수 있다.

인스타그램의 Open API를 이용해서 만들어진 사이트가 바로 웹스타그램이다.

인스타그램의 PC웹에서는 보여주는 정보만 볼 수 있다면, 웹스타그램에서는 해시태그 검색과 사용자 검색이 모두 가능하다.

시험삼아 해시태그로 조선대병원과 조대병원을 넣어봤다.

왜 하필이면 조선대병원과 조대병원이냐? 뭐 관심이 많다고쯤 해두자. 요즘 핫하기도 하니까...

웹스타그램에서 해시태그로 검색된 조대병원 간호사, 의사는 물론이거니와 조대병원에서 치료받은 환자들도 #조선대병원이나 #조대병원 해시태그로 글을 많이 올려두었다.

노파심에 미리 일러두지만, 이 글에 포함된 조대병원과 조선대병원 간호사, 의사들은 최근 문제가 된 유출 사건과 하등 관련 없는 사람들이다.

그리고 이 글의 목적은 sns에서 데이터를 가져오고 가져온 데이터를 jQuery를 이용해서 블로그에 맞게 자동으로 수정하는데에 목적이 있다.

이 글에서는 주로 제이쿼리로 링크의 타겟을 _slef에서 _blank로 변경해서 동작시키는 것의 테스트를 위한 Demo페이지다.

아직 이런 저런 기능을 붙히는 중이라 소스 유출 방지를 위해 마우스 오른쪽 버튼을 사용못하게 해두었다.

그리고 테스트에 사용되는 각 사용자의 개인정보 보호를 위해서 아이디는 아스테리스크로 자동으로 바꾸고, 사용자의 계정주소로 연결되는 링크는 무조건 웹스타그램으로 빠지도록 작성한 간단한 코드다.

소스코드는 지극히 간단하다.

제이쿼리 소스:

<script>
$(document).ready(function(e) {
$('article a').each(function(index, element) {
$(this).attr('target','_blank');   //링크 타겟 변경
});
$('.item--title').each(function(index, element) {  
$(this).text('*****');  //사용자 계정아이디 감춤
$(this).parent('a').attr('href','http://webstagra.ms');  //사용자 계정아이디 링크 무력화
});
});
</script>

Webstagra.ms is a free online Instagram web viewer

#조선대병원

#조대병원

 

 

반응형