[SQL] Dbeaver 프로그램 사용 [3] 기타 설정

운영체제: windows 10 Dbeaver Version: 버전23.1.0.202306041918 1. 다크모드 해제 / 설정 다크모드 해제/ 설정은 윈도우 - 설정 - User interface - Appearance - Theme에서 마음에 드는 테마를 조정하시면 됩니다. 2. 결과값 Null에 대한 표시 변경 (특수조건에 대한 Font 설정) Null값은 DB상에서 문자값의 공백(' '), 숫자값의 0 혹은 여러가지를 의미할 수 있는 중요한 값입니다. 이에 대해서 한 눈에 띄게 보고 싶다면 아래와 같이 설정을 하면 됩니다. 이외에도 해당 설정에선 Error가 발생한 셀이라든지 조건에 맞는 셀의 색을 변경한다든지의 설정을 가능케 합니다. 윈도우 - 설정 - User interface - Appear..

[SQL] Dbeaver 프로그램 사용 [2] 첫 실행 및 db연결

운영체제: windows 10 Dbeaver Version: 버전23.1.0.202306041918 첫 실행 이전에서 설치까지 완료했다면, 이후 실행을 한다면 하기와 같은 창이 출력됩니다. Tip of the day는 무시하셔도 되니 그냥 닫으시면 됩니다. (다시 뜨길 원치 않는다면, 아래의 Show tips on startup의 체크를 해제후 닫으시면 됩니다) DB 연결 DB연결은 데이터베이스 - 새데이터베이스 연결 - 연결하고자하는 SQL프로그램 선택 - 서버 정보기입 및 실행 순으로 진행한다. DB연결설정에 대해서 작성을 한다. host, Database, Username, Password를 작성후, Finish를 클릭한다. 아래는 PostgreSQL의 설정이기 때문에 이는, SQL프로그램에 따라 ..

[SQL] Dbeaver 프로그램 사용 [1] 설치

Dbeaver란 DBeaver는 SQL 클라이언트이자 데이터베이스 관리 도구이다. 관계형 데이터베이스의 경우, API를 사용하여 JDBC 드라이버를 통해 데이터베이스와 통신한다. 그 밖의 데이터베이스(NoSQL)의 경우 사유 데이터베이스 드라이버를 사용한다. 자동 완성과 구문 강조를 지원하는 편집기를 제공한다. 이클립스 플러그인 구조 기반의 플러그인 아키텍처를 제공함으로써 애플리케이션 동작 중 상당수를 수정하여 데이터베이스에 특화된 기능이나 데이터베이스에 독립적인 기능들을 제공할 수 있게 한다. 이것은 자바로 작성된 데스크톱 애플리케이션이며 이클립스 플랫폼에 기반을 둔다. DBeaver는 아파치 라이선스로 배포되는 자유 오픈 소스 소프트웨어이다. (출처: 위키백과) 짧게 요약하자면 JDBC를 이용하여 다..

github 사용하기 (2) 화면

2022.04.26 - [Coding story/go Github] - github 사용하기 (1) 설치 및 준비 혹시나 설치나 준비를 하셔야할 분은 이전 포스팅을 가시면 됩니다. github에 모든 준비를 마치셨다면, 다음은 전반적인 화면들에 대하여 살펴보자 우선 github홈페이지에 로그인한 후 자신의 페이지로 가보자. 우측의 프로필 사진을 클릭하면 차례대로 갈 수 있는 페이지가 나온다. 1) 메인화면 메인 화면에서는 자신의 README.MD를 작성하여 소개글을 작성하고, 기타 설정등을 통하여 저장소를 관리하며, 활동 내역등을 확인할 수 있다. 2) Repository (저장소) 저장소는 자신의 프로젝트 파일이나 기타외 자신이 관리할 것들을 올려서 public(공용) private(개인) 공개 방식을..

github 사용하기 (1) 설치 및 준비

Github란? 깃허브는 분산 버전 관리 툴인 깃 저장소 호스팅을 지원하는 웹 서비스이다. 루비 온 레일스로 작성되었다. Github는 영리적인 서비스와 오픈소스를 위한 무상 서비스를 모두 제공한다. Github사용해보기 사용하기에 앞서서, 우선 github를 사용하기 위해선 크게 github에서의 홈페이지 가입과 git의 설치를 진행해야한다. 그 방법을 설명하겠다. 1) github 가입하기 https://github.com/ 우선 밑의 사이트에 들어간다. GitHub: Where the world builds software GitHub is where over 73 million developers shape the future of software, together. Contribute to th..

카카오페이를 위한 페이지 (아임포트연동)

Chart.js (2) ajax를 통한 데이터 차트값 출력

Chart.js(1)은 여기서 보시면 됩니다. 2022.03.15 - [Coding story/go Spring,JSP] - Chart.js (1) 기본 ajax와 연동하기위해선 컨트롤단에서 데이터를 json형태로 보내 이를 jsp에서 받아 출력시켜야한다. 일단 매출이라는 VO에서 판매금액과 날짜만 가져오고 이를 json형태로 넣어 보내보도록 한다. mybatis를 통해 VO를 List에 넣어 mapper와 service를 통하여 Controller에서 시작하는 것부터 하겠다. 참, 시작전에 java의 object객체를 json으로 바꾸기 위하여 필요한 gson라이브러리를 넣자. #Pom.xml 을 통한 DI 1 2 3 4 5 6 7 com.google.code.gson gson 2.9.0 Colored..

Chart.js (1) 기본

차트 출력을 하는데에 있어서 구글 차트를 썼지만 그보다 더 편한 것이 Chart.js가 있다. 이는 오픈소스로 사용이 가능하며, 사용법도 간단하다. 우선은 여기서 출력만 하고 jquery 의 ajax를 이용한 db연동은 추후에 준비하도록 하겠다. # 필수 스크립트 1 cs # chart의 속성들 type : 기본적으로 bar, pie, line, radar를 많이 사용한다. data : 실질적으로 ajax의 값을 가져와 연결해야하는 부분이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 var Data= { type:"bar", /*chart.js는 mixed 차트를 지원하는데, line과 bar만 섞을 수 있음*/ label: '', /*x축의 ..

(JSP) 테이블의 값을 엑셀 파일로 다운로드(SheetJs)

저번의 스프링 안에서의 다운로드를 구현하려다보니 자바단에서 많이 꼬이고 어려워서 이번에는 자바스크립트를 이용하여 해당구역을 엑셀로 받는 작업을 하였다. 우선 엑셀파일이 관련된 js인 SheetJS와 파일다운로드가 관련된 FileSaver.min.js가 필요하다. 만약 파일이 필요하다면 밑에 제작자의 깃헙을 통해서 다운로드해서 사용하면 됩니다. 1 2 3 4 cs SheetJS 깃허브 https://github.com/SheetJS/sheetjs GitHub - SheetJS/sheetjs: SheetJS Community Edition -- Spreadsheet Data Toolkit :green_book: SheetJS Community Edition -- Spreadsheet Data Toolkit ..

자바 스크립트를 통한 로딩창 띄우기

프로젝트를 하다보면 거의 관리프로그램을 만드는데 이를 열심히 만들다보면 이왕이면 예쁘게 만들어야지 라는 생각이 먼저든다. 관리프로그램에서 창을 넘어갈때 있어 보이게 하는 것이 바로 이 로딩창. 그래서 로딩창을 찾아서 프로젝트에 넣어보았다. #코 드 실행하는 원리는 처음에 본문의 display가 none으로 되어 있다가 자바스크립트 단을 타고 window.onload와 setTimeout를 타고 3초 후에 서로의 display가 바뀌는 점을 착안한 것이다. 실제로 둘다 같은 화면에 있지만 로딩애니메이션이 담긴 div와 본문이 담긴 div의 display가 바뀌면서 로딩을 한 것처럼 착각을 하게 만든다고 생각하면 된다. # 출력되는 jsp단 1 2 3 4 5 6 7 이곳에 로딩창출력 후 출력될 내용을 넣으면..

이클립스에서의 자바스크립트 자동완성기능 추가하기 (tern플러그인)

# 설치전 준비 일단 설치를 하기에 앞서 기존 jre와의 충돌을 피하기 위하여 준비를 해야한다. windows-preferences에서 install/update의 verify provisioning ~에 체크가 되어 있을텐데 이를 체크해줘야한다. # 설치 설치에 들어가면 help에서 Install New Software에서 add를 통해 주소를 통한 플러그인 설치를 한다. 주소는 밑에를 복사해서 붙여 넣는다. 혹은 제작자의 버전 업데이트가 궁금하신분은 맨 밑에 해당 제작자의 github이 있으니 찾아가보시면됩니다. ※버전은 1.2.1까지 출시하였는데, 버전업이나 다른버전을 사용하실 분은 주소의 버전 숫자를 수정하시면 됩니다. oss.opensagres.fr/tern.repository/1.2.1/ # ..

동영상을 웹에서 배경화면으로 만들기

#main.jsp 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 29 30 31 32 33 34 35 36 37 38 39 CSS body { padding: 0px; margin: 0px; } .jb-box { width: 100%; height: 100%; overflow: hidden;margin: 0px auto; position: relative; } video { width: 100%; } .jb-text { position: absolute; top: 50%; width: 100%; } .jb-text p { margin-top: -24px; text-align: center; font-size: 48px..

(Spring) 엑셀 파일값을 DB에 업로드하기(Apache Poi)

다운로드와는 달리 업로드에는 많은 준비가 필요했다. 엑셀파일의 속성을 읽어오고, 그리고 속성안에서의 col과 row값을 읽어와서 그것을 종합해야하고 종합된 것을 db에 넣기위해 SQL문도 작성해야한다. 업로드되어 DB에 업로드되는 순서는 최초 파일이 C:/upload폴더에 엑셀파일이 업로드되어 그곳에서 파일정보가 읽히고 난 다음 삭제된다. 읽힌 정보는 다시 데이터베이스에 정보가 입력되는 식이다. 사용되는 프로그램 eclipse 202006 JDK1.8 톰캣8.5 #사용되는 라이브러리(mvn리포지트리) 1 2 3 4 5 6 poi poi-ooxml commons-fileupload commons-lang3 commons-io cs # excel_SQL.xml 참조했던 문이 mysql이라서 1시간을 헤매다가..