* Spring tool suite4사용 1. mysql DB import https://www.youtube.com/watch?v=uyP46E0UA9I 프로젝트 때 사용한 DB를 import하기 위해 참고했던 영상 2. 스프링 설정 변경 프로젝트 할 때 공용으로 사용한 DB를 import했는데 현재 사용하는 버전이 달라서 그런가 계속 500번 오류가 떴다. 여러가지 알아본 결과 아래와 같이 변경했더니 정상 작동함! *파일 찾기 - ctrl+shift+R키를 눌러 open resource에서 검색하면 쉽게 찾을 수 있다 ► pom.xml 파일 - mysql 버전변경 [변경전] mysql mysql-connector-java 5.1.35 [변경후] mysql mysql-connector-java 8.0.1..

스프링(서버) 1. mapper - namespace를 지정하여 다른 mapper와 구분지어준다. insert into books(title,price,author,image) values (#{title},#{price},#{author},#{image}) 2. BookVO 생성하기 - DB의 테이블 컬럼명과 동일하게 주는 것이 좋다 - getter, setter 메소드 생성해서 외부 파일에서 사용할 수 있도록 해줌 private int code; private String title; private int price; private String author; private String image; private int viewcnt; private String content; 3. BookDAO 생성..

에디터 생성하기1. 라이브러리 설치 - 터미널npm install @ckeditor/ckeditor5-react @ckeditor/ckeditor5-build-classic 2. 에디터 컴포넌트 & 빌드 importimport { CKEditor } from '@ckeditor/ckeditor5-react'; import ClassicEditor from '@ckeditor/ckeditor5-build-classic'; 3. CKEditor 컴포넌트 렌더링 - return문 안에 작성{ onChangeContent(editor.getData()); }} />속성(고정)역할설명config에디터 설정 정의ckfinder는 업로드된 이미지 및 파일을 관리하기 위한 설정 uploadUrl은 파일 업로드 주소ed..

1. 구글 차트 라이브러리 설치 - yarn 또는 npm 사용 npm install react-google-charts yarn add react-google-charts * 구글 차트 사용법 - 홈페이지 참고 Examples | React Google Charts List of react-google-charts usage examples. www.react-google-charts.com 2. chart 컴포넌트를 import 한다 import { Chart } from "react-google-charts"; 3. 데이터 가져오는 getData 함수 작성, 상태변수 data를 생성해 결과를 담아준다 const [data,setData] = useState([]); const getData = asy..

Spring 스프링 - 자바 기반 오픈소스 애플리케이션 프레임워크 📌 핵심기능 IoC(Inversion of Control) - 객체 생성과 관리의 제어권을 개발자가 아닌 프레임워크가 가지며 객체 간의 의존성을 완화시키는 것을 의미한다. DI(Dependency Injection) - loC를 기반으로 객체 간의 의존성을 자동으로 주입하는 것 0. DB연결 (mySQL) - target파일의 pom.xml에서 mysql라이브러리를 추가하는 코드를 작성한다 - 태그 안에 아래 코드 작성 후 Maven Dependencies에서 라이브러리 추가된 것을 확인 mysql mysql-connector-java 5.1.35 org.mybatis mybatis 3.2.8 org.mybatis mybatis-sprin..

* Dynamic Web Project로 생성한 프로젝트의 [ WebContent -> WEB-INF-> lib ] 폴더에 필요한 라이브러리를 넣어둔다. 아래는 자주 사용하는 5가지 자바 라이브러리에 대한 설명이다. 1. json-simple 라이브러리 - Apache에서 만든 라이브러리로 JSONObject와 JSONArray 클래스를 사용해 DB에서 가져온 데이터를 json타입으로 변경한다. [사용법] 1) 라이브러리 import 2) for문으로 반복하여 JSONObject에 각각의 vo 칼럼 데이터를 put메서드로 담아준다 3) JSONObject를 JSONArray에 넣어 배열로 변환한다 4) PrintWriter 객체의 println 메서드를 이용해 출력한다. 예제바로가기 핸들바로 JSP 데이..

📌 목차 1. DB연결 2. VO파일 생성 3. DAO생성해서 DB 데이터 가져오기 4. json-simple-1.1.1 라이브러리 5. DB 데이터 json타입으로 변환 (컨트롤러) 6. jsp에서 출력하기 (뷰) - JAVA Resources 파일의 src안에 controller, model패키지를 생성해 준다 1. db연결 : model 패키지에 자바 클래스로 생성한 DB파일로 mysql과 연결 package model; import java.sql.*; public class DB { public static Connection CON; static { try { Class.forName("com.mysql.jdbc.Driver"); CON = DriverManager.getConnection( ..

MVC Architecture 구조 Model View Controller 소프트웨어 디자인 패턴 중 하나로 애플리케이션의 코드를 논리적으로 분리하여 유지 보수 및 확장성을 향상시킨다. Model 비지니스 로직을 처리하는 부분으로 DB와의 상호작용을 담당한다 (Servlet, DAO, VO, DB파일) View 사용자 인터페이스를 나타냄 (JSP파일) Controller Model과 View사이의 중간자 역할을 하며 동작을 제어한다. 아파치 톰캣 (Apache Tomcat) - 자바 웹 애플리케이션 서버(JWAS)로 Apache 소프트웨어 재단에서 관리되고 있는 오픈소스 프로젝트 톰캣은 자바 서블릿(Servlet)과 JSP(JavaServerPages)를 실행하기 위한 환경을 제공한다. 서블릿과 JSP는..

📌 1단계 : mysql을 이용해 json데이터 생성하기 1. 유저 생성 mysql의 WorkBench - root (제일 상위)에 아래 구문 작성 create user web identified by 'pass'; create database webDB; grant all privileges on webDB.* to web - 유저이름 web, 비밀번호 pass로 지정 - db이름 webDB - web유저에게 webDB의 모든 권한 부여 (grant는 DCL문이다) 2. web connection 생성 - 홈(mySQL Connections)으로 가서 +버튼으로 새로운 커넥션 생성, 유저 이름은 위에서 만든 web으로 설정한다 3. 테이블 생성 use webDB - webDB 스키마를 더블클릭 하거나 ..