본문 바로가기

Data-attribute to Modal in Bootstrap4 (모달에 데이터 전달하기) Data-attribute to Modal in Bootstrap4 부트스트랩4에서 모달을 보여지게 하는 방법은 몇 가지가 있죠. 그중에서 Button을 누르면 모달이 띄워지는 방법이 있죠. 아래와 같은 코드로 가능합니다. 검색 ... 코드를 잠깐 살펴보면 button을 누르면 data-toggle="modal" data-target="#test_modal"을 통해서 modal이 보여지게 되죠. data-target은 modal div의 id와 일치해야 하고요. 이번 포스팅에서 정리하려는 것은 button에 있는 data-test='aaa' 를 modal로 전달하자 라는 것입니다. 아래와 같은 코드로 가능한데요. show.bs.modal은 https://getbootstrap.com/docs/4.3/co.. 더보기
KT Olleh (케이티 올레) 할인 적용 놓치지 마세요. KT Olleh (케이티 올레) 할인 적용 놓치지 마세요. http://www.olleh.com/ 케이티 장기 가입자 혜택인 팝콘 쿠폰 적용이 1월 31일까지에요. 물론 2월~4월에 사용 가능한 쿠폰이 2월에 발급되긴 하겠지만 !! 1월 31일 까지 적용 가능한 쿠폰도 있으니깐 꼭 사용하세요 !! 2년 이상 KT를 사용한 사용자만 가능하다는 점도 !! 중요 포인트 !! 사용 방법은 예전에 포스팅한게 있는데요 !! 2016/12/16 - [ # 정보공유,이벤트] - 올레 KT 데이터부족하면 쿠폰을 확인해보세요.(클릭하면 새 창 !!) 다시 한 번 정리하면 아래와 같아요 !! 1. 올레 홈페이지에 접속 -> 로그인 -> My올레 -> My쿠폰을 선택한다. 2. My 쿠폰 중에서 원하는 쿠폰을 선택한다. 등록.. 더보기
올레 KT 데이터부족하면 쿠폰을 확인해보세요. 데이터가 부족하면 쿠폰을 확인해보세요. 다만 장기고객 (2년이상 사용한 고객) 이어야 쿠폰이 있을꺼에요. 위에서 확인할 수 있듯이 2월, 5월, 8월, 11월에 쿠폰이 발급되요.그래서 3개월 안에 사용하지 않으면 소멸됩니다. 저는 LTE 데이터 1GB를 받아서 사용하는데요.받는 방법은 아래와 같습니다. 1. 일단 olleh.com 로그인 --> My 올레 --> My 쿠폰 클릭 2. 원하는 쿠폰을 등록하면 끝 :) 놓치지 마세요. 쿠폰 :) 더보기
KT 멤버쉽 포인트 남기지 말고 사용하세요. 2016년도 벌써 12월이네요. 통신사 멤버쉽 포인트 다 사용하셨나요?? KT같은 경우에 1월 1일에 멤버쉽 포인트가 소멸된다고 하네요.2016년 포인트 말이에요. 남겨둔다고 도움되는 것은 아니니깐사용해버리는 것이 좋겠죠. http://www.olleh.com/ 일단 로그인하시고요.멤버십에 가보면 크게 3개를 해보실 수 있는데요. 연말이라 그런지 대부분은 끝난 것 같고요. DOWN에서 데이터를 구매하는게 그나마 제일 좋아 보입니다. 그래서 저는 데이터를 구매하려고 하는데요.아마 월말에 Olleh 홈페이지에서 데이터 구매 룰렛과 유사하다고 생각해도 될 것 같아요. 멤버쉽 포인트로 데이터를 구매하는 거죠. 아래 그림을 참고해서 페이지로 이동하세요. 위 페이지에서 신청하기를 눌르면 아래와 같은 페이지로 이동됩.. 더보기
Html data attribute parsing using jQuery data-* attribute는 사용하기에 따라 유용하게 활용할 수 있습니다. 예로 아래와 같은 data-* attribute가 있다고 가정하겠습니다. 2개의 data-* attribute를 설정해봤어요. 하나는 data-type다른 하나는 data-sub-type 입니다. jQuery를 통해서 해당 data-* attribute를 파싱하는 방법은 아래와 같아요. 위 소스로 출력되는 결과는 아래와 같습니다. // AAA var pType = $('.testP').attr("data-type") var pSubType = $('.testP').attr("data-sub-type") console.log(pType); console.log(pSubType); data-* attribute를 하나 더 추가해봤.. 더보기
Bootstrap Modal 띄우기(생성/열기/보여주기) Bootstrap Modal을 띄우는 방법은 Javascript를 사용하는 것과 HTML element의 data attribute를 사용하는 것이 있습니다. 일단 modal은 아래와 같은 코드로 구성되어 있다고 가정하죠. {% block start-footer %}{% endblock %} {% block modal-header %} {% endblock %} {% block modal-body %} modal test {% endblock %} {% block modal-footer %}닫기{% endblock %} {% block end-footer %}{% endblock %} 1. 먼저 Javascript를 활용하는 예는 아래와 같아요. $("#testModal").modal(); 위 그림에서 .. 더보기
데이터시각화 08 - 서울시 공공 와이파이(WiFi) 일단 이번 달은 데이터시각화 포스팅 2개로 시작해봅니다 ㅎ 서울시 공공와이파이의 위치를 공간정보 위에 나타내보고 어디에 많이 분포하는지 확인해보려고 합니다. 일단 데이터는 서울 열린데이터 광장에서 다운로드 할 수 있습니다. 최종수정일이 2013년 6월이니깐 조금 예전 데이터군요. 그래도 한 번 시각화해보는 것도 좋을 것 같아요. 서울시에서 어디에 공공와이파이가 존재하는지 확인해보세요. 주로 공공와이파이라고 하는 것을 통신사 3사가 제공하고 있는 것 같네요. 서울시에서도 제공하고 있는 것도 존재하구요. 다 합쳐서 440개의 공공와이파이 정보가 존재했는데요. 히트맵으로도 만들어봤어요. 중구가 짱이네요. 밀집해서 공공와이파이가 존재하고 있는 것을 확인할 수 있습니다. 주로 공공와이파이는 지하철역 근처에 존재할.. 더보기
공공데이터 활용하기 - 001 공공데이터를 활용한 앱 또는 웹 서비스가 많이 개발되고 있는 것 같습니다. 공공데이터는 데이터베이스, 전자화된 파일 등 공공기관이 법령 등에서 정하는 목적을 위하여 생성 또는 취득하여 관리하고 있는 광 또는 전자적 방식으로 처리된 자료 또는 정보를 말한다 위 내용은 아래 주소에서 참조한 것입니다. 공공데이터의 제공 및 이용 활성화에 관한 법률, http://www.law.go.kr/lsInfoP.do?lsiSeq=142444&efYd=20131031#0000 이러한 공공데이터를 활용하는 방법에 대해서 몇 개의 포스팅으로 정리해보려구요. 이번 포스팅에서는 공공데이터 활용에 앞서, 어디에 공공데이터가 존재하는지 작성해보려고 합니다. 1. 공공데이터 포털 (https://www.data.go.kr) 공공데이터.. 더보기