JDBC_개념_Day

5.JDBC/2)JDBC_개념

JDBC_개념_Day_06

구이제이 2024. 2. 26. 20:23

자바스크립트 - 프론트의 핵심이다.

예외처리,

배너, 색상 기본기를 다져야합니다.

◐

javascript7.html생성

<!DOCTYPE html>

<html>

<head>

<title>Insert title here</title>

<style>

</style>

/* 여러줄 주석

변수 선언

선언 후 값을 담으면서 타입이 결정됨

- var 변수명 = 값;(세미콜론, 해도되고안해도 되지만, 세미콜론쓰는것으로.)

범위가 불명확

- let 변수명 = 값; 범위가 명확({ }),주로사용,지역변수라보면됩니다.

- const 변수명 = 값; '상수',한번 값을 정하고 나면 변경 할 수없다.주로사용

let a = 3;

let b = "홍길동";

let c = document.querySelect('.test');

== : 값만 비교

=== : 값과 타입을 비교

!= :

!== :

내장 함수

1. prompt() 함수 메소드

형식) prompt('메세지 입력', '기본 입력 문자열')

결과가 문자열로 출력

숫자일 경우 현변환이 필요하다

Number(), parseInt(), parseFloat()

2. confirm() 함수

형식) confirm('메세지 문자열')

자체에서 '확인/취소'을 띄워주고

(true 또는 false값을 리턴한다.)

텍스트와 확인 및 취소 버튼을 출력하여 사용자의 선택을

받는 매우 간단한 다이얼로그 박스를 보여준다.

자바의 메소드를 호출하고 그 리턴한 값을 담는거라고 생각하면 된다.

결과 : boolean 형(확인 -true, 취소 - false)

// 한줄주석

let confirmTest = confirm('커피 한잔 어때?');

if(confirmTest){

alert('커피 한잔 선택함')

}else{

alert('커피를 마시지 않음')

}

// 쌍따옴, 홑따옴 >

</script>

</head>

<body>

<h2 class="test2">자바스크립트...</h2>

</body>

</html>

#동시사용, 2개프로그램 사용

html파일들은 visual studio code

java파일들은 ‘이클립스’ 또는 ‘인텔리제이’에서 작업하는것이 좋다. 동시작업가능

ㅡㅡㅡ

◐ DB에서 값을 넣기

memberPress.jsp

<%@page import="dbconnection.MyDBConnection"%>

<%@page import="java.sql.SQLException"%>

<%@page import="java.sql.ResultSet"%>

<%@page import="java.sql.PreparedStatement"%>

<%@page import="java.sql.Connection"%>

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!-- @이는 지시자라고 합니다. 중요합니다.

디렉티브태그라 한다.

jsp단점 : 정신이 없다.

그래서,

표현식을 가져가게 한다면, 수월한다.

처리하는 것을 위쪽으로 뺀다.

jsp:화면의 '뷰'단

-->

<% // 스크립틀리 > 바디안에다가 해도되지만, 복잡해서 여기에 위치합니다.

//여러곳에서 사용할때, 메소드로 만든다.

Connection con = null;

PreparedStatement pstmt=null;

ResultSet rs = null; // 불러오는것

request.setCharacterEncoding("utf-8"); //한글 꺠지는것 방지

String uid = request.getParameter("uid");

String uname = request.getParameter("uname");

String pwd = request.getParameter("pwd");

String sql = "insert into membertbl(uid, uname, pwd) values(?, ?, ?)";

try{

//db접속한 후 객체 전달 받기

con = MyDBConnection.getConnection();

//sql문을 전달 하기

pstmt = con.prepareStatement(sql);

pstmt.setString(1, uid); // String uid

pstmt.setString(2, uname); // String uname

pstmt.setString(3, pwd); // String pwd (int,string 등 타입에 맞춰서) - setString

//sql 문 실행

//executeUpdate() : insert, update, delete

//executeQuery() : select

pstmt.executeUpdate();

}catch(SQLException e){

e.printStackTrace();

}finally{

MyDBConnection.close(rs, pstmt, con); //자원 닫기

}

<!DOCTYPE html>

<html>

<head>

<title>Insert title here</title>

</head>

<body>

</body>

</html>

member.html

<!DOCTYPE html>

<html>

<head>

<style>

input{

height: 50px;

width : 200px;

font-size: 30px;

}

input[type="submit"]{ /* input태그중 타입이 submit인것*/

font-size:30px;

font-weight: 900;

}

</style>

</head>

<body>

</form>

</body>

</html>

member와

memberPress

◐ DB에서 값을 가져오기

memberPress2.jsp

<%@page import="dbconnection.MyDBConnection"%>

<%@page import="java.sql.SQLException"%>

<%@page import="java.sql.ResultSet"%>

<%@page import="java.sql.PreparedStatement"%>

<%@page import="java.sql.Connection"%>

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!-- @이는 지시자라고 합니다. 중요합니다.

디렉티브태그라 한다.

jsp단점 : 정신이 없다.

그래서,

표현식을 가져가게 한다면, 수월한다.

처리하는 것을 위쪽으로 뺀다.

jsp:화면의 '뷰'단

-->

<%! // 스크립틀리 > 바디안에다가 해도되지만, 복잡해서 여기에 위치합니다.

//여러곳에서 사용할때, 메소드로 만든다.

Connection con = null;

PreparedStatement pstmt=null;

ResultSet rs = null; // 불러오는것

String uid = null;

String uname = null;

String pwd = null;

//sql 문

String sql = "select uid, uname, pwd from membertbl";

try{

//db 연결

con = MyDBConnection.getConnection();

//sql 전달

pstmt = con.prepareStatement(sql);

//실행시키고 결과 받아오기

rs = pstmt.executeQuery();

while(rs.next()){

uid = rs.getString(1);

uname = rs.getString(2);

pwd = rs.getString(3);

}

}catch(SQLException e){

e.printStackTrace();

}finally{

MyDBConnection.close(rs, pstmt, con);

}

<!DOCTYPE html>

<html>

<head>

<title>Insert title here</title>

</head>

<body>

</body>

</html>

◐

memberPress3.jsp

<%@page import="dbconnection.MyDBConnection"%>

<%@page import="java.sql.SQLException"%>

<%@page import="java.sql.ResultSet"%>

<%@page import="java.sql.PreparedStatement"%>

<%@page import="java.sql.Connection"%>

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!-- @이는 지시자라고 합니다. 중요합니다.

디렉티브태그라 한다.

jsp단점 : 정신이 없다.

그래서,

표현식을 가져가게 한다면, 수월한다.

처리하는 것을 위쪽으로 뺀다.

jsp:화면의 '뷰'단

-->

<!DOCTYPE html>

<html>

<head>

<title>Insert title here</title>

</head>

<body>

Connection con = null; //

PreparedStatement pstmt = null; // sql문 전달하려면 pstmt으로 전달

ResultSet rs = null; //

//sql문 생성

String sql = "select uid, uname, pwd from membertbl";

//db연결, sql전달, sql 실행하고 결과 받아오기

try{

//db연결

con = MyDBConnection.getConnection();

//sql문 전달

pstmt = con.prepareStatement(sql);

//sql 실행

rs = pstmt.executeQuery();// pstmt에 있는 곳에 가서 sql문 실행시켜줘

//resultSet은 테이블형태로 되어있습니다.

//커서가 위치하고있다. next 계속 가다보가

//자료가있다면 true, 아무것도 없다면 false리턴한다.

while(rs.next()){

<hr>

}

}catch(SQLException e){

e.printStackTrace();

}finally{

MyDBConnection.close(rs, pstmt, con);

}

</body>

</html>