본문 바로가기
반응형

전체 글86

MariaDB 시작시 시스템 오류 1067이(가) 생겼습니다. 마리아 DB 서비스가 실행되지 않을 때 해결 방법 cmd를 관리자 권한으로 실행 후 mysqld.exe가 있는 폴더로 이동(주로 C:\Program Files\MariaDB 10.5\bin) 명령어 net start MariaDB (이때 MariaDB는 서비스 명이다.) 위 그림처럼 시스템 오류가 발생했습니다. 시스템 오류 1067이(가) 생겼습니다. 프로세스가 예기치 않게 종료되었습니다. 와 같은 오류가 발생하는 원인은 다양하다. 구글에 검색했을 때 주로 나오는 해결 방법은 my.ini 에 잘못 설정된 부분을 고치는 것이다. (해당 파일은 C:\Program Files\MariaDB 10.5\data 하위에 존재) 하지만 나는 my.ini 에서 설정은 잘 적용되어 있었다. 이럴 땐 당황하지 말고 오류가.. 2022. 7. 22.
HTML 특정 엘리먼트 내 좌표값 구하기 전체 화면에서 사용자가 클릭 또는 터치한 위치 좌표를 구하기는 비교적 간단하다. $("#photo").on("touchstart", function(e){ clientX = e.originalEvent.touches[0].clientX; clientY = e.originalEvent.touches[0].clientY; } 특정 엘리먼트 내 좌표를 구하는 방법은 아래와 같다. $("#frame").on("touchstart", function(e){ //페이지 내에서 터치한 이미지 위치 구하기 var br = document.getElementById("photo").getBoundingClientRect(); //이미지 내 터치한 x,y 좌표 구하기 clientX = e.originalEvent.touc.. 2022. 7. 14.
Android Emulator can't provide internet ▶ 문제점 - 안드로이드 에뮬레이터에 인터넷이 연결되지 않음 - 안드로이드 에뮬레이터로 url로 이미지를 가져오거나, 웹뷰 사용시 문제 발생 ▶ 해결 방법 - 안드로이드 에뮬레이터를 실행시키면 디폴트로 아래와 같이 네트워크가 생성된다. - 우측 마우스 클릭 > 속성 > 인터넷 프로토콜 버전 4(TCP/IPv4) > 속성 > DNS 서버 주소 아래와 같이 설정 ( 기본 설정 DNS 서버 8.8.8.8 / 보조 DNS 서버 8.8.4.4 ) 2022. 6. 22.
Bootstarp Datepicker 시작날짜, 끝날짜 정하기(startdate, enddate) Bootstarp Datepicker 시작날짜, 끝날짜 정하기(startdate, enddate) 시작날짜에선 끝날짜 "이전"만 선택 가능하도록 끝날짜에선 시작날짜 "이후"만 선택 가능하도록 코드는 아래와 같음 $("#start").datepicker({ format: "yyyy-mm-dd", autoclose : true, calendarWeeks : false, clearBtn : false, showWeekDays : true , todayHighlight : true , language : "kr" }).on("changeDate", function(){ $("#end").datepicker("setStartDate", new Date($("#start").val())); }); $("#end").. 2021. 10. 7.
[Tabulator] 체크박스로 행 선택 / rowSelectionChanged 콜백함수 구현 목표: 첫 번째 컬럼에 체크박스 삽입 후 체크박스로 행 선택 컨트롤 위와 같이 체크박스로 행 선택하는 건 옵션으로 간단하게 만들 수 있다. var table = new Tabulator("#example-table", { height:"311px", columns:[ {formatter:"rowSelection", titleFormatter:"rowSelection", hozAlign:"center", headerSort:false }, {title:"Name", field:"name", width:200}, {title:"Progress", field:"progress", width:100, hozAlign:"right", sorter:"number"}, {title:"Gender", field:.. 2021. 7. 27.
[Tabulator] cell & row click event 동시에! 2021.07.18 - [공부기록/JQUERY] - [Tabulator] 라이브러리 옵션들(반응형 레이아웃, 아이콘 사용) 위 포스팅에서 아이콘을 사용해서 edit, delete 기능을 구현했다. 바로 cellClick 함수를 이용해서~ 그리고 행을 클릭하면 해당 행의 상세보기 화면을 띄우는 기능을 구현하고자 했다. 이때 cellClick과 rowClick의 이벤트가 동시에 발생하는 문제를 막기 위해 다음과 같이 작성해준다. table = new Tabulator("#dic", { layout:"fitDataFill", placeholder:"데이터가 존재하지 않습니다.", columns : [ { formatter:"responsiveCollapse", width:50, minWidth:50, hozA.. 2021. 7. 20.
[Tabulator] 검색기능 커스터마이징 2021.07.17 - [공부기록/JQUERY] - [Tabulator] 사용법(데이터&테이블 바인딩 라이브러리) 기본 사용방법은 위 포스팅 참조~~ 구현목표: 기존 컬럼별 검색기능에서 전체 검색 확장하기 Tabulator 라이브러리에서는 컬럼별 검색기능을 제공한다. html - select, input, button 추가 등록 전체 용어명 용어설명 프로젝트 구분 검색 초기화 select에 onchange, input에 onkeyup, button에 onclick 이벤트를 추가한다. javascript function allSearch(data, searchWord) { if(Object.keys(searchWord).length == 0) { //검색어가 비었을때 return true; } var di.. 2021. 7. 19.
[Tabulator] 등록 버튼 + 입력 폼 + 팝업 + 행 추가 구현목표: Tabulator 라이브러리를 사용하여 행추가 기능을 확장 기존 라이브러리는 행추가 버튼을 누르면 새로운 행이 추가되고, 거기에 에디터를 달아서 cell을 클릭하여 에디터로 값을 입력하는 기능을 제공한다. 하지만 입력해야 되는 값이 많다면? 입력 폼이 필요할 것이다! 그래서 등록버튼 + 입력 폼 + 팝업을 이용하여 등록 기능을 구현해보았다. html 등록 button에 팝업창 띄우는 함수를 추가해준다. popup.jsp × ... 취소 확인 table 생성해주는 javascript var table; $(function(){ table = new Tabulator("#dic", { layout:"fitDataFill", placeholder:"데이터가 존재하지 않습니다.", columns : .. 2021. 7. 18.
[Tabulator] 라이브러리 옵션들(반응형 레이아웃, 아이콘 사용) 2021.07.17 - [공부기록/JQUERY] - [Tabulator] 사용법(데이터&테이블 바인딩 라이브러리) 기본적인 사용법은 위 포스트 참조~ 이번 포스트에서는 몇가지 옵션에 대해 소개하고자 한다. [1] 반응형 레이아웃 아래 사진을 보면 좌측에 [-] 아이콘을 누르면 상세내역이 접히고, [+]아이콘과 함께 테이블이 보여진다. [2] 아이콘 삽입 우측에 수정, 삭제 아이콘 추가 [1] 반응형 레이아웃 var editorIcon = function(cell, formatterParams, onRendered) { return ""; } var deleteIcon = function(cell, formatterParams, onRendered) { return ""; } var table = new .. 2021. 7. 18.
[Tabulator] 사용법(자바스크립트 그리드 라이브러리) 자바스크립트 grid 라이브러리 - Tabulator http://tabulator.info Tabulator - Interactive JavaScript Tables Create interactive data tables in seconds with Tabulator. A lightweight, fully featured JavaScript table generation library. tabulator.info 간단하게 소개하자면 HTML 테이블과 js array, ajax data source, json 데이터를 테이블로 만들어주는 라이브러리입니다. 가장 훌륭한 점은 무료라는 거쥬! 예제와 doc이 잘 정리되어 있으니 사실 이것만 보고도 잘 사용할 수 있다. 반드시 필요한 js와 css " targ.. 2021. 7. 17.
jquery dataTables vs. Tabulator 라이브러리 비교 자바스크립트 그리드 라이브러리 비교&추천 테이블과 데이터를 binding 해주는 라이브러리가 여러가지 있겠지만, 대표적으로 Jquery dataTables와 Tabulator 라이브러리가 많이 쓰이는 것 같다. 두 라이브러리 모두 테이블과 데이터를 쉽게 바인딩하여 쓸 수 있다는 장점이 있다. 하지만 약간씩 다르다는 점에서 무엇을 쓸지 굉-장히 고민이 되는 부분이다. 그래서 비교해보려고 합니다~ Jquery dataTables (Editor)특징 위 사진을 보면 아시겠지만 popup창으로 데이터를 생성/수정할 수 있다. 물론 간단하게 행으로 생성/수정 삭제도 가능하다. 하지만 데이터 종류가 많을 경우 행으로 입력하는 게 힘들다. 그래서 이런 기능을 지원하는게 정말 강력하다고 본다. 하지만 가장 큰 단점은 .. 2021. 7. 16.
[Jquery dataTables] 라이브러리 - 체크박스로 전체선택 기능 구현 2021.07.15 - [공부기록/JQUERY] - [Jquery DataTables] 라이브러리 기본 사용법 [Jquery DataTables] 라이브러리 기본 사용법 [스프링 부트/RestController] 원격에서 data를 받아와서 테이블에 출력시키는 기능을 구현하고자 한다. jquery datatables library는 테이블과 데이터를 쉽게 binding하여 구현할 수 있게 도와준다. 공식홈페 amikim5263.tistory.com 기본 사용법은 위 포스트에서~ [스프링 부트/RestController] 이번 포스트에선 첫 번째 컬럼에 체크박스를 삽입하고 theader의 체크박스 선택시 전체 선택되는 기능에 대하여 써본다. 기본적으로 jquery, datatables 등 css, js를 .. 2021. 7. 15.
728x90
반응형