![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/vVw7V/btsMeLuCmQ1/eN1m6qxOkFjMJkeOs8MFe0/img.webp)
웹 개발을 하다 보면 많은 양의 데이터를 깔끔하고 효율적으로 표시해야 할 때가 있습니다. 이럴 때 많이 활용되는 도구 중 하나가 바로 DataTables입니다. 오늘은 제이쿼리와 DataTables를 이용해 HTML 테이블에 다양한 기능(페이징, 정렬, 검색 등)을 추가하는 방법을 알아보려고 합니다.먼저 아래와 같이 DataTables를 초기화하는 코드를 보겠습니다.// DataTables 초기 설정dataTable = $('#myTable').DataTable({ "paging": true, "ordering": true, "searching": true, "pageLength": 50, "lengthMenu": [25, 50, 100, 200, 500, 1000], "..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bI8Ast/btsMcp0crOV/uZgN1bYmQ9vzF3WAPDN0k0/img.webp)
웹사이트에서 숫자를 입력할 때 1,000처럼 천 단위 구분 기호(콤마)를 넣는 경우가 많다. 하지만 데이터 처리를 위해서는 이 콤마를 제거하고 순수한 숫자 값만 남겨야 한다. 특히 JavaScript와 PHP에서 콤마를 제거하는 방법은 초보 개발자들에게 꼭 필요한 기본적인 기능 중 하나다. 이번 글에서는 JavaScript와 PHP에서 입력된 숫자에서 콤마를 제거하는 방법을 살펴보자. JavaScript에서 콤마 제거하기JavaScript에서 사용자가 입력한 값에서 콤마를 제거하려면 replace() 메서드를 활용하면 된다. 특히 g 플래그를 사용하면 모든 콤마를 한 번에 제거할 수 있다.var qty = row.find('input[name="col5[]"]').val().replace(/,/g, ''..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/nCyI3/btsL97Eyt0L/o2TTV0tY3OrjH3SveAax50/img.webp)
PHP에서 브라켓 품목코드 기반 재고 조회 기능 구현하기브라켓 품목코드의 체계적인 재고 관리는 창고 운영의 효율성을 높이고, 주문 및 출고 프로세스를 간소화하는 데 중요한 역할을 한다. 이번 포스팅에서는 브라켓 품목코드를 기반으로 재고를 조회하고, 정렬 및 필터링하여 원하는 데이터를 추출하는 PHP 스크립트를 설명한다.1. 품목코드와 JSON 데이터 활용이 코드의 핵심 기능 중 하나는 safe_json_decode() 함수를 활용해 JSON 형태로 저장된 품목코드를 안전하게 디코딩하는 것이다. 데이터베이스에서 조회된 품목코드는 JSON 형식으로 저장되어 있으므로, 이를 PHP 배열로 변환하여 활용한다.function safe_json_decode($json) { $decoded = json_deco..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/3ZrTs/btsL7Lu4BxC/u9Pka6VuyHtQH1ZKJ7AMAk/img.webp)
PHP에서 마지막 요소에 을 넣지 않는 방법PHP에서 foreach 문을 사용할 때, 각 요소를 HTML로 출력하면서 태그를 추가해야 하는 경우가 있다. 하지만 마지막 요소에는 을 넣고 싶지 않을 때 어떻게 해야 할까? 초보자들이 자주 부딪히는 문제 중 하나인데, 이를 해결하는 방법을 차근차근 설명해 보겠다.foreach 사용 시 태그 처리 문제예를 들어, 아래와 같은 코드가 있다고 하자.foreach ($gridData as $gridRow) { $prod_CD .= $gridRow['work_prod_cd'] . "";}이렇게 하면 모든 요소 뒤에 태그가 붙어 마지막 요소에도 이 추가된다. 결과적으로 HTML에서 불필요한 빈 줄이 생길 수 있다.implode()를 활용한 간단한 해결법이 문..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/zygIG/btsL4y4lHvL/CDirjZcKvtFkNfTpXUSj10/img.webp)
안녕하세요. 평소 Notepad++를 사용하시면서 코드 작성이나 텍스트 편집 시 눈의 피로가 느껴지신 적 있으신가요? 오늘은 Notepad++에서 가독성이 뛰어난 폰트로 변경하여 보다 편안한 작업 환경을 만드는 방법에 대해 초보자도 이해하기 쉽게 단계별로 안내해 드리려고 합니다. Notepad++는 많은 개발자들이 즐겨 사용하는 텍스트 에디터로, 다양한 사용자 설정을 통해 자신만의 환경을 구축할 수 있는 프로그램인데요. 그중에서도 폰트 설정은 작업 효율과 눈의 피로도에 큰 영향을 미치므로, 이번 기회에 꼭 한 번 변경해 보시길 권해드립니다. Notepad++와 폰트 설정의 중요성프로그래밍이나 문서 작업을 할 때, 가독성이 좋은 폰트는 단순한 미적 요소를 넘어 생산성에 직접적인 영향을 줍니다. Notepa..
- Total
- Today
- Yesterday
- #InstallForge
- 캐드자동작도
- coalesce는 한국어로 "코얼레스크" 또는 "코얼리스"
- 효율적코딩방법
- 엑셀보호
- 오토핫키가이드
- 코딩튜토리얼
- 스크립트작성기초
- 테크에능한여성
- 엑셀셀보호
- 뫄프로그래밍
- chatGPT3.5파이썬버전
- sql문장 날짜계산
- isset을 적용해야 하는 이유
- 엑셀입력보호
- #프로그램설치
- 티스토리챌린지
- General error: 2031
- 도면자동생성
- Bootstrap 5
- ajax오류메시지
- json파일형태보기
- 프로그래머생활
- 1. #웹개발 2. #로트번호 3. #성적서보기 4. #ajax 5. #jquery 6. #php 7. #프론트엔드 8. #백엔드 9. #부트스트랩 10. #웹기능구현
- 파이썬코드줄바꿈방법
- #파이썬패키징
- 코딩효율성
- 구글드라이브API
- 오블완
- json파일편하게보는법
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |