Daily Develope

환경설정datatables 다운로드 접속원하는 환경 설정하단의 JS 및 CSS 연결주소를 복사하거나, 해당 파일을 다운받아 삽입(설치 후 사용하려는 경우 링크 참고)사용 예시HTML 파일본 예시에서는 간단하게 헤더만 정의해두고 데이터는 JS에서 동적으로 처리 index col_01 col_02 col_03 JS 파일테이블 초기화시 다양한 옵션을 사용해 쉽게 구성할 수 있다.(사용 가능한 옵션은 Option 링크 참고.)아래 코드는 앞서 선언한 table element에 DataTable 객체를 할당하는 방법으로 테이블 구성하는 예시이다.var myData = [{"id":"id1", "..

query를 사용한 개체 검색xpath에 해당하는 모든 개체들을 불러와 순회하는 예시 코드검색쿼리는 css selector 문법 사용.// div 아래 model 이라는 클래스명을 가지는 모든 개체 검색const modelList = document.querySelectorAll("div.model");// 검색된 항목에 대한 순회modelList.forEach(element => { console.log(element);});AjaxPost (Form 데이터 전달)post 통신으로 form 데이터 전달var formData = new FormData();formData.append('data_a', data_a);formData.append('data_b', data_a);$.ajax({ url: ..

일반 반올림 (오사오입)python의 기반 round 함수를 사용하는 경우 오사오입이 적용된다. (올림 자리수가 5인 경우 그 앞자리가 홀수면 올리고 짝수면 내림)print(round(3.5, 0)) # 출력값 : 4print(round(4.5, 0)) # 출력값 : 4decimal 사용 (사사오입)일반적으로 알고있는 반올림 방법import decimalctx = decimal.getcontext()ctx.rounding = decimal.ROUND_UPprint(round(decimal.Decimal(3.5), 0)) # 출력값 : 4print(round(decimal.Decimal(4.5), 0)) # 출력값 : 5 주의사항 : 반올림 후 결과의 type은 Decimal 이므로 필요에 따라 형변환 수행.

최상단부터 하단의 내용이 overwrite되는 방식으로 규칙 적용태그 유형별 스타일 적용 (예시)/*모든 div 태그에 적용*/dix { width: 100%;}/*id 기준 스타일 적용*/#my_id { width: 100%;}/*class 기준 스타일 적용*/.my_class { width: 100%;}/*div의 모든 my_id에 적용*/div my_id { height: 10px;}/*div 밑의 my_class 밑의 list item에만 스타일 적용*/div>.my_class>li { text-align: center;}class에 스타일 적용