일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 자바빈
- 여러 종류의 사용자 정의 함수
- 데이터 시각화
- MYSQL
- css
- chart.js
- jsp
- git
- 초보 개발자
- open in browser
- 자바
- chart.js 라이브러리
- thymeleaf
- spring boot
- html
- @requstbody
- vsc
- JavaScript
- 자바스크립트
- 실시간 상태값 저장
- resutful api
- java
- tomcat
- Eclipse
- vscode
- IndexedDB
- ui인터페이스
- github
- 상태값 저장 유지
- 게시판
- Today
- Total
목록전체 글 (103)
수월한 IT

step 1. 파일이 수정되거나 추가될 때마다 Commit을 하였다면 Git은 Commit 이력들을 조회해 볼 수 있습니다. Branch란 개념을 사용하지 않았기 때문에 현재는 master 위치의 이력들만을 볼 수 있습니다. Repository 메뉴를 클릭하여 이력을 확인해 봅니다. 메뉴를 클릭하면 아래와 같은 다이얼로그창이 나타납니다. 현재까지는 Commit을 한 번만 했기 때문에 아래와 같이 Commit 정보들이 보입니다. step 2. 이제 앞서서 작성했던 d:/git_test/git 테스트.txt 파일에 내용을 추가하고 다시 한번 Commit을 수행한 후 히스토리 다이얼로그 창을 새로 고침 해 보겠습니다. 테스트 파일 내용 수정. GitGUI 툴에서 Commit. History 창에서 새로고침(F..

하나의 문서를 작성하여 형상관리를 하는 과정을 살펴보도록 하겠습니다. step 1. Git GUI 툴을 실행하고 "CreateNew Repository" 링크를 클릭하여 새로운 Repository를 생성합니다. 새롭게 만들어질 Repository는 비어 있는 디렉토리이여야 합니다. 따라서 창이 열리면 비어 있는 디렉토리를 하나 생성합니다. 본문에서는 "d:\git_test"를 새로 만들어 폴더를 선택하도록 하겠습니다. 아래와 같이 폴더가 선택됩니다. "Create" 버튼이 클릭되면 아래와 같이 형상 관리를 할 수 있는 창이 생성되어 표시됩니다. step 2. 위에서 지정한 Repository, 즉 d:/git_test 폴더에 'git 테스트. txt' 파일을 생성하고 적당한 문장을 작성하여 저장합니다. ..

Git Gui 프로그램을 종료한 후 다시 실행하면 아래와 같은 창이 보입니다. (1) 탐색기를 열어 기존에 존재하던 repository를 선택하도록 합니다. (2) 이미 사용했던 Repository가 있다면 하단에 목록이 표시되는데, 이때 목록에 나열되어 있는 항목을 클릭해도 됩니다. * Clone Existing Repository는 원격 Repository 사용법에서 사용하게 됨. Commit 하기 수정된 파일들을 Git이 관리하고 있는 저장 공간에 저장하는 것을 commit이라고 합니다. Commit 하기 전에 한글 인코딩을 utf-8로 수정하고 Commit 하려면 먼저 email 주소를 입력해 두어야 합니다. Edit> Options메뉴를 열어 작업합니다. 왼쪽 항목은 현재 repository에 ..

Create New Repository를 선택하여 탐색기가 브라우징 되면 새로운 폴더를 생성한 후 선택합니다. 이때 폴더 내부에 어떤 내용들이 들어 있으면 안 됩니다. "Create" 버튼을 클릭하여 새로운 Local Repository를 생성한 뒤의 모습니다. repository를 생성하게 되면 해당 폴더 아래에. git폴더가 추가되면서 git의 상태 정보들을 저장하게 됩니다. 탐색기의 기본 설정값은 숨긴 항목을 보여주지 않기 때문에. git폴더가 보이지 않습니다. 이 대 탐색기의 보기 메뉴를 선택하여 숨긴 항목을 보이게 하거나 감출 수 있습니다.

도스 창과 같은 콘솔 모드에서 git명령을 통해 사용할 수도 있지만 처음 접근하는 개발자들에게는 쉬운 접근법이 아니어서, git의 모든 기능을 사용할 수는 없지만 보다 쉽고 편하게 사용해 보도록 GUI형태의 프로그램을 사용하여 설명하도록 하겠습니다. git을 사용할 수 있는 GUI 프로그램은 여럿 있지만 최대한 간단하고 쉽게 git을 접근할 수 있는 프로그램을 선정하였습니다. 1. git GUI 툴 download and install 사이트 : https://gitforwindows.org/index.html Git for Windows Git for Windows focuses on offering a lightweight, native set of tools that bring the full fe..

개요 git은 리누즈 토발즈에 의해 리눅스 커널의 형상 관리를 위해 만듦. github는 git의 최대 저장 공간이다. git의 데이터 흐름 git을 사용할 때 많은 용어들이 필요하지만 대표적인 용어는 아래와 같습니다. 1) 작업 폴더(Working dir)에서 파일이 수정되면 Index 요소에 수정된 정보가 추가됩니다. 2) 작업자가 commit을 수행하면 Index에 있던 정보들이 Head에 생성됩니다. 3) push를 실행하면 Head에 있던 정보들이 원격 저장소(remote repository)에 저장됩니다. 4) pull을 하게 되면 원격 저장소에 있던 정보들이 로컬 작업 폴더에 다운로드됩니다. 중요 용어 용 어 설 명 working dir 작업 코드가 있는 폴더 index stage 영역(준비..
프로그램을 개발하다 보면 하나 이상의 프로그램이 버전업이 되거나 버전업은 아니지만 프로세스의 변경 등과 같이 기존 프로그램이 수정되는 경우가 다반사입니다. 이때 파일명에 버전표시를 추가하거나, 아예 폴더를 추가하여 수정된 프로그램을 저장하여 이전 프로그램과 구분하여 소스 등을 관리하곤 합니다. 그러나 자칫 잘못하면 기존 소스가 그대로 수정되어 난감한 상황이 발생하기도 하죠. 이럴 때 소스의 버전관리를 자동화할 수 없을까 하여 방법을 찾곤 합니다. 이럴 때 사용되는 툴이 형상관리 툴입니다. 그중에 하나가 git인데 이 git이 현재 개발자들 사이에서 가장 많이 사용되는 프로그램입니다. git 이외에도 유명한 몇 가지를 간단히 소개하자면 아래와 같습니다. 종 류 특 징 CVS - Concurrent Vers..
DBeaver를 처음 실치 했을 때에도 실행 자체가 안 되는 경우가 있습니다. 원인은 모르지만 설치 단계에서 설정 파일과 컴퓨터 환경이 매치가 정상적이지 않은 것 같습니다. 설치 중 생성되었던 설정 파일을 삭제한 후 다시 DBeaver를 실행하면 대부분 되는 것 같습니다. 설정 파일 삭제 Win+R키를 누르고 아래의 내용을 붙여넣기 합니다. %APPDATA%\DBeaverData\workspace6\.metadata\.plugins\org.eclipse.e4.workbench\ 폴더 안에 있는 workbench.xml 파일을 삭제한 후 다시 DBeaver를 실행합니다. 기타 내용은 https://dbeaver.com/docs/wiki/Reset-workspace/ 를 참고하세요.
안녕하세요 IT여행자입니다. 배열은 여러 가지의 장단점을 갖고 있는 데이터 자료 구조중 하나입니다. 자바의 List Collection은 배열이 갖고 있는 단점들을 해결할 수 있는 좋은 대안입니다. 그러나 가끔 List에 담긴 정보들을 배열로 변환해서 처리할 때가 있습니다. 방법은 간단하지만 배열로 바꾸는 구조가 일반적이지 않습니다. 먼저 레퍼런에 언급된 구조를 보면 아래와 같습니다. Object[] obj List.toArray() 즉, List에 담긴 내용을 Object 타입의 배열로 반환하는 매서드명이 toArray()입니다. 그런데 toArray 메서드에는 아래와 같이 중복 정의된 메서드가 있습니다. T[] obj List.toArray(T[] t) 매개변수 T[] t 의 타입의 데이터를 List..

안녕하세요 IT여행자입니다. 간혹 이클립스를 사용할 때 자바스크립트 코드에 대한 코드 하이라이트 기능이 없어지거나 색상을 다른 형식으로 바꾸고 싶을 때가 있을 것입니다. 이때 손쉽게 theme를 지정하여 텍스트 색상 및 바탕색을 지정할 수 있습니다. Window> Preferences> TextMate 로 이동하셔서 'source.js'를 선택한 후 theme를 지정할 수 있습니다. 기본적으로 설치된 이클립스 내부에서는 다양한 theme는 없지만 코드 하이라이트는 보입니다. 이상 IT여행자 수첩이었습니다.

안녕하세요~ IT 여행자입니다. 이번 작은 구술에서는 favicon에 대한 이야기를 해 보렵니다. favicon은 브라우저의 제목 표시줄에 표시되는 사이트를 특정 짓을 수 있는 작은 아이콘을 의미합니다. 일반적인 웹 서핑할 때는 큰 문제가 되지 않지만 개발자 입장에서 사이트를 테스트하거나 할 때 브라우저의 개발자 모드를 열어 놓고 작업할 때가 매우 많습니다. 이때 눈에 가장 거슬리는 오류 아닌 오류가 바로 favicon에 해당하는 아이콘이 없을 때입니다. 이럴 때 좀 귀찮아도 favicon으로 사용할 이미지를 16x16이나 24x24 크기로 이미지를 만들어 태그를 사용하여 연결해 놓으면 에러 같지도 않은 에러 메시지를 보지 않아도 됩니다. ^^ 이런 면도 그렇지만 이왕이면 해당 사이트에 걸맞은 고유한 작..

안녕하세요~ IT 여행자입니다. 이번 여행지는 메일 발송이 되겠습니다. JavaMail API를 사용하여 메일을 발송해 보도록 하겠습니다. 메일을 발송하기 위해 메일 서버를 직접 구축해도 되겠지만, 실제로 서버를 직접 구축하여 메일을 발송하는 것은 배 보다 배꼽이 더 커지는 경향이 있어 전문적인 메일 발송 앱을 만들게 아니라면 외부에 구축되어 있는 메일 서버를 활용하는 것이 좋을 것입니다. 해서 본 지면에서는 네이버 메일 서버를 활용하여 메일을 발송하는 웹을 만들어 보겠습니다. 외부에 구축되어 있는 메일 서버를 사용하려다 보니 몇 가지 환경 설정을 해야 합니다. 1. 네이버 메일 환경 설정 네이버 메일 계정에 로그인 > 환경설정 > POP3/IMAP 설정 으로 이동하여 POP3/IMAP 사용을 "사용함"..
mysql은 기본적으로 데이터의 대소문자를 구분하지 않는다. 데이터를 검색할 때 대소문자 구분 없이 검색되는 게 편할 수도 있지만 아이디나 암호 같은 경우에는 반드시 대소문자가 구분되어야 한다. 이때 where절에서 사용하는 칼럼명 앞에 binary를 추가하면 대소문자가 구분된다. select 컬럼명 from 테이블명 where binary id='아이디' and binary pwd='암호'
DB는 일정한 주기로 백업해야 하는 것이 원칙이다. 그러나 데이터는 백업되었으나 mysql 데몬 자체에 문제가 생겨 접속 조차 되지 않는 경우가 발생할 수도 있다. 이런 경우엔 백업 받은 데이터가 무용지물이 될수 밖에 없을 것이다.인터넷을 검색해 보면 다양한 방법들이 나와 있지만, 그리 만족스럽지 않았다. 이 때 mysql을 다시 설치하고 기존 데이터를 복구하는 방법을 알아 보겠다. 1. 기존 설치되어 있던 mysql 폴더 전체를 다른 폴더에 그대로 복사한다.(백업)2. 설치용 mysql 압축 파일을 처음 설치했던 폴더에 그대로 다시 압축을 해제한다.3. 압축이 해제된 폴더의 bin 폴더로 이동하여 아래의 명령을 수행한다. ../bin>mysqld --initialize-insecure 위의 ..

mysql용 클라이언트 툴은 여러 가지 종류들이 있지만, 가볍고 무료로 사용할 수 있는 툴 중 heidiSQL이라는 툴이 있다. 이 툴을 사용하여 함수를 개발할 때 아래와 같은 오류가 발생할 수 있다. 이때 root 권한으로 접속한 뒤 아래의 명령을 수행함으로 오류를 없앨 수 있다. SET GLOBAL log_bin_trust_function_creators=ON;

안녕하세요 IT여행자입니다. JSP를 사용하여 웹을 개발할 때 안에 있는 정보를 VO객체에 담을 수 있는 방법 중 가장 손쉬운 방법은 아마도 을 사용하는 것이 아닐까 합니다. 그런데 Servlet 구조를 사용하게 되면서 처럼 손쉽게 안에 있는 값들을 VO에 담을 수 있는 방법이 없게 되었습니다(이 부분은 아마도 제가 방법을 알지 못할 수도 있습니다.) 그래서, Servlet 코드 안에서 태그 안에 있는 값을 VO로 만들어주는 메서드를 정의해서 사용하곤 합니다. 항목이 몇 개 되지 않는다면 별 문제가 되지 않지만 항목의 수가 많아질수록 그 수고로움이 말도 아니게 됩니다. 즉, String id = request.getParameter("id"); ... MemberVo vo = new MemberVo();..

안녕하세요~ IT 이곳 저곳을 여행하고 있는 IT 여행자압니다. 이번 수첩은 이클립스에서 DBearver 플러그인을 설치하고 사용해 보는 간단한 내용을 적을까 합니다. DBeaver는 다양한 데이터베이스를 사용할 수 있는 몇 안되는 클라이언트 툴입니다. 윈도우, 맥, 리눅스에서 사용할 수 있는 독립적인 프로그램을 따로 설치하여 사용할 수도 있습니다. 그러나 윈도우용에서 어떤 경우엔 프로그램 자체가 실행되지 않는 생각지도 못한 버그가 존재합니다. 명확한 해결책을 찾기가 매우 힘들기 때문에 프로그램을 설치해서 사용하는 것은 일단 비추이지만, 이클립스의 플러그인을 설치하여 사용하는 것을 추천 드립니다. step 1. 이클립스 marketplace에서 dbeaver 를 검색하여 설치한다. 버전번호는 그 때 그 ..
안녕하세요. IT 이곳 저곳을 여행하고 있는 IT여행자입니다. 이번 여행자 수첩에서는 스프링에서 주로 사용하고 있는 어노테이션 몇가지를 정리해 보려 합니다. 그럼 시작해 볼까요~~ spring에서 사용하는 어노테이션들은 굉장히 다양하다. 그중에 자주 사용하는 어노테이션을 정리하였다. annotation이란 자바의 메타데이터로 컴파일할 때 그 기능을 주입하는 역활을 한다. 1. @Bean 이미 만들어진 클래스를 빈으로 등록하기 위해 지정한다. @Bean @Bean(name="id명") name이 지정되면 지정된 "id명"으로 빈을 등록할 수 있다. 아래의 코드는 Config 클래스에서 빈을 등록하고 있는 모습이다. @Configuration public class AppConfig { @Bean(value..
제약 조건이란 간단히 말하면 하자요인이 있는 데이터를 걸러내는 기능이라 볼 수 있다. 즉, 점수는 0~100 사이만 입력되게 한다던지, 글의 제목은 반드시 있어야 하고, 답글이 있는 경우 본문글만을 삭제하지 못하도록 만드는 기능이라 생각하면 될 것이다. 4.1. 제약 조건의 목적 데이터의 무결성 유지 : 하자가 있는 데이터가 발생하지 않도록 하는것. relation을 보다 견고하게 : 테이블 사이의 데이터 연결이 반드시 유지 되도록 하는것 4.2. 무결성 제약조건의 종류 제약 조건명 설명 PRIMARY KEY(PK) - NOT NULL, UNIQUE의 특성을 갖고 있고 테이블당 하나만 존재. - 둘 이상의 컬럼을 묶어 하나의 PK를 선언할 수 있음. - 자동으로 INDEX가 만들어진다. FOREIGN K..
데이터를 저장하기 위해서는 TABLE을 생성해야 한다. TABLE과 관련된 내용을 간단히 살펴보자. 테이블 목록 확인 : SHOW DATABASES; 테이블명 변경 : RENAME TABLE 원본 테이블명 TO 변경 테이블명 3.1. 데이터 유형 3.1.1. 숫자형 TYPE BYTES SIGNED UNSIGNED MIN MAX MIN MAX TINYINT 1 -128 127 0 255 SMALINT 2 -32,768 32,767 0 65,535 MEDIUMINT 3 -8,388,608 8,388,607 0 16,777,215 INT 4 -2,147,483,648 2,147,483,647 0 4,294,967,295 BIGINT 8 0 3.1.2. 문자형 TYPE BYTES 비고 CHAR 255 - TEX..