[Java] MVC 패턴을 활용한 MySQL 서버 연동(Tomcat 활용)

Recent Posts

Recent Comments

Archives

250x250

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

Today

Yesterday

Total

04-30 00:00

관리 메뉴

Hey Tech

[Java] MVC 패턴을 활용한 MySQL 서버 연동(Tomcat 활용) 본문

SW 개발/Java

[Java] MVC 패턴을 활용한 MySQL 서버 연동(Tomcat 활용)

Tony Park 2021. 12. 9. 09:03

728x90

💡 목표

Java Spring을 활용한 서버-클라이언트 간 MySQL 연동 방법을 학습한다.

사용할 Tool

1. Java 11 버전
2. IDE(이클립스)
3. Tomcat 9 버전
4. MobaXterm
5. Virtual Box
6. Ubuntu-20 64bit
7. 윈도우10 64bit
8. MySQL

✔️ 사전 준비

Virtual Box, MobaXterm 설치 및 세팅

https://heytech.tistory.com/192

Virtual Box 및 MobaX를 활용한 가상 서버 만들고 활용하기!

💡 학습목표 Virtual Box와 MobaX를 활용하여 가상 서버 생성 및 활용 실습을 진행한다. 목차 1. Virtual Box 설치 1.1. Virtual Box란? 1.2. Virtual Box 설치 링크 1.3. 가상 머신 초기 설정 2. 가상 머신 로..

heytech.tistory.com

1. Java 코딩

(1) MySQL Connector 설치

MySQL 커넥터를 설치해 주세요.

파일은 자바 프로젝트 내 src/main/webapp/WEB-INF/lib 폴더 안으로 옮겨줍니다.

https://dev.mysql.com/downloads/connector/j/

MySQL :: Download Connector/J

MySQL Connector/J 8.0 is highly recommended for use with MySQL Server 8.0, 5.7 and 5.6. Please upgrade to MySQL Connector/J 8.0.

dev.mysql.com

(2) Java 코드

저는 MVCprj02라는 이름으로 프로젝트를 생성하였고 다음과 같이 파일을 구성하였습니다.

1) src/main/java/Pack01/ControlClass.java

package Pack01;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class ControlClass {
	@RequestMapping("/SignUp")
	String signUp() {
		System.out.println("회원가입 버튼 클릭");
		return "SignUp";
	}
	
	@RequestMapping("/SignUpComplete")
	String SignUpComplete() {
		System.out.println("회원가입 완료");
		return "SignUpComplete";
	}
	
	
	@RequestMapping("/ShowList")
	String showList() {
		System.out.println("회원목록 버튼 클릭");
		return "ShowList";
	}
	
	@RequestMapping("/Delete")
	String deleteID(){
		System.out.println("아이디 삭제");
		return "Delete";
	}
	
	@RequestMapping("/Update")
	String update() {
		System.out.println("아이디 수정");
		return "Update";
	}
	
	@RequestMapping("/UpdateComplete")
	String updateComplete() {
		System.out.println("아이디 수정 완료");
		return "UpdateComplete";
	}
	
	@RequestMapping("/Main")
	String mainPage() {
		System.out.println("메인페이지");
		return "Main";
	}
	
}

2) src/main/webapp/index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="java.util.*, java.text.*"%>

<head>
<title>메인 페이지</title>
</head>

<body>
	<%=new Date()%>
	<h2>2nd Project</h2>
	<a href="SignUp">회원가입</a><br/>
	<a href="ShowList">회원목록</a><br/>
</body>

3) src/main/webapp/dispatcher-servlet.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:context="http://www.springframework.org/schema/context"
	xmlns:mvc="http://www.springframework.org/schema/mvc"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://www.springframework.org/schema/beans        
http://www.springframework.org/schema/beans/spring-beans.xsd        
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context.xsd
http://www.springframework.org/schema/mvc
http://www.springframework.org/schema/mvc/spring-mvc.xsd">

	<!-- 컨트롤러 위치 설정 -->
	<context:component-scan base-package="Pack01" />

	<mvc:annotation-driven />
	<mvc:default-servlet-handler />

	<!-- 뷰 위치 설정 -->
	<mvc:view-resolvers>
		<mvc:jsp prefix="/WEB-INF/Views/" />
	</mvc:view-resolvers>
	
</beans>

4) src/main/webapp/web.xml

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns="http://JAVA.sun.com/xml/ns/javaee"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
	id="WebApp_ID" version="3.0">

	<display-name>Archetype Created Web Application</display-name>

	<servlet>
		<servlet-name>dispatcher</servlet-name>
		<servlet-class>
			org.springframework.web.servlet.DispatcherServlet
		</servlet-class>
		<load-on-startup>1</load-on-startup>
	</servlet>

	<!--dispatcher 설정 -->
	<servlet-mapping>
		<servlet-name>dispatcher</servlet-name>
		<url-pattern>/</url-pattern>
	</servlet-mapping>

	<!--한글 설정 -->
	<filter>
		<filter-name>encodingFilter</filter-name>
		<filter-class>
			org.springframework.web.filter.CharacterEncodingFilter
		</filter-class>
		<init-param>
			<param-name>encoding</param-name>
			<param-value>UTF-8</param-value>
		</init-param>
	</filter>

	<filter-mapping>
		<filter-name>encodingFilter</filter-name>
		<url-pattern>/*</url-pattern>
	</filter-mapping>
</web-app>

5) src/main/webapp/Views/Main.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="java.util.*, java.text.*"%>

<head>
<title>메인 페이지</title>
</head>

<body>
	<%=new Date()%>
	<h2>2nd Project</h2>
	<a href="SignUp">회원가입</a><br/>
	<a href="ShowList">회원목록</a><br/>
</body>

6) src/main/webapp/Views/ShowList.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ page import="java.sql.DriverManager"%>
<%@ page import="java.sql.Connection"%>
<%@ page import="java.sql.Statement"%>
<%@ page import="java.sql.ResultSet"%>
<%!// 변수 선언
	Connection conn = null;
	Statement stmt = null;
	ResultSet rs = null;
	String DB_URL = "jdbc:mysql://localhost:3306/db01?"
			+ "useUnicode=true&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=UTC"; // DB 접속 주소
	String USERNAME = "gbpark"; // DB ID
	String PASSWORD = "1"; // DB Password
	String JDBC_DRIVER = "com.mysql.cj.jdbc.Driver"; // jdbc 드라이버 주소
	String SQL = "select * from mytable02";
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원 목록 리스트</title>
</head>
<body>
	<%
		try {
		Class.forName(JDBC_DRIVER);
		conn = DriverManager.getConnection(DB_URL, USERNAME, PASSWORD);
		stmt = conn.createStatement();
		rs = stmt.executeQuery(SQL);
	%>
	<table border="1">
		<tr>
			<td>이름</td>
			<td>삭제</td>
			<td>수정</td>
		</tr>
		<%
			while (rs.next()) {
		%>
		<tr>
			<td><%=rs.getString("id")%></td>
			<td><a href="Delete?id=<%=rs.getString("id")%>">삭제</a></td>
			<td><a href="Update?id=<%=rs.getString("id")%>">수정</a></td>
		</tr>

		<%
			}
		} catch (Exception e) {
		e.printStackTrace();
		} finally {
		try {
		if (rs != null)
			rs.close();
		if (stmt != null)
			stmt.close();
		if (conn != null)
			conn.close();
		} catch (Exception e) {
		e.printStackTrace();
		}
		}
		%>
	
	<a href="SignUp">회원가입 페이지</a><br/>
	<a href="ShowList">회원 목록 페이지</a><br/>
</body>
</html>

7) src/main/webapp/Views/SignUp.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원가입 페이지</title>
</head>
<body>
	<h1>회원가입 페이지</h1>
	<FORM METHOD = POST action = "SignUpComplete">
		ID <INPUT TYPE="text" NAME="id" VALUE="ID 입력"><br/>
		<INPUT TYPE="submit" VALUE="가입">
	</FORM>
	<button type = "button" onclick="location.href='Main'">취소</Button>
	
</body>
</html>

8) src/main/webapp/Views/SignUpComplete.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.sql.DriverManager"%>
<%@ page import="java.sql.Connection"%>
<%@ page import="java.sql.Statement"%>
<%@ page import="java.sql.PreparedStatement"%>
<%!
	Connection conn = null;
	PreparedStatement pstmt = null;
	String DB_URL = "jdbc:mysql://localhost:3306/db01?"
			+ "useUnicode=true&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=UTC"; // DB 접속 주소
	String USERNAME = "gbpark"; // DB ID
	String PASSWORD = "1"; // DB Password
	String JDBC_DRIVER = "com.mysql.cj.jdbc.Driver"; // jdbc 드라이버 주소
	String SQL = "insert into mytable02 values(?)";
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<%
		try {
		Class.forName(JDBC_DRIVER);
		conn = DriverManager.getConnection(DB_URL, USERNAME, PASSWORD);
		pstmt = conn.prepareStatement(SQL);
		String id = (String) request.getParameter("id");
		out.println("✔️아이디 [" + id + "] 님 가입이 완료되었습니다." );
		out.println("<br/>");
		pstmt.setString(1, id);
		pstmt.executeUpdate();
		pstmt.close();
		} catch (Exception e) {
		e.printStackTrace();
		} finally {
			try {
				if (conn != null) 
					conn.close();
				
				if (pstmt != null)
					pstmt.close();
			} catch (Exception e) {
			e.printStackTrace();
			}
		}
	%>
	
	<a href="SignUp">회원가입 페이지</a><br/>
	<a href="ShowList">회원 목록 페이지</a><br/>
	
</body>
</html>

9) src/main/webapp/Views/Delete.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.sql.DriverManager"%>
<%@ page import="java.sql.Connection"%>
<%@ page import="java.sql.Statement"%>
<%@ page import="java.sql.PreparedStatement"%>
<%!
	Connection conn = null;
	PreparedStatement pstmt = null;
	String DB_URL = "jdbc:mysql://localhost:3306/db01?"
			+ "useUnicode=true&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=UTC"; // DB 접속 주소
	String USERNAME = "gbpark"; // DB ID
	String PASSWORD = "1"; // DB Password
	String JDBC_DRIVER = "com.mysql.cj.jdbc.Driver"; // jdbc 드라이버 주소
	String SQL = "delete from mytable02 where id = ?";
	
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원 삭제 완료 페이지</title>
</head>
<body>
	<%
		try {
		String id = (String)request.getParameter("id");
		out.println("✔️ 아이디 ["+ id + "]를(을) 삭제하였습니다.");
		out.println("<br/>");
		Class.forName(JDBC_DRIVER);
		conn = DriverManager.getConnection(DB_URL, USERNAME, PASSWORD);
		pstmt = conn.prepareStatement(SQL);
		pstmt.setString(1, id);
		pstmt.executeUpdate();
		pstmt.close();
		} catch (Exception e) {
		e.printStackTrace();
		} finally {
			try {
				if (conn != null) 
					conn.close();
				
				if (pstmt != null)
					pstmt.close();
			} catch (Exception e) {
			e.printStackTrace();
			}
		}
	%>
	<a href="SignUp">회원가입 페이지</a><br/>
	<a href="ShowList">회원 목록 페이지</a><br/>
</body>
</html>

10) src/main/webapp/Views/Update.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ID 수정 페이지</title>
</head>
<body>
	<h1>수정할 ID를 입력하세요</h1>
	<%
	String initialID = (String)request.getParameter("id");
	%>
	<FORM METHOD = POST action = "UpdateComplete">
		변경할ID<INPUT TYPE="text" NAME="updateID" VALUE=""><br/>
		<input type="hidden" value="<%=initialID%>" name="initialID">
		<INPUT TYPE="submit" VALUE="수정"><br/>
	</FORM>
	
	<a href="SignUp">회원가입 페이지</a><br/>
	<a href="ShowList">회원 목록 페이지</a><br/>
</body>
</html>

11) src/main/webapp/Views/UpdateComplete.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.sql.DriverManager"%>
<%@ page import="java.sql.Connection"%>
<%@ page import="java.sql.Statement"%>
<%@ page import="java.sql.PreparedStatement"%>
<%!
	Connection conn = null;
	PreparedStatement pstmt = null;
	String DB_URL = "jdbc:mysql://localhost:3306/db01?"
			+ "useUnicode=true&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=UTC"; // DB 접속 주소
	String USERNAME = "gbpark"; // DB ID
	String PASSWORD = "1"; // DB Password
	String JDBC_DRIVER = "com.mysql.cj.jdbc.Driver"; // jdbc 드라이버 주소
	String SQL = "update mytable02 set id = ? where id = ?";
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>업데이트 완료 페이지</title>
</head>
<body>
	
	<%
		try {
		String updateID = (String)request.getParameter("updateID");
		String initialID = (String)request.getParameter("initialID");
		out.println("✔️아이디 [" + initialID + 
		            "]을(를) [" + updateID + 
		            "]로 변경하였습니다.");
		out.println("<br/>");
		Class.forName(JDBC_DRIVER);
		conn = DriverManager.getConnection(DB_URL, USERNAME, PASSWORD);
		pstmt = conn.prepareStatement(SQL);
		pstmt.setString(1, updateID);
		pstmt.setString(2, initialID);
		pstmt.executeUpdate();
		pstmt.close();
		} catch (Exception e) {
		e.printStackTrace();
		} finally {
			try {
				if (conn != null) 
					conn.close();
				if (pstmt != null)
					pstmt.close();
			} catch (Exception e) {
			e.printStackTrace();
			}
		}
	%>
	
	<a href="SignUp">회원가입 페이지</a><br/>
	<a href="ShowList">회원 목록 페이지</a><br/>
</body>
</html>

(3) WAR Export

프로젝트 우클릭 - Export - WAR file 차례로 클릭합니다.

아래 체크박스는 모두 체크합니다.

Export 경로는 아래와 같이 톰캣 설치 위치 내 webapps 폴더로 지정합니다.

C:\Program Files (x86)\Apache Software Foundation\Tomcat 9.0\webapps

2. Virtual Box 세팅

(1) PC IP 확인

cmd 창에 ipconfig 명령어를 통해 PC IP를 확인합니다.

ipconfig

VirtualBox 주소가 아닌 일반 이더넷 혹은 무선랜 IPv4 주소 복사!

(2) 가상 머신 포트 포워딩

Virtual Box 실행 후 상단 메뉴바에서 파일-환경설정 클릭

네트워크 탭에 들어갑니다.

생성해둔 네트워크를 더블 클릭하고 포트 포워딩을 클릭합니다.

우측에 녹색 플러스 버튼을 눌러 포트포워딩 규칙을 생성합니다.

호스트 IP에 앞서 확인한 IP 주소를 입력합니다.

호스트 포트와 게스트 포트 3306번을,

게스트 IP에는 가상 머신의 IP를 입력하고 확인 버튼을 눌러줍니다.

(3) 가상 머신 실행

이제 가상 머신을 더블 클릭하여 실행합니다.

3. 가상 머신 접속

MobaXterm을 실행하고 좌측 상단에 Session 아이콘을 클릭합니다.

좌측에 SSH를 클릭합니다.

PC IP 주소를 Remote host 입력창에 입력하고 하단에 OK 버튼을 클릭합니다.

(4) 가상 머신 로그인

가상 머신에 정상적으로 접속했다면 로그인 창이 나옵니다.

아이디 입력 후 엔터, 비밀번호 입력 후 엔터!

정상적으로 로그인이 되었다면 아래와 같이 가상 머신에 접속됩니다.

4. 기본 패키지 설치

가상 머신 업데이트와 업그레이드를 진행합니다.

sudo apt-get update

sudo apt-get upgrade

네트워크 관련 패키지를 설치합니다.

sudo apt install net-tools

5. 자바 설치

가상 머신에 자바 11 버전을 설치합니다.

sudo apt-get install openjdk-11-jdk

자바가 정상적으로 설치되었는지 확인합니다.

java -version

6. Tomcat 세팅

(1) Tomcat 설치

가상 머신에 톰캣 버전 9를 설치합니다.

sudo apt-get install tomcat9 -y

(2) Tomcat 상태 확인

톰캣이 정상적으로 설치되었는지 확인합니다.

ps -ef | grep tomcat

아래와 같이 tomcat 상태가 출력되면 정상적으로 설치된 것입니다.

(3) Tomcat 버전 확인

톰캣 버전을 확인합니다.

  sudo /usr/share/tomcat9/bin/version.sh

아래와 같이 9 버전이 제대로 설치된 것을 확인합니다.

(4) 환경변수 편집

sudo nano /etc/default/tomcat9

주석 처리되어 있는 환경변수 JAVA_HOME을 편집합니다.

아래 스크린샷과 같이 "java-8-openjdk" 내용 중 8을 11로 변경합니다.

자바 11 버전을 설치했고 사용하기 위함입니다.

(5) WAR 파일 복사하기

export 한 war 파일을 가상 머신 home/사용자 폴더에 복사합니다.

MobaXterm은 드래그 앤 드롭을 지원하기 때문에 간편하게 파일을 복사할 수 있습니다.

터미널 디렉토리를 war 파일이 있는 곳으로 옮긴 후에 war 파일을 이동해 줍니다.

sudo mv 파일명.war /var/lib/tomcat9/webapps

(5) Tomcat 시작

톰캣을 실행합니다.

톰캣이 실행되면 war 파일로 묶여있던 패키지가 자동으로

풀리면서 war파일과 동일한 이름의 폴더가 생성됩니다.

sudo service tomcat9 start

톰캣 서버 활성화 여부를 확인합니다.

sudo service tomcat9 status

아래와 같이 active 된 것을 확인하시면 정상적으로 서버가 구동된 것입니다.

참고

1) Tomcat 정지

sudo service tomcat9 stop

2) Tomcat 재시작

sudo service tomcat9 restart

(5) 서버 연결 확인

MobaXterm 좌측 상단에 Session을 클릭하고 아래와 같이 Browser를 클릭합니다.

URL에 본인IP:8080을 입력하고 하단에 OK 버튼을 클릭합니다.

입력 예시) http:123.123.123.123:8080

브라우저에 아래와 같이 It works!라는 문구가 출력되면 정상적으로 서버가 구동되고 있다는 것입니다.

(6) 프로젝트 페이지 접근

이번에는 index.jsp 페이지에 접근해 보겠습니다.

브라우저에 http:본인IP주소:8080/프로젝트이름을 입력하면, 아래와 같은 화면이 출력될 것입니다.

7. MySQL 세팅(리눅스)

(1) 업데이트

sudo apt update

(2) MySQL 설치

sudo apt install mysql-server

(3) 방화벽 오픈

3306번 포트의 방화벽을 열어줍니다.

 sudo ufw allow 3306/tcp

(4) 문자 인코딩 설정

인코딩 변경을 위해 문서를 열어줍니다.

sudo vi /etc/mysql/my.cnf

문서에 아래 내용을 복사 + 붙여 넣기 합니다.

[client]
default-character-set=utf8
 
[mysql]
default-character-set=utf8
 
[mysqld]
collation-server = utf8_unicode_ci
init-connect='SET NAMES utf8'
character-set-server = utf8

(5) root 권한 부여받기

가상 머신 로그인 시 이용하는 비밀번호를 입력합니다.

sudo -i

(6) MySQL root 권한 접속

가상 머신 로그인 시 이용하는 비밀번호를 입력합니다.

mysql -u root -p

(7) DB 생성

create database db01 default character set UTF8;

(8) 사용자 생성

비밀번호는 MySQL 전용 비밀번호를 입력하면 됩니다.

create user '사용자 이름'@'%' identified by '비밀번호';

(9) 계정 권한 설정

grant all privileges on *.* to '사용자 이름'@'%' identified by '비밀번호';

권한을 설정하기 위해서는 반드시 아래 명령어를 입력해야 합니다.

flush privileges;

(10) 테이블 생성

mytable02라는 이름의 테이블을 생성합니다.

칼럼은 문자열 타입의 id로만 구성하였습니다.

create table mytable02(id VARCHAR(20)) default character set UTF8;

(11) MySQL 나가기

exit

(12) bind address 주석처리

아래와 같이 설정창에 접근하여 bind address를 주석처리(#)합니다.

저장하고 나갑니다.

sudo vi /etc/mysql/mysql.conf.d/mysqld.cnf

(11) MySQL 재시작

가상 머신 로그인 시 이용하는 비밀번호를 입력합니다.

sudo systemctl restart mysql

8. MySQL 세팅(윈도우)

윈도우에서 MySQL Workbench를 실행합니다.

서버 연결 설정을 편집합니다.

항목별로 아래와 같이 입력합니다.

- Connection name: 자유롭게 작성

- Connection Method: Standard TCP/IP over SSH 선택

- hostname: ip 입력(VM 이더넷 IP이 아닌, 일반 이더넷 혹은 무선랜 IP)

- port: 3306 입력

- username: 생성한 사용자 이름

- show in Valut: 사용자 비밀번호

아래에 Test Connection 버튼 클릭

정상적으로 연결되었다면 아래와 같은 메시지가 나옵니다.

가상 머신에서 생성한 데이터베이스 db01 내 mytable02 테이블을 조회해 봅니다.

Use db01;
select * from mytable02;

9. MySQL 연동 테스트

이제 브라우저에서 전체적인 프로세스를 테스트해 보겠습니다.

(1) Insert Test: 회원가입 페이지 이동

먼저, 회원가입을 하기 위해 '회원가입' 버튼을 클릭합니다.

(2) Insert Test: 회원가입용 ID 입력

아래와 같이 SignUp.jsp 페이지로 잘 넘어온 것을 확인하셨다면

이제 ID에 텍스트를 입력하고 '가입' 버튼을 클릭해 봅니다.

(3) Insert Test: ID 입력 완료

아래와 같이 입력한 ID로 가입이 완료되었다는

메시지 출력 페이지인 SignUpComplete.jsp로 잘 넘어갔습니다.

(4) Insert Test: 브라우저 내 데이터 추가 확인

이제 입력한 데이터가 테이블에 잘 추가되었는지 확인해 봅니다.

'회원 목록 페이지' 버튼을 클릭합니다.

아래와 같이 ShowList.jsp로 페이지가 전환되며 표에 데이터가 잘 조회된 것을 확인할 수 있습니다.

(4) Insert Test: MySQL Workbench 내 데이터 추가 확인

윈도우 MySQL 워크벤치로 돌아와 테이블을 조회해 봅니다.

select * from mytable01;

아래와 같이 데이터가 잘 넘어온 것을 확인할 수 있습니다.

(5) Update Test: '수정' 버튼 클릭

이번에는 데이터 업데이트 테스트를 진행하겠습니다.

ID '호랑이' 우측에 '수정' 버튼을 클릭합니다.

(6) Update Test: 변경할 ID 입력

아래와 같이 Update.jsp 페이지로 전화되며 id 값으로 '호랑이'가 전달된 것을 확인할 수 있습니다.

변경할 ID로 '사자'를 입력하고 '수정' 버튼을 클릭해 봅니다.

(7) Update Test: 테이블 조회 버튼 클릭

이제 UpdateComplete.jsp 페이지로 전화되며

기존의 '호랑이' ID가 '사자'로 변경되었다는 메시지를 확인할 수 있습니다.

실제로 테이블에서도 업데이트가 되었는지 확인해 봅니다.

'회원 목록 페이지' 버튼을 클릭합니다.

(8) Update Test: 테이블 업데이트 확인

ShowList.jsp 페이지로 전환되며 ID 값이 테이블에서도 정상적으로 변경된 것을 확인할 수 있습니다.

(9) Delete Test: '삭제' 버튼 클릭

마지막으로 데이터 삭제 기능 테스트를 진행해 봅니다.

'사자' ID 우측에 '삭제' 버튼을 클릭해 봅니다.

(10) Delete Test: 테이블 조회 버튼 클릭

아래와 같이 Delete.jsp 페이지로 전화되며

id 값으로 '사자'가 잘 전달되고 있는 것을 확인할 수 있습니다.

테이블에서도 데이터 삭제가 반영되었는지 확인해 봅니다.

'회원 목록 페이지' 버튼을 클릭합니다.

(11) Delete Test: 데이터 삭제 확인

아래와 같이 ShowList.jsp 페이지로 전화되며

테이블에 삭제를 요청한 '사자' ID 값이 정상적으로 삭제된 것을 확인할 수 있습니다.

MySQL Workbench에서도 테이블을 조회하면 데이터가 모두 삭제된 것을 확인할 수 있습니다.

포스팅 내용에 오류가 있다면 아래에 댓글 남겨주세요!

그럼 오늘도 즐겁고 건강한 하루 보내시길 바랍니다.

고맙습니다 :)

728x90

저작자표시 변경금지

'SW 개발 > Java' 카테고리의 다른 글

Entity 개념 및 맵핑 방법에 대해 알아보자! (0)	2021.12.28
JPA의 개념과 사용 이유에 대해 알아보자! (0)	2021.12.27
[Java] Servlet 기반 MySQL 서버 연동하기!(Tomcat 활용) (0)	2021.12.07
이클립스 콘솔창 한글 깨짐 해결방법! (6)	2021.12.06
[Java] JavaFX 설치 방법, 환경 설정, 사용 방법 (8)	2021.11.24

'SW 개발/Java' Related Articles

Comments

Hey Tech

[Java] MVC 패턴을 활용한 MySQL 서버 연동(Tomcat 활용) 본문

[Java] MVC 패턴을 활용한 MySQL 서버 연동(Tomcat 활용)

💡 목표

사용할 Tool

목차

✔️ 사전 준비

1. Java 코딩

(1) MySQL Connector 설치

(2) Java 코드

1) src/main/java/Pack01/ControlClass.java

2) src/main/webapp/index.jsp

3) src/main/webapp/dispatcher-servlet.xml

4) src/main/webapp/web.xml

5) src/main/webapp/Views/Main.jsp

6) src/main/webapp/Views/ShowList.jsp

7) src/main/webapp/Views/SignUp.jsp

8) src/main/webapp/Views/SignUpComplete.jsp

9) src/main/webapp/Views/Delete.jsp

10) src/main/webapp/Views/Update.jsp

11) src/main/webapp/Views/UpdateComplete.jsp

(3) WAR Export

2. Virtual Box 세팅

(1) PC IP 확인

(2) 가상 머신 포트 포워딩

(3) 가상 머신 실행

3. 가상 머신 접속

(4) 가상 머신 로그인

4. 기본 패키지 설치

5. 자바 설치

6. Tomcat 세팅

(1) Tomcat 설치

(2) Tomcat 상태 확인

(3) Tomcat 버전 확인

(4) 환경변수 편집

(5) WAR 파일 복사하기

(5) Tomcat 시작

참고

(5) 서버 연결 확인

(6) 프로젝트 페이지 접근

7. MySQL 세팅(리눅스)

(1) 업데이트

(2) MySQL 설치

(3) 방화벽 오픈

(4) 문자 인코딩 설정

(5) root 권한 부여받기

(6) MySQL root 권한 접속

(7) DB 생성

(8) 사용자 생성

(9) 계정 권한 설정

(10) 테이블 생성

(11) MySQL 나가기

(12) bind address 주석처리

(11) MySQL 재시작

8. MySQL 세팅(윈도우)

9. MySQL 연동 테스트

(1) Insert Test: 회원가입 페이지 이동

(2) Insert Test: 회원가입용 ID 입력

(3) Insert Test: ID 입력 완료

(4) Insert Test: 브라우저 내 데이터 추가 확인

(4) Insert Test: MySQL Workbench 내 데이터 추가 확인

(5) Update Test: '수정' 버튼 클릭

(6) Update Test: 변경할 ID 입력

(7) Update Test: 테이블 조회 버튼 클릭

(8) Update Test: 테이블 업데이트 확인

(9) Delete Test: '삭제' 버튼 클릭

(10) Delete Test: 테이블 조회 버튼 클릭

(11) Delete Test: 데이터 삭제 확인

'SW 개발 > Java' 카테고리의 다른 글

티스토리툴바