본문 바로가기

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.. 더보기
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) 공공데이터.. 더보기