본문 바로가기

분류 전체보기165

[JQuery] 자동 슬라이드/무한 슬라이드 배너 만들기(외부 소스X) jsp(HTML) mtSlideDiv는 몇 개가 늘어나든 상관없다. ❮ ❯ javascript(jQuery) CSS /* Slideshow container */ .slideshow-container { max-width: 1440px; position: relative; margin: auto; margin-top: 120px; } /* effect */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes f.. 2021. 7. 29.
[CSS] :before :after 삭제(가상 요소 반응형 웹에서만 삭제하기) 데스크탑 모드에서 이렇게 선언한 요소가 있다고 가정했을 때 .title:before { content: ""; position: absolute; width: 28px; height: 28px; } 반응형으로 적용되는 쪽에서는 content: none; 만 붙여주면 손쉽게 제거가 가능하다. @media (max-height: 500px) and (orientation: landscape), screen and (max-width: 768px) and (orientation: portrait) { .title:before { content: none; } } 2021. 7. 27.
[네이버지도API/AJAX] 마커 여러 개 띄우기/디비에 있는 데이터 지도에 표시하기/지도를 움직일 때마다 중심 좌표 얻기/현재 화면에 보이는 마커만 표시하기 사실 원하는 메소드는 네이버 지도 API 홈페이지에서 찾는 게 제일 효율적입니다. https://navermaps.github.io/maps.js.ncp/docs/tutorial-2-Marker.html NAVER Maps API v3 NAVER Maps API v3로 여러분의 지도를 만들어 보세요. 유용한 기술문서와 다양한 예제 코드를 제공합니다. navermaps.github.io javascript // x,y = 지도를 오픈할 중심 좌표 값 function storeOpen(x, y) { var MARKER_ICON_URL = 'resources/img/이미지아이콘경로.png'; // 파라미터로 받은 좌표 값으로 지도 생성 var map = new naver.maps.Map('map', { cen.. 2021. 7. 15.
[네이버지도API] 해당 지역에 마커 찍기, 마커 아이콘 변경 이 포스트는 ClientID 발급 이후의 과정을 담고 있는 포스트입니다. 예제를 보러오신 분은 구분선 아래 소스를 봐주세요. 우선 네이버 클라우드 플랫폼에 가입해야합니다. 가입 절차는 아래 주소를 참고하세요. https://winteri-i.tistory.com/18 [Web/ 네이버 지도 API] 네이버 지도 API 사용방법 - Naver map/ Naver map api 애증의 네이버 지도 API... Swift로 프로젝트 할 때 사용해 본 경험이 있는데, Swift에 대한 자료가 많지 않다보니 많이 헤맸던 기억이 난다. 겨우겨우 마커 표시와, 마커 색 바꾸기, 처음 앱 실행시 winteri-i.tistory.com 어플리케이션 등록 화면이 찾기 어렵다면 아래 주소를 참고하세요. 어플리케이션 서비스는.. 2021. 7. 12.
[AWS|RDS 에러/ORACLE/sqlDeveloper] Got minus one from a read call 동시 접속으로 인해 커넥션풀이 꽉차면 발생하는 오류입니다. 바쁜 분은 내려서 부터 보시면 됩니다. 오라클을 제외한 DB는 아래 주소를 참고하시기 바랍니다.(본인이 오라클만 써봐서 모름) 대강 해석하자면 파라메터 그룹 설정에서 min-connection 과 max-session을 증가시키라는 뜻입니다. 오라클 이외의 DB는 구글링하면 많은 정보가 나오기 때문에 굳이 제 포스트를 보지 않으셔도 됩니다. https://stackoverflow.com/questions/19660336/how-to-approach-a-got-minus-one-from-a-read-call-error-when-connecting-to-an-a How to approach a "Got minus one from a read call.. 2021. 7. 12.
[AWS|RDS 에러] IO오류 : Socket read interrupted, socket connect lapse / the network adapter could not establish the connection 해당 아이피를 인바운드 규칙에 넣어놓지 않아서 발생하는 오류입니다. 192~ , 172~ 등은 공유기의 IP이기 때문에 해당 IP로 인바운드 규칙을 넣으면 RDS가 팅겨냅니다. (본인만 쓰는 서버면 내ip를 선택하면 되겠지만, 보통 협업을 위해 RDS를 쓰는 거니까요.) 그러므로 고유IP를 알아야하는데, 고유 IP는 아래 사이트에서 볼 수 있습니다. https://www.findip.kr/ 아이피 확인 - my ip address IP 주소를 확인하는 가장 쉽고 빠른 방법 이 사이트(findip.kr)에 접속하는 것이 IP주소를 확인하는 가장 쉽고 빠른 방법이다. 210.220.73.253 가 현재 접속한 기기의 공인 IP(Internet Protocol) 주소다 IP주소 www.findip.kr 고유 .. 2021. 7. 6.