본문 바로가기

Bootstrap4 Table Border Color Change CSS 부트스트랩 4 테이블 선 색 변경하기 아래와 같은 부트스트랩 테이블이 존재한다고 가정하면 테이블의 내부 선 색을 변경하기 위해서 아래와 같은 css가 필요해요. ... class 이름에 td 붙여주시고 border를 지정해주시면 됩니다. .table_test_class td{ border: 1px solid #000000; } th, tr 등을 이용해서 원하시는 부분에 border color 혹은 border style을 변경하실 수 있습니다. 더보기
twbsPagination Redraw pagination으로 twbsPagination을 사용하고 있는데요. Redraw 하는 방법을 정리해보려고요. twbsPagination github : https://github.com/josecebe/twbs-pagination Redraw는 아래와 같은 프로세스로 이루어집니다. pagination create pagination destroy pagination html create pagination recreate 먼저 pagination이 생성되어 있겠죠. html + javascript 로 말이에요. 잘 사용하다가 pagination을 다시 그리고 싶을 때 먼저 destroy하고 html을 다시 추가해줘야 합니다. 요거를 안에 다시 생성해줘야 해요. destrory 할 때 이것도 삭제되버리.. 더보기
Html parsing - beautifulsoup4 (find all elements using attribute) 아래 포스팅들에서 이어집니다. :-) 2016/08/21 - Html parsing - beautifulsoup4 (child element) 2016/08/21 - Html parsing - beautifulsoup4 (find_all image src) 2016/08/20 - Html parsing - beautifulsoup4 (install) 위 포스팅들을 보면 주로 find_all 에서 class 이름으로 elements를 찾는데요. 전 이게 일반적이라고 봅니다. 대부분의 사이트에서는 class 이름만으로 찾기가 가능하다고 생각하거든요. 이번 포스팅에서는 class가 아니라 다른 attribute를 활용해서 elements를 찾는 것에 대해서 작성해둡니다. 이 포스팅 내용은 아래 URL에서도 찾.. 더보기
Html parsing - beautifulsoup4 (child element) 이전 글 :) 2016/08/20 - [Python/libraries] - Html parsing - beautifulsoup4 (install)2016/08/21 - [Python/libraries] - Html parsing - beautifulsoup4 (find_all image src) 이번에는 특정 element의 child element의 값을 얻는 과정을 간단하게 작성해두려고 합니다. 먼저 사용하려는 웹 소스는 제 블로그이구요. http://ngee.tistory.com 현재 여러분은 이 글을 읽고 있다면 접속하신 상태겠군요 !!!아무튼 왼쪽에 카테고리가 보이는데 이걸 파싱해보겠습니다. 소스를 보니 하위에 li로 구성되어있네요. (빨간색으로 표시된 부분) 이렇게 해보려고 합니다. 1. 를 .. 더보기
Html parsing - beautifulsoup4 (find_all image src) 이전 글 :) 2016/08/20 - [Python/libraries] - Html parsing - beautifulsoup4 (install) 이번에는 간단한 예제로 Beautifulsoup4 에서 제공되는 find_all을 알아보도록 하겠습니다 !!! find_all 이라는 함수는 이름에서도 알 수 있듯이 동일한 것을 모두 찾아주는 함수입니다. 자세한 설명은 https://www.crummy.com/software/BeautifulSoup/bs4/doc/#find-all 을 참고하세요 :) https://www.crummy.com/software/BeautifulSoup/bs4/doc/#find-all 실제 웹 페이지를 통해서 한 번 find_all이 어떤 역할을 할 수 있는지 알아보아요. 만만한건.. 더보기
Html parsing - beautifulsoup4 (install) 살다보면 하기 싫은 Html parsing도 해야 하는 날이 있는거죠 :) 아주 예전에 beautifulsoup을 통해서 Html parsing을 했던 적이 있습니다. 오늘 다시 설치하려고 찾아보니 버전 4가 나왔더라구요. 그리고 이전 보다는 수월하게 Parsing이 가능해진 것 같습니다. 암튼 Python 으로 Html Parsing을 처리해야 하는 분들은 4 버전으로 하는게 좋을 것 같아요 !!! pip 로 검색해보면 아래와 같습니다. pip install beautifulsoup4 위 명령어로 설치하실 수 있습니다. 뒤에 꼭 4를 붙여서 설치하세요 !! 안그럼 3버전이 설치되니깐요!! 아래 사이트에 들어가면 좋은 예제 및 설명이 되어있어요!! 참고하시길 !! https://www.crummy.com.. 더보기
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를 하나 더 추가해봤.. 더보기
<p> <a> 태그 순서 + modal show 간단하게 기록용으로 1. 태그를 통해서 modal을 open하는 형태로 개발. test modal open 2. 안드로이드 + 크롬 조합에서는 문제없이 잘 작동하는데 iOS + Safari 조합에서는 modal이 안열림. 3. test modal open 으로 변경하니깐 잘 됨. 4. css가 이미 다 들어간 상태라서 변경하는 것이 번거로운 작업이 됨. 태그를 다 지워버렸음. 그리고 5번 수행. 5. jQuery 활용해서 아래와 같이 변경 $('.aaaa').click(function(e) { $('#testModal').modal('show'); }); stack overflow 에서 관련된 사항을 검색해보니 link text 가 W3C 표준이라고 하네요. 결론은 변경해서 쓰지 말자!! 입니다. 더보기
php basic - html로 부터 전달인자 값 받기 php 기초로 html에서 전달되는 값을 받는 것을 간단하게 작성해보려구요. 일단 html form에서 php로 전달해줘야 겠죠? 1. html form 이번 포스팅은 php 내용이 더 중요하니깐, html form 부분은 간단하게 아래와 같은 소스를 사용하겠습니다. email : name : 빨간색 부분만 보시면 되겠죠. post 방식으로 email과 name에 입력되는 값들을 getValue.php로 전달하는 것이죠. 2. getValue.php php에서 html로 부터 전달되는 혹은 다른 클라이언트에서 전달되는 값을 받기 위해서는 다음과 같은 소스를 통해 가능합니다. $_REQUEST['HTML에서 보내지는 값의 이름']; HTML에서 보내지는 값의 이름은 input 태그의 name이 되겠죠? 그.. 더보기