몽고's 개발 블로그

닫기 검색결과 전체 보기

    ExtJS6 실전응용편 세번째 강좌 - Spring boot로 API 제작을 위한 DB 설정 및 데이터호출(DB configuration and API Call Test)

    ExtJS 6 동영상강좌 2017. 4. 13. 10:00

    ExtJS 6 강좌 영상은 링크를 통해 제공됩니다.


    (YOUTUBE 채널 구독해주세요!!)


    https://youtu.be/PExqR3Pt1LM


    지난시간에 Spring Boot를 이용하여 기본설정을 진행했었습니다.


    2017/04/12 - [ExtJS 6 동영상강좌] - ExtJS6 실전응용편 두번째 강좌 - Spring boot로 개발 환경 구성 및 API 연동 테스트 1장 (development environment and API test 2-1)



    2017/04/12 - [ExtJS 6 동영상강좌] - ExtJS6 실전응용편 두번째 강좌 - Spring boot로 개발 환경 구성 및 API 연동 테스트 2장 (development environment and API test 2-2)


    이번시간에는 추가로 JDBCTemplate을 이용해 DB로 데이터를 불러와 


    API를 만들어보도록 하겠습니다.


    지난시간에 주석처리 해놓았던 pom.xml에  spring-boot-starter-jdbc 


    dependency태그의 주석을 해제해주도록 합니다.


    그리고 Spring Boot 를 실행해보면 


    Description:


    Cannot determine embedded database driver class for database type NONE


    위와같은 오류가 발생할 것입니다.


    이 문제를 해결하기 위하여 /src/resources/application.properties 파일을 열어줍니다.


    저는 MySQL(MariaDB)를 이용하기 때문에 아래와 같이 설정을 주었습니다.


    spring.datasource.url=jdbc:mysql://HOST:PORT/DBNAME

    spring.datasource.username=DB_ID

    spring.datasource.password=DB_PASSWORD

    spring.datasource.driver-class-name=com.mysql.jdbc.Driver

    spring.datasource.validation-query=select 1

    spring.datasource.test-on-borrow=true


    DBMS 종류가 다를 경우 각 VALUE값을 맞춰주시면 되겠습니다.


    설정 완료 후, Spring Boot를 재실행 하시면, 오류가 나지않고 


    정상적으로 실행되는것을 확인 할 수 있습니다.


    DB연결에 대한 설정이 완료되었으니, 


    한번 DB에 우리가 호출할 테이블을 하나 생성해보도록 하겠습니다.


    강의 영상에서는 SERVICE / DAO 영역을 분리하였지만, 


    내용정리부분에서는 단순하게 컨트롤러에서 진행하도록 하겠습니다.


    맵핑 URL의 경우, 저는 이전 강의때 진행하던 testAPI 메서드를 변경하겠습니다.




    위 순선대로 진행이 완료 되었다면, API URL을 브라우저에 호출하여 JSON 값이 


    정상적으로 나오는지 확인을 해보도록 합니다.




    저는 기존 코드변경없이 서버쪽만 변경을 한것이므로 버튼 컴포넌트 클릭하여 


    위 데이터를 Ajax로 받아와 보도록 하겠습니다.






    기본적인 서버 설정이 끝났습니다.


    서버 설정에 추가적인 연동이 필요합니다만, (세션 및 권한처리 등...)


    이 부분은 추후 진행하도록 하겠습니다.


    저작자표시 비영리 변경금지 (새창열림)
    'ExtJS 6 동영상강좌' 관련 글 more
    • ExtJS6 실전응용편 다섯번째 강좌 -컴포넌트로 웹 프로그램 제작 2부(Part 2. Create a WEB Program with ExtJS 6 components) 2017.04.25
    • ExtJS6 실전응용편 네번째 강좌 -컴포넌트로 웹 프로그램 제작 1부(Part 1. Create a WEB Program with ExtJS 6 components) 2017.04.14
    • thumbnail
      ExtJS6 실전응용편 두번째 강좌 2부 - Spring boot로 개발 환경 구성 및 API 연동 테스트(development environment and API test 2-2) 2017.04.12
    • thumbnail
      ExtJS6 실전응용편 두번째 강좌 1부- Spring boot로 개발 환경 구성 및 API 연동 테스트(development environment and API test 2-1) 2017.04.12
    Posted by 몽고
블로그 이미지

by 몽고

공지사항

    최근...

  • 포스트
  • 댓글
  • 더 보기

태그

  • extjs 트리패널
  • extjs 차트
  • extjs 강의
  • Ext.data.Store
  • extjs
  • extjs chart axes
  • extjs 무료강좌
  • extjs chart series
  • extjs6 강좌
  • extjs5
  • extjs stacked chart
  • extjs listeners
  • extjs 그래프
  • extjs 6
  • extjs grid update
  • extjs java
  • extjs chart
  • extjs group chart
  • extjs data store
  • extjs 강좌
  • extjs graph
  • extjs 무료강의
  • extjs MVVM
  • extjs 서버연동
  • extjs 3d 차트
  • extjs treepanel
  • extjs grid
  • extjs panel
  • extjs6
  • extjs 그리드

글 보관함

«   2025/10   »
일 월 화 수 목 금 토
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

링크

카테고리

포스팅 전체보기 (76)
Flutter(플러터) (0)
React (0)
React Native (0)
VueJS (1)
ExtJS (35)
ExtJS 6 동영상강좌 (35)
코르도바(cordova) (1)
Tip (4)

카운터

Total
Today
Yesterday
방명록 : 관리자 : 글쓰기
몽고's Blog is powered by daumkakao
Skin info material T Mark5.2 by 뭐하라
favicon

몽고's 개발 블로그

  • 태그
  • 링크 추가
  • 방명록

관리자 메뉴

  • 관리자 모드
  • 글쓰기
  • 포스팅 전체보기 (76)
    • Flutter(플러터) (0)
    • React (0)
    • React Native (0)
    • VueJS (1)
    • ExtJS (35)
    • ExtJS 6 동영상강좌 (35)
    • 코르도바(cordova) (1)
    • Tip (4)

카테고리

PC화면 보기 티스토리 Daum

티스토리툴바