본문 바로가기

table td access: first td, second td, third td Table td Access - first td, second td, third td, ....., n td - table의 여러 td 중에서 특정 td에만 접근해서 무언가를 하고 싶을 때가 있죠. 첫번째는 td:first-child로 접근 가능합니다. 두번째 부터는 td:nth-child(2) 이렇게 접근 가능한데 first-child도 nth-child(1)로 접근 가능하니까 td:first-child 보다는 nth-child로 통일해서 사용하는 것이 좋을 것 같네요. 아래 몇 가지 예시를 작성해봅니다. 1. table의 첫번째 td에만 click 이벤트를 주는 방법 $('#target_table').on('click', 'td:first-child', function(){ console.log('f.. 더보기
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을 변경하실 수 있습니다. 더보기
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.. 더보기
PostgreSQL, Pgadmin3 - Add Constraints 이번 포스팅에서는 PostgreSQL를 쉽게 활용할 수 있도록 지원하는 PgAdmin3에서 제약조건을 추가하는 방법에 대해서 간단하게 정리해둡니다 :) 1. 아래와 같은 SQL로 생성된 테이블이 있다고 가정하겠습니다. 아래 오타가 있네요 4는 왜 들어간건지..;; 내용상 큰 문제는 아니니깐 넘어갈께요. gid와 ttname 이라는 컬럼이 존재하고 gid는 pk입니다. ttname은 not null 빼고는 별다른 제약이 없구요. 이번 포스팅에서는 ttname에 unique 조건을 추가하는 것이 목표입니다. 2. 생성한 테이블을 마우스 오른쪽 클릭하면 아래와 같은 그림이 나옵니다. 여기서 Properties... 를 선택해줍니다. 3. Properties를 누르면 아래 와 같이 여러 탭이 있는 창이 하나 뜹.. 더보기
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.. 더보기
Bootstrap Table 정리 1 여러 웹 페이지 개발에 사용되고 있는 Bootstrap !!!인기가 높은 만큼 여러 extension도 개발되어 있습니다. Bootstrap 사용에 대해서는 많은 블로그나 웹 페이지에서 자세히 정리되어 있어요.여기서는 간단한 정리정도 ! 이번 포스팅에서는 Bootstrap Table 정리 1 Bootstrap에서 기본적으로 제공되는 Table에 여러 기능을 붙여 쉽게 동적인 테이블을 만들 수 있습니다. 깃허브 사이트는 https://github.com/wenzhixin/bootstrap-table상세 설명이 되어 있는 사이트는 http://bootstrap-table.wenzhixin.net.cn/예제 사이트는 http://issues.wenzhixin.net.cn/bootstrap-table/ 위 사이.. 더보기
MariaDB Column Drop, Delete 이번에는 MariaDB를 사용해야 하는데요. 많이 쓰이는 SQL 정리도 할 겸. 몇 가지 포스팅을 작성해두려구요 . 이미 많은 블로그에서 정리가 되어 있고, 공식 홈페이지나 SQL 문서를 보셔도 됩니다. MariaDB 홈페이지 : https://mariadb.org/ MariaDB Doc : https://mariadb.com/kb/en/ W3C School SQL : http://www.w3schools.com/sql/ 이번에는 기존 테이블에 존재하는 컬럼을 삭제하는 내용입니다. 아래 그림 처럼 데이터베이스 testdb 라는 곳에 userinfo 라는 테이블이 존재한다고 가정하겠습니다. 총 3개의 컬럼이 존재하는데요. uid, username, age입니다. 여기서 age 컬럼을 삭제하기 위해서 아래와.. 더보기
MariaDB Column Add 이번에는 MariaDB를 사용해야 하는데요. 많이 쓰이는 SQL 정리도 할 겸. 몇 가지 포스팅을 작성해두려구요 . 이미 많은 블로그에서 정리가 되어 있고, 공식 홈페이지나 SQL 문서를 보셔도 됩니다. MariaDB 홈페이지 : https://mariadb.org/ MariaDB Doc : https://mariadb.com/kb/en/ W3C School SQL : http://www.w3schools.com/sql/ 이번에는 기존 테이블에 컬럼을 하나 추가하는 내용입니다. 아래 그림 처럼 데이터베이스 testdb 라는 곳에 userinfo 라는 테이블이 존재한다고 가정하겠습니다. uid와 username 이라는 column을 가지고 있습니다. 여기서 컬럼명은 age고 데이터타입은 INT인 컬럼을 추.. 더보기
Python, psycopg2 : INSERT INTO .... SQL PostgreSQL의 adapter 중에 python을 지원해주는 psycopg2 라는 녀석이 존재합니다. 예전 글들을 찾아보니 psycopg2에 관련 된 몇 개의 포스팅이 있긴한데요. insert into sql에 대해서는 제대로 정리해둔 것이 없어서.. 일단 다시 psycopg2에 대해서 기본적인 정보에 대해서 정리해보면 다음과 같습니다. 1. psycopg2 document : http://pythonhosted.org//psycopg2/ 2. License : LGPL 3. github : https://github.com/psycopg/psycopg2 4. Project Homepage : http://initd.org/psycopg/ 이번 포스팅에서는 psycopg2로 insert into s.. 더보기
PostGIS : Delete Geometry Column in Geospatial Table 관련 포스팅 PostGIS : PostGIS Setting Script : http://ngee.tistory.com/629 PostGIS : Create Geospatial Table : http://ngee.tistory.com/631 PostGIS : Insert Geospatial Data into Table : http://ngee.tistory.com/632PostGIS : Select Geospatial Data from Table : http://ngee.tistory.com/633PostGIS : Delete Geometry Column in Geospatial Table : http://ngee.tistory.com/635 이전 포스팅들에 이어서 작성합니다. 이번에는 Geometry 컬.. 더보기
PostGIS : Create Geospatial Table 관련 포스팅 PostGIS : PostGIS Setting Script : http://ngee.tistory.com/629 PostGIS : Create Geospatial Table : http://ngee.tistory.com/631 PostGIS : Insert Geospatial Data into Table : http://ngee.tistory.com/632 PostGIS : Select Geospatial Data from Table : http://ngee.tistory.com/633 PostGIS : Delete Geometry Column in Geospatial Table : http://ngee.tistory.com/635 PostGIS를 활용하여 공간정보를 저장할 수 있는 데이터베.. 더보기
PostgreSQL SQL Statement : array insert 간단하게 PostgreSQL SQL Statement 중 array insert 하는 부분에 대해서 정리해둡니다. 먼저 insert 하기 위한 테이블이 아래와 같은 SQL로 생성되었다고 가정하겠습니다. ================================================================================================== CREATE TABLE test ( pid integer NOT NULL, t_array double precision[], CONSTRAINT test_pkey PRIMARY KEY (pid) ) WITH ( OIDS=FALSE ); ALTER TABLE test OWNER TO postgres; ==================.. 더보기
PgAdmin3, Database Restore 1. Open PgAdmin3 and New Database 2. Database Mouse Right Click and Restore... CLI로 하는 방식도 있지만, 편하게 GUI로 Restore 하는 과정을 정리했습니다. Restore까지 완료하시면 Backup한 테이블들이 보이고, 그 안에 데이터도 존재할꺼에요. 더보기
iOS - number of sections && number of rows in sections simple example //source code - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { if (section == 0) return 1; else if(section == 1) return [legend_value count]; //legend is NSMutableArray else if(section == 2) return [obs_value count]; //obs_value is NSMutableArray else return 0; } - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { // create.. 더보기
iOS - Section name of Dynamic table view simple example //source code - (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section { NSString *sectionName; switch (section) { case 0: sectionName = NSLocalizedString(@" Function", @" Function"); break; case 1: sectionName = NSLocalizedString(@" Legend", @" Legend"); break; case 2: sectionName = NSLocalizedString(@" Values", @" Values"); break; default: sect.. 더보기
iOS - Cell of dynamic table view using storyboard example //Storyboard //source code - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { static NSString *CellIdentifier = @""; if(indexPath.section == 0) CellIdentifier = @"RootCell"; else if(indexPath.section == 1) CellIdentifier = @"Legend"; else if(indexPath.section == 2) CellIdentifier = @"Cell"; UITableViewCell *cell = [tableView dequeueRe.. 더보기