js
기존에 좀 거지같은 php 코드는 그대로 두기로 하고 파일두개를 만들었다
table js, api.php
이 환상적인 코드를 보라..
참고는 많이 하기는 했다
border 속성
border 속성은 태그의 테두리를 설정하는 속성으로, background 속성과 비슷하게 세부적인 속성들을 한번에 쓸 수 있는 속성입니다. width - style - color 의 순서로 사용합니다. 테두리의 두께로, 주로 px 단위를 사용합니다. 테두리의 스타일로 실선, 점선, 이중선 등의 옵션이 존재합니다. 테두리의 색상으로, 값은 color 속성 의 포맷을 사용합니다.
https://ofcourse.kr/css-course/border-%EC%86%8D%EC%84%B1

#CSS3 Border-radius 로 원 그리기
CSS3 Border-radius 로 원 그리기 [완성작] [코드] 무제 문서 .circle1 { background-color: #609; width: 200px; heig..
http://dpfmth.com/200
[publishing] css inner border 만들기
기본 css로 border값을 넣을 경우 outline으로 잡힌다. 인라인 스타일의 보더 값을 넣고 싶을 경우 box-shadow 스타일을 사용하면된다. css div { width: 150px; height: 50px; background-color: green; box-shadow: 0 0 0 3px #000 inset; } view 예시처럼 border 굵기는 네번째 수치로 정하면 된다. box-shadow의 inset이 결정적 스타일이다.
https://jintrue.tistory.com/entry/publishing-css-inner-border-%EB%A7%8C%EB%93%A4%EA%B8%B0
![[publishing] css inner border 만들기](https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png)
자바스크립트 Array forEach
이번 글에서는 자바스크립트 Array(배열) 객체의 메서드인 forEach에 대해 작성하겠습니다. forEach는 for문과 마찬가지로 반복적인 기능을 수행할 때 사용합니다. 하지만 for문처럼 index와 조건식, increase를 정의하지 않아도 callback 함수를 통해 기능을 수행할 수 있습니다. 1. [].forEach(callback, thisArg) 기본적인 forEach의 사용법은 아래와 같습니다.
https://yuddomack.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-Array-forEach
Table insertRow() Method
❮ Table Object Insert new row(s) at the first position of a table (and insert a element with some content to it): // Find a element with id="myTable":var table = document.getElementById("myTable"); // Create an empty element and add it to the 1st position of the table:var row = table.insertRow(0); //
https://www.w3schools.com/jsref/met_table_insertrow.asp

[javascript|자바스크립트] foreach 구문을 이용하여 JSON 값 쉽게 가져오기 (json key get value)
자바스크립트의 foreach 구문을 이용하여 JSON 객체의 키(key)와 값(value)를 쉽게 가져올 수 있다. jQuery를 사용한다면 $.each 구문을 대신 사용할 수도 있다. □ Javascript var json = { 'NAME':'홍길동', 'SE..
https://gent.tistory.com/17
![[javascript|자바스크립트] foreach 구문을 이용하여 JSON 값 쉽게 가져오기 (json key get value)](https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png)
Insert Header Cell (TH element) in HTML Table using JavaScript
Here Mudassar Ahmed Khan has explained with example, how to dynamically create and insert Header Cell (TH element) in HTML Table using JavaScript. JavaScript insertCell function can insert Cell (TD element) to an HTML Table but it does not work for Header Cell (TH element) and hence the Header Cell (TH element) is created using document.createElement function and then inserted to the Header Row of the HTML Table.
https://www.aspsnippets.com/Articles/Insert-Header-Cell-TH-element-in-HTML-Table-using-JavaScript.aspx
jQuery: Delete all table rows except first one using jQuery - w3resource
jQuery Practical Exercises with Solution: Delete all table rows except first one using jQuery.
https://www.w3resource.com/jquery-exercises/part1/jquery-practical-exercise-33.php

- 찾다찾다 이녀석때문에 큰도움! th 빼고 다지우는녀석
- jquery 도 도움이 될때가 있구나...
php
api 쪽은 더지리지
- 메인 함수
어떤 곳에서도 재사용 가능한 table json export
뭐 시작은 간단하게 두줄이고 나머지 mysqli 재사용 가능 다른 함수들

Seonglae Cho