본문 바로가기

selenium python - 에러 날 때 한 번 쯤 해보면 좋을 시도 selenium python - 에러 날 때 한 번 쯤 해보면 좋을 시도 에러의 종류에 따라서 달라지겠지만 xpath 혹은 name, class 등으로 elements를 찾아 클릭하는 것을 시도했을 때 에러가 난다면 2가지를 볼 것 같아요. 1 . modal이 띄워져 있어서 해당 elements를 찾았지만 클릭이 안된다. >> 요건 이전 포스팅에 작성해뒀는데 한 번 확인해보세요. modal을 display:none 시키면 됩니다. >> 2019/08/25 - selenium python - Other element would receive the click 2. element를 못찾는다. >> 코드가 실행될 때 selenium이 해당 페이지를 모두 로드하지 못하는 경우도 있는 것 같으니까 time.sle.. 더보기
selenium python - find_element_by_xpath selenium python - find_element_by_xpath selenium을 활용하여 어떤 버튼을 클릭하거나 선택하거나 등등의 작업을 할 때 find_element_by_xpath 정말 좋은 것 같아요. 함수명 처럼 xpath를 이용해서 element를 찾아줍니다. xpath는 chrome browser에서 쉽게 얻을 수 있어요. get xpath : chrome >> inspect >> elements select >> copy >> copy XPath 복사하면 이런 것들이 나오거든요. '//*[@id="root"]/div[3]/div[3]/ul/li[8]' 이걸 활용해서 선택, 클릭을 할 수 있습니다. 클릭하기 click() 함수를 사용하시면 됩니다. xpath = '//*[@id="ro.. 더보기
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.. 더보기
git branch delete / remote branch delete / remote branch list udpate Git branch delete / list update git branch delete 로컬에서 git branch 하나를 삭제하고 싶을 때에는 -d 옵션으로 가능합니다. 아래와 같이 말이죠. git branch -d branch_name 여러 개의 로컬 branch를 삭제하고 싶을 때에는 -d 뒤에 쭉 붙여주면 됩니다. git branch -d branch_name branch_name2 branch_name3 branch_name4 git branch force delete 기본적으로 합쳐진 branch가 아니면 에러가 나면서 지워지지 않습니다. 그럴 때 강력하게(?) 삭제하는 옵션은 -D 입니다. 대문자는 강력하니까요. git branch -D branch_name -d 옵션과 마찬가지로 -D 옵.. 더보기
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을 변경하실 수 있습니다. 더보기
javascript replace (with regex) 자바스크립트에서 replace는 제일 처음것만 해준다고 합니다. 그래서 regex로 replace를 많이 사용한다고 합니다. 결론은 귀찮은 regex를 해야 한다. 라는 것인데. 생각해보면 내가 싫어서 제대로 공부하지 않은 regex라고 마냥 뒤로 미뤄두는 것도 아닌 것 같아 사용할 수 있을 때 사용해보려고 노력중입니다. 일단 아래 사이트에서 regex 로 매칭되는 것들을 확인할 수 있습니다. 테스트 하는 거죠. https://www.regexpal.com/ Regex Tester - Javascript, PCRE, PHP RegexPal requires a modern browser. Please update your browser to the latest version and try again. ww.. 더보기
datatables create example/sample Datatables Create Example datatables 라이브러리를 사용해서 테이블을 생성하는 예시입니다. 라이브러리 추가, trunc 함수 추가 등이 필요하지만 대충 코드 보시면 아실 것 같아서 자세한 내용은 추가하지 않았습니다. var table = $('#targetTable').DataTable({ data: source_data, dom: 'Bfrtip', buttons: [{ extend: 'excelHtml5', text: 'Excel Download', className: 'btn btn-black export-button' } ], columns: [{ title: "description" }, { title: "status" } ], "columnDefs": [{ "width.. 더보기
gulp 예제 (기록용) 약 2달 전에 아래와 같은 포스팅을 남겨둔 적이 있네요. 2016/08/25 - [Bootstrap&JS] - gulp uglify error 아무튼 이번에는 gulp를 어떻게 사용하고 있는지 간단하게 기록용으로 남겨둡니다. 스샷으로 간단하게 남겨봅니다. gulp gulp depend gulp publish 이런 명령어를 사용해서 gulp를 실행하고요. 꽤 편리하게 사용하고 있습니다 :) 더보기
typeahead list open !! 정말 기록용으로 간단하게만 typeahead로 select를 구현했을 때 어떤 액션에 따라 리스트를 보여지게 하고 싶을 때 그리고 사용했었던 bloodhound 함수 var bloodhound_create = function(target_id, inputList, initialize_value) { $(target_id).typeahead('destroy'); var idata = new Bloodhound({ initialize: initialize_value, datumTokenizer: Bloodhound.tokenizers.whitespace, queryTokenizer: Bloodhound.tokenizers.whitespace, local: inputList }); idata.initializ.. 더보기
PostgreSQL, Pgadmin3 - Add Constraints 이번 포스팅에서는 PostgreSQL를 쉽게 활용할 수 있도록 지원하는 PgAdmin3에서 제약조건을 추가하는 방법에 대해서 간단하게 정리해둡니다 :) 1. 아래와 같은 SQL로 생성된 테이블이 있다고 가정하겠습니다. 아래 오타가 있네요 4는 왜 들어간건지..;; 내용상 큰 문제는 아니니깐 넘어갈께요. gid와 ttname 이라는 컬럼이 존재하고 gid는 pk입니다. ttname은 not null 빼고는 별다른 제약이 없구요. 이번 포스팅에서는 ttname에 unique 조건을 추가하는 것이 목표입니다. 2. 생성한 테이블을 마우스 오른쪽 클릭하면 아래와 같은 그림이 나옵니다. 여기서 Properties... 를 선택해줍니다. 3. Properties를 누르면 아래 와 같이 여러 탭이 있는 창이 하나 뜹.. 더보기
Bootstrap3 Typeahead 결론부터 말하면 이번 포스팅은 아래 주소에서 제공되고 있는 라이브러리에 대한 이야기 !! url: https://github.com/bassjobsen/Bootstrap-3-Typeahead 저는 2시간 전까지 typeahead 만을 활용해왔는데 이게 기본 설정이 첫 번째 요소를 선택하는 형태는 아닙니다.해결할 수 있는 방법이 꽤 많이 있긴 하던데, 내가 잘못한 것이겠지만 적용이 안되서 문제가 있었어요. 그래서 찾아본 결과 Bootstrap에 적합하게 변경한 듯한 Typeahead를 찾았고 적용했고, 기본적으로 첫 번째 요소를 선택하는 것이 가능해졌습니다. 그래서 간단하게라도 정리!! 1. 일단 생성하는 방법부터 기본 Typeahead와는 차이가 있어요. 아래는 예시입니다. Bootstrap3 Typea.. 더보기
Bootstrap Table 정리 2 이번 포스팅에서는 Bootstrap Table 정리 2Bootstrap에서 기본적으로 제공되는 Table에 여러 기능을 붙여 쉽게 동적인 테이블을 만들 수 있습니다. 깃허브 사이트는 https://github.com/wenzhixin/bootstrap-table상세 설명이 되어 있는 사이트는 http://bootstrap-table.wenzhixin.net.cn/예제 사이트는 http://issues.wenzhixin.net.cn/bootstrap-table/ 위 사이트에 모두 정리되어 있어요. 정리 1에 이어서 !! 2에서는 테이블 컬럼을 시각화할 때 단순 값 표현이 아니라 값을 활용해서 커스터마이징 시킬 때 어떤 값을 사용해야 하는가.. 에 대해서 간단하게 정리해둡니다. :) 아래와 같이 테이블의 H.. 더보기
GeoJSON to TopoJSON 이전에 TopoJSON을 설치하는 내용을 정리한 적이 있습니다. TopoJSON Install : http://ngee.tistory.com/766 1. 설치가 되었다면 GeoJSON을 TopoJSON으로 바꾸는 것은 일도 아니더라구요. 예를들어서 aaa.geojson 파일을 bbb.json (topojson 타입)으로 변경하기 위해서는 topojson -o bbb.json aaa.geojson 위와 같이 간단합니다. -o 옵션은 output file의 이름을 작성하는 옵션이구요. 가장 마지막에 입력 geojson 파일 이름을 작성해주면 끝이죠. 기본적으로 위와 같은데요. 위와 같이 수행하시면 모든 속성정보를 생략한 채 topojson 파일을 만들어요. 2. 속성정보를 포함하는 topojson을 만들기 .. 더보기
openlayers 3 : Vector Layer Visualization 001 (GeoJSON) ol3를 활용해서 벡터데이터를 시각화하는 방법 001 입니다. 001에서는 단순하게 하나의 geojson 파일을 ol3를 활용해서 시각화하는 것을 정리하고 002에서는 타일링된 geojson 파일을 ol3 활용 시각화하는 것을 정리해보려고 합니다. 002는 약간은 복잡한 내용이 들어갈 수 있어서 당장하지는 못할 것 같아요 ㅎㅎ 1. ol3 버전이 중요합니다. 정확하게 몇 버전 부터 달라졌는지는 검색하지 않았습니다. 다시 확인해보니깐 3.5 버전부터 입니다. 3.5 버전으로 가면서 vector layer 관련 api가 약간 변경되었다는 점이 중요합니다. 참고 웹 페이지 중 가장 마지막 링크에 들어가보시면 변경사항에 대해서 자세히 나와 있습니다. 참고 : https://github.com/openlayers.. 더보기
GDAL : ogrinfo example : so, where option GDAL : ogrinfo example : al, geom option - http://ngee.tistory.com/644 GDAL : ogrinfo example : so, where option - http://ngee.tistory.com/645 앞선 포스팅에 이어서~~ 계혹 ogrinfo 옵션을 몇 개만 더 정리하려고 합니다. 4. ogrinfo -al -so datasource_name 이번에는 al 옵션과 so 옵션을 같이 사용했습니다. al 옵션은 전체 레이어에 대한 정보(geometry 포함)를 출력하는 옵션이구요. so 옵션은 요약하는 옵션입니다. 이 2개를 같이 사용하는 경우 아래와 같은 결과를 볼 수 있습니다. command : ogrinfo -al -so DoDreamWay05_.. 더보기
GDAL : ogrinfo example : al, geom option command : ogrinfo (enter) Usage: ogrinfo [--help-general] [-ro] [-q] [-where restricted_where] [-spat xmin ymin xmax ymax] [-geomfield field] [-fid fid] [-sql statement] [-dialect sql_dialect] [-al] [-so] [-fields={YES/NO}] [-geom={YES/NO/SUMMARY}][--formats] datasource_name [layer [layer ...]] 이번 포스팅에서는 ogrinfo를 통해서 커맨드라인 명령어를 통해 shape 파일의 속성정보를 확인해보는 예제를 해보려고 합니다.shape를 하나 골라야죠. 저는 서울시 열린데이터 광.. 더보기