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

안녕하세요 IT여행자입니다. 이번 수첩은 spring boot에서 websocket을 사용한 채팅을 구현해 보려고 합니다. spring boot에서 mvc를 구현하기 위한 초기 설정 단계가 좀 복잡해 보여 전체적으로 복잡하고 어려워 보이지만, 핵심적인 내용은 WebSocket을 사용하기 위한 @ServerEndpoint 어노테이션이 붙은 컨트롤 클래스와 WebSocket에 관한 환경 설정 파일이 주된 내용이라 볼 수 있습니다. spring boot의 mvc 패턴의 설정 과정이 그리 어렵지 않게 느껴지는 독자라면 너무도 쉽게 알 수 있는 내용이며, mvc를 구현해 보지 않은 독자라도 차근차근 따라가면서 작업하면 그리 어렵지 않게 완성할 수 있으며 이를 응용할 수 있을 것입니다. 개발 환경 본 문서를 작성할..

- mvc 패턴까지 내용은 https://jobtc.tistory.com/57(Spring Boot에서 MVC 초간단 설정) 참고하시고 그 이후의 작업부터 진행합니다. - mysql은 설치되어 있어거나 계정이 있어야 합니다. - jstl도 사용하도록 설정합니다. (샘플 코드내에서는 사용하지 않음) 1. dependency 추가 pom.xml에 아래의 dependency들을 추가합니다. 두 번째에 있는 mybatis-spring-boot-starter로 추가하지 않으면 mybatis가 정상적으로 인식되지 않을 수 있습니다. … javax.servlet jstl 1.2 org.mybatis.spring.boot mybatis-spring-boot-starter 2.1.4 mysql mysql-connecto..

안녕하세요 IT여행자입니다. 이번 수첩에서는 Spring Boot을 사용하는 환경에서 MVC 패턴의 개발환경을 아주 재빠르게 설정해 보는 과정을 적을까 합니다. 물론 기본적으로 웹 개발의 경험이 있어야 하겠지요~ 1. spring suite 4 플러그인 설치 이클립스 marketplace에 가서 spring suite 4 버전의 플러그인을 설치합니다. 설치가 종료되면 이클립스가 다시 시작됩니다. 2. Spring starter Project 생성 spring suite 4 플러그인이 설치되어 있으면 file>new>other>spring>spring starter project 메뉴가 추가되어 있습니다. 이를 사용하여 프로젝트를 생성합니다. 기본 패키지는 kr.jobtc로 하겠습니다. 프로젝트를 생성할 ..

다양한 Database 클라이언트 유무료 툴들이 존재하지만, 간단한 쿼리 작업등을 하기 위해 굳이 별도의 클라이언트 툴을 설치하기 싫다면 이클립스 기능 중 하나인 Data Management를 사용하여 데이터베이스 연결하고 쿼리를 실행할 수 있습니다. 현재 사용하고 있는 대부분의 DBMS를 연결할 수 있지만, 본 지면에서는 MySQL을 예로 들어 보겠습니다. 물론 사용하려는 MySQL은 로컬이든 원격지든 설치되어 있고, 사용권한이 있는 계정은 있어야 합니다. 또한 사용하려는 버전의 JDBC 드라이버도 이클립스를 사용하고 있는 로컬 컴퓨터에 다운로드되어 있어야 합니다. 따라서 본 지면에서는 JDBC 다운로드부터 진행하도록 하겠습니다. JDBC Driver 다운로드 mysql.com 사이트를 방문한 뒤, 메..

Database와 같은 서버용 프로그램들은 설치와 제거가 일반 애플리케이션과 비교하여 많은 제약들이 걸려있는 경우가 많습니다. 간혹 필요가 없어 제거하려 해도 단순히 프로그램 제거와 같은 하나의 메뉴를 사용하여 제거해도 완전히 제거되지 않는 경우도 발생합니다. 또한, Database는 위와 같은 경우를 비롯하여 저장된 데이터를 다른 저장 장치로 복사하는 것도 쉽지 않습니다. 이는 데이터의 보안과 관계가 매우 깊습니다. 일반 파일들과 같이 쉽게 복사하여 사용할 수 있게 된다면 아무리 보안에 신경 써서 데이터를 저장하다고 하더라도 그 의미가 쉽게 퇴색되기 때..

안녕하세요 IT여행자입니다. 데이터를 구조화 시키기 위해 xml 형식을 사용했었지만, 이제는 JSON 형식으로 처리하는것이 일반화 된것 같습니다. 이번 포스팅은 JSON.simple 라이브러리를 사용하여 JSON형태의 자료를 Java Object로, Java Object를 JSON 형태로 변환하여 사용하는 방법입니다. 테스트 환경은 eclipse와 Java를 사용하여 테스트해 보겠습니다. [목차] 라이브러리 설치 및 JSON문자열을 JSONObject로 변환 JSON문자열을 Java Object로 변환 JSONObject를 JSON 문자열로 변환 라이브러리 설치 다양한 방법으로 라이브러리를 설치할 수 있지만 본 포스팅에서는 mvnrepository.com 사이트를 통해 라이브러리를 설치해 보도록 하겠습니..

안녕하세요. IT여행자입니다. 진행하던 프로젝트를 서로 다른 컴에서 사용하려고 가끔 war 파일로 배포 파일을 생성하여 다른 컴에서 import 작업할 때 Dynamic Web Module 때문에 오류가 발생하여 실행되지 않는 경우가 종종 발생합니다. 아래의 그림은 프로젝트의 Properties 화면입니다. 오른쪽의 빨간색 사각형을 보면 현재 프로젝트가 사용하고 있는 Dynamic Web Module번호가 표시되어 있는데 Version 이 3.1로 되어 있습니다. 이번호에 해당 하는 모듈이 프로젝트에 존재하지 않기 때문입니다. 기존에 사용하던 모듈 버전으로 바꾸려면 프로젝트 폴더 > .settings > org.eclipse.wst.common.project.facet.core.xml 파일을 열어 모듈 ..

안녕하세요~ IT여행자입니다. 이번 수첩은 오라클을 무료로 경험할 수 있는 버전 중 하나인 18 cXE버전의 설치와 샘플 데이터 테이블을 생성해 보는 여행자 수첩입니다. 먼저 오라클 사이트(http://www.oracle.com) 방문하여 로그인 한후, 18 cXE버전을 다운로드하여 설치해야 합니다. 파일은 압축파일 형태로 제공하고 있기 때문에 압축을 해제한 후, 해제된 폴더 안에 있는 setup.exe를 실행하면 됩니다. 오라클 사이트는 다른 사이트들에 비해 홈페이지가 굉장히 자주 리뉴얼되고 있기 때문에 다운로드 받을다운로드할 파일들이 어느 메뉴에 포함되어 있을지는 예측하기 매우 어렵습니다. 다운로드할 수 있는 메뉴를 캡처받아 포함시킬 수도 있지만 큰 의미가 없어 보입니다. 차라리 오라클 사이트를 방문..
안녕하세요. IT 이곳저곳을 여행하고 있는 IT여행자입니다. 이번 포스팅은 Ajax를 사용하여 서버에 있는 정보를 실시간으로 검색하여 전체 화면을 새로 고치지 않고 검색된 정보를 화면에 표시해 보도록 하겠습니다. 실제로는 데이터를 Database를 통해 받아야 하겠지만, 코드의 간결함과, 프로세스의 단순함을 위해 검색할 데이터를 서버 페이지의 Collection에 저장한 후 데이터를 가져와 클라이언트 화면에 표시하도록 하겠습니다. [시연 영상] 전체 화면 새로고침없이 응답정보 표시 1. 데이터 시트 아래와 같은 데이터를 자바의 Map 구조로 저장할 것입니다. 구분 요소 산이름 백수산, 금강산, 치악산, 설악산, 지리산, 내장산 강이름 한강, 낙동강, 금강, 한탄강, 두만강, 대동강, 섬진강 꽃이름 장미,..

안녕하세요. IT 이곳저곳을 여행하고 있는 IT여행자입니다. 이번 포스팅은 Ajax를 이해하기 위한 첫걸음으로 사용자의 요청 처리를 Ajax는 어떤 과정을 통해 처리되고 응답되는가에 대한 내용을 실어 보았습니다. 일반적인 웹은 사용자가 서버에게 어떤 작업을 요청하면 각 클라이언트는 그 결과를 받아와 화면에 표시하기 위해서 전체 화면을 갱신해야 하는 특징이 있습니다. 이것은 우리가 일반적으로 겪고 있는 현상중 하나가 전체 화면이 갱신되고 있다는 것입니다. 물론 브라우저의 캐시 기능이나 고속의 네트워크 환경 때문에 전체 화면 갱신에 따른 불편함이나 화면 딜레이 현상이 최소화가 되었다고는 하지만 프로그래머 입장에서는 어찌 되었던지간에 현재에 표시된 정보가 다음 화면에서도 필요하다면 수단과 방법을 가리지 않고 ..

안녕하세요. IT이곳 저곳을 여행하고 있는 IT여행자입니다. 이번엔 Ajax의 맛을 보기 위해 간단한 샘플 프로그램을 만들어 보겠습니다. 요구 사항 : 서버에 정수 하나를 전달하여 홀/짝수를 판별하여 그 결과를 "홀수입니다" 또는 "짝수입니다"로 전달받아 화면에 표시. 위와 같은 요구사항을 기존 웹 방식과 Ajax 방식을 비교해 보도록 하겠습니다. [기존 웹 방식] 파일명 : odd_even_check_form.jsp 홀짝수 체크 정수를 입력하세요 : 위의 코드를 실행하면 숫자를 입력했던 입력 상자의 값이 사라집니다. 이유는 '체크' 버튼을 클릭하면 서버에 자료를 요청하면서 현재 페이지가 자동으로 새로고침 되기 때문이다. 물론 jstl이나 el을 사용하여 파라미터로 전달된 값을 아래와 같이 다시 의 입력..
Ajax는 지금에 와서 전혀 새로운 기술은 아니지만, HTTP가 갖고 있는 단점을 보안할 수 있는 대표적인 기술중 하나 입니다. 왜 이런 기술이 보편화되서 사용되지 않는지 의문이 들정도로 간편하고 강력하죠. HTTP 가 갖고 있는 단점중 하나가 바로 저장성이 없다는 것입니다. 이런 특징 때문에 이전 페이지에서 현재 페이지로 전환되거나 새로고쳐지는 경우 여러 가지 방법으로 파라메터를 전달하여 현재 페이지에 정보를 표시하거나 처리합니다. 이런 Web 프로그램의 환경을 App 프로그램 환경처럼 만들기에 대단히 편리하고 간단한 기술이 바로 Ajax인 것입니다. 자바스크립트를 사용할 수 있는 개발자라면 더욱 쉽게 접근할 수 있으며, jQuery와 같은 라이브러리를 사용한다면 더욱 간단히 사용할 수 있습니다. 물론..