빙록의 공부

69-3

빙록 — Thu, 20 Jul 2023 16:30:16 +0900

멈추고 파일 다시 지우고 다시 설정

$ sudo systemctl stop tomcat
$ sudo rm -rf /op/tomcat/tomcat-10/webapps/boot
$ sudo rm -rf /op/tomcat/tomcat-10/webapps/boot.war
$ sudo mv boot-0.0.1-SNAPSHOT.war /opt/tomcat/tomcat-10/webapps/boot.war
$ sudo systemctl start tomcat
$ sudo systemctl status tomcat

69-2

빙록 — Thu, 20 Jul 2023 16:01:23 +0900

외부 제한

69-1

빙록 — Thu, 20 Jul 2023 14:54:15 +0900

run as >> maven build 단축키 있는거 packagge

package com.care.boot;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.boot.autoconfigure.security.servlet.SecurityAutoConfiguration;
import org.springframework.boot.builder.SpringApplicationBuilder;
import org.springframework.boot.web.servlet.support.SpringBootServletInitializer;

@SpringBootApplication(exclude = SecurityAutoConfiguration.class) // 자동으로 제거 
public class BootApplication extends SpringBootServletInitializer{
	// http://loacalhost/logout
	
	@Override
	protected SpringApplicationBuilder createSpringApplicationBuilder() {
		return super.createSpringApplicationBuilder();
	}
	
	public static void main(String[] args) {
		SpringApplication.run(BootApplication.class, args);
		
	}

}

68-4

빙록 — Tue, 18 Jul 2023 15:03:14 +0900

public void getUserInfo() {
		String reqUrl = "https://kapi.kakao.com/v2/user/me";
		HttpURLConnection conn;
		
		try {
			URL url = new URL(reqUrl);
			conn = (HttpURLConnection)url.openConnection();
			
			conn.setRequestMethod("POST"); 
			conn.setRequestProperty("Authorization", "Bearer " + accessToken); //Authorization: Bearer ${ACCESS_TOKEN}
			
			ObjectMapper om = new ObjectMapper();
			JsonNode jsonTree = om.readTree(conn.getInputStream());
			
			System.out.println("jsonTree : "+jsonTree);
			System.out.println("kakao_account : " + jsonTree.get("kakao_account"));
			
			JsonNode kakaoAccount = jsonTree.get("kakao_account");
			System.out.println("profile : " + kakaoAccount.get("profile"));
			System.out.println("email : " + kakaoAccount.get("email"));
			System.out.println("age_range : " + kakaoAccount.get("age_range"));
			System.out.println("gender : " + kakaoAccount.get("gender"));
			System.out.println("nickname : " + kakaoAccount.get("profile").get("nickname"));
			
		}catch (IOException e) {
			e.printStackTrace();
		}
	}
	
	public void unLink() {
		/** 로그아웃 되어있는 상태면 오류 */
		String reqUrl = "https://kapi.kakao.com/v1/user/unlink";
		HttpURLConnection conn;
		try {
			URL url = new URL(reqUrl);
			conn = (HttpURLConnection)url.openConnection();
			conn.setRequestMethod("POST"); 
			conn.setRequestProperty("Authorization", "Bearer " + accessToken); 
			
			int responseCode = conn.getResponseCode(); //결과 코드가 200이면 성공
			System.out.println("responseCode:"+responseCode);
			
			ObjectMapper om = new ObjectMapper();
			JsonNode jsonTree = om.readTree(conn.getInputStream());
			System.out.println("id : "+jsonTree.get("id"));
			
		}catch (IOException e) {
			e.printStackTrace();
		}

68-3 토큰

빙록 — Tue, 18 Jul 2023 12:23:46 +0900

package com.care.dbQuiz.member;

import java.io.BufferedWriter;
import java.io.IOException;
import java.io.InputStreamReader;
import java.io.OutputStreamWriter;
import java.net.HttpURLConnection;
import java.net.URL;
import java.util.Map;
import org.springframework.stereotype.Service;

import com.fasterxml.jackson.core.type.TypeReference;
import com.fasterxml.jackson.databind.ObjectMapper;

@Service
public class KakaoService {

	public void getAccessToken(String code) {
		String reqUrl = "https://kauth.kakao.com/oauth/token";
		String reqParam = "grant_type=authorization_code";
		reqParam += "&client_id=231dcfa0f6c9f5d6db11c3d33c9b755c";
		reqParam += "&redirect_uri=http://localhost:8065/dbQuiz/kakaoLogin";
		reqParam += "&code="+code;
		
		HttpURLConnection conn;
		try {
			URL url = new URL(reqUrl); //POST 요청에 필요로 요구하는 파라미터 스트림을 통해 전송
			conn = (HttpURLConnection)url.openConnection();
			conn.setRequestMethod("POST"); //POST 요청을위해 기본값 false에서 setDoOut으로 true변경
			conn.setDoOutput(true);//post 매소드를 이용해서 데이터를 전달하기위한설정
			
			//기본 OutputStram을 통해 문자열로 처리할수있는 OutputStreamWriter변환후 처리속도를 빠르게 처리하기위해
			//BufferedWriter변환한다
			BufferedWriter bw = new BufferedWriter(new OutputStreamWriter(conn.getOutputStream()));
			bw.write(reqParam);
			bw.flush();
			
			int responseCode = conn.getResponseCode(); //결과 코드가 200이면 성공
			System.out.println("responseCode:"+responseCode);
			
			// 요청을 통해 얻은 JSON타입의 Response 메세지 읽어오기 (반복문)
//			BufferedReader br = new BufferedReader(new InputStreamReader(conn.getInputStream()));
//			String line ="", result="";
//			while((line = br.readLine()) != null){
//				result += line;
//			}
			
			// 요청을 통해 얻은 JSON타입의 Response 메세지 읽어오기
			InputStreamReader isr = new InputStreamReader(conn.getInputStream());
			ObjectMapper om = new ObjectMapper();
			Map<String, String> map = null;
			map = om.readValue(isr, new TypeReference<Map<String, String>>() {} );
			
			System.out.println("access_token : "+map.get("access_token"));
			System.out.println("scope"+map.get("scope"));
			
			
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		
	}
}
//curl -v -X POST "https://kauth.kakao.com/oauth/token" \
//-H "Content-Type: application/x-www-form-urlencoded" \
//-d "grant_type=authorization_code" \
//-d "client_id=${REST_API_KEY}" \
//--data-urlencode "redirect_uri=${REDIRECT_URI}" \
//-d "code=${AUTHORIZE_CODE}"

68-2

빙록 — Tue, 18 Jul 2023 12:23:22 +0900

package com.care.dbQuiz.member;

import java.io.BufferedWriter;
import java.io.IOException;
import java.io.OutputStreamWriter;
import java.net.HttpURLConnection;
import java.net.URL;
import org.springframework.stereotype.Service;

@Service
public class KakaoService {

	public void getAccessToken(String code) {
		String reqUrl = "https://kauth.kakao.com/oauth/token";
		String reqParam = "grant_type=authorization_code";
		reqParam += "&client_id=231dcfa0f6c9f5d6db11c3d33c9b755c";
		reqParam += "&redirect_uri=http://localhost:8065/dbQuiz/kakaoLogin";
		reqParam += "&code="+code;
		
		HttpURLConnection conn;
		try {
			URL url = new URL(reqUrl); //POST 요청에 필요로 요구하는 파라미터 스트림을 통해 전송
			conn = (HttpURLConnection)url.openConnection();
			conn.setRequestMethod("POST"); //POST 요청을위해 기본값 false에서 setDoOut으로 true변경
			conn.setDoOutput(true);//post 매소드를 이용해서 데이터를 전달하기위한설정
			
			//기본 OutputStram을 통해 문자열로 처리할수있는 OutputStreamWriter변환후 처리속도를 빠르게 처리하기위해
			//BufferedWriter변환한다
			BufferedWriter bw = new BufferedWriter(new OutputStreamWriter(conn.getOutputStream()));
			bw.write(reqParam);
			bw.flush();
			
			int responseCode = conn.getResponseCode(); //결과 코드가 200이면 성공
			System.out.println("responseCode:"+responseCode);
			
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
	}
}
//curl -v -X POST "https://kauth.kakao.com/oauth/token" \
//-H "Content-Type: application/x-www-form-urlencoded" \
//-d "grant_type=authorization_code" \
//-d "client_id=${REST_API_KEY}" \
//--data-urlencode "redirect_uri=${REDIRECT_URI}" \
//-d "code=${AUTHORIZE_CODE}"

@Autowired private KakaoService kakao;
	@GetMapping("kakaoLogin")
	public void kakaoLogin(String code) {
		System.out.println("code:"+code); 	
		kakao.getAccessToken(code);
	}

<tr>
		<td>
			<a href="https://kauth.kakao.com/oauth/authorize?response_type=code&client_id=231dcfa0f6c9f5d6db11c3d33c9b755c&&redirect_uri=http://localhost:8065/dbQuiz/kakaoLogin"			
			>	
				<img src="https://k.kakaocdn.net/14/dn/btroDszwNrM/I6efHub1SN5KCJqLm1Ovx1/o.jpg">
			</a>
		</td>
	</tr>

68-1

빙록 — Tue, 18 Jul 2023 09:42:25 +0900

package com.care.dbQuiz.member;

import javax.servlet.http.HttpSession;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;

import oracle.jdbc.proxy.annotation.Post;

@Controller
public class MemberController {
	@Autowired private MemberService service;
	@Autowired private HttpSession session;
	
	@RequestMapping("index")
	public String index() {
		return "member/index";
	}

	@RequestMapping("header")
	public String header() {
		return "default/header";
	}
	@RequestMapping("main")
	public String main() {
		return "default/main";
	}
	@RequestMapping("footer")
	public String footer() {
		return "default/footer";
	}
	/* http://localhost:8086/dbQuiz/login */
	@GetMapping("login")
	public String login() {
		return "member/login";
	}
	
	@PostMapping("loginProc")
	public String loginProc(MemberDTO member) {
		String result = service.loginProc(member);
		if(result.equals("로그인 성공")) {
			return "redirect:index";
		}
		return "member/login";
	}
	
	/* http://localhost:8086/dbQuiz/register */
	@GetMapping("register")
	public String register() {
		return "member/register";
	}
	
	@PostMapping("registerProc")
	public String registerProc(MemberDTO member, String confirm) {
		String result = service.registerProc(member, confirm);
		if(result.equals("회원 등록 완료")) {
			return "redirect:index";
		}
		return "member/register";
	}
	
	@RequestMapping("memberInfo")
	public String memberInfo(
			@RequestParam(value="currentPage", required = false)String cp,
			String select, String search, Model model) {
		service.memberInfo(cp, select, search, model);
		return "member/memberInfo";
	}
	
	@RequestMapping("userInfo")
	public String userInfo(String id, 
			@RequestParam(value="currentPage", required = false)String cp, 
			Model model) {
		
		if(session.getAttribute("id") == null ) {
			return "redirect:login";
		}
		MemberDTO member = service.userInfo(id);
		if(member == null) {
			return "redirect:memberInfo?currentPage="+cp;
		}
		model.addAttribute("userInfo", member);
		return "member/userInfo";
	}
	
	@RequestMapping("logout")
	public String logout() {
		session.invalidate();
		return "forward:index";
	}
	
	/* http://localhost:8086/dbQuiz/update */
	@GetMapping("update")
	public String update() {
		String id = (String)session.getAttribute("id");
		if(id == null || id.isEmpty()) {
			return "redirect:login";
		}
		return "member/update";
	}
	@PostMapping("updateProc")
	public String updateProc(MemberDTO member, String confirm) {
		String id = (String)session.getAttribute("id");
		if(id == null || id.isEmpty()) {
			return "redirect:login";
		}
		member.setId(id);
		String result = service.updateProc(member, confirm);
		if(result.equals("회원 정보 수정 완료")) {
			return "forward:logout";
		}
		return "member/update";
	}
	
	
	/* http://localhost:8086/dbQuiz/delete */
	@GetMapping("delete")
	public String delete() {
		String id = (String)session.getAttribute("id");
		if(id == null || id.isEmpty()) {
			return "redirect:login";
		}
		return "member/delete";
	}
	
	@PostMapping("deleteProc")
	public String deleteProc(String pw, String confirmPw, Model model) {
		String id = (String)session.getAttribute("id");
		if(id == null || id.isEmpty()) {
			return "redirect:login";
		}
		
		String result = service.deleteProc(id, pw, confirmPw);
		model.addAttribute("msg", result);
		if(result.equals("회원 정보 삭제 완료")) {
			return "forward:logout";
		}
		return "member/delete";
	}
	
	@ResponseBody
	@PostMapping(value="sendEmail", produces="text/plan; charset=utf-8")
	public String sendEmail(@RequestBody(required = false)String email) {
		return service.sendEmail(email);
	}
	
	@ResponseBody
	@PostMapping(value="sendAuth", produces="text/plan; charset=utf-8")
	public String sendAuth(@RequestBody(required = false)String auth) {
		System.out.println("sendAuth()");
		
		return service.sendAuth(auth);
	}
}

package com.care.dbQuiz.member;

import java.util.ArrayList;
import java.util.Random;

import javax.servlet.http.HttpSession;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder;
import org.springframework.stereotype.Service;
import org.springframework.ui.Model;

import com.care.dbQuiz.common.PageService;


@Service
public class MemberService {
	@Autowired private MemberMapper memberMapper;
	@Autowired private HttpSession session;
	
	public String loginProc(MemberDTO member) {
		if(member.getId() == null || member.getId().isEmpty()) {
			return "아이디를 입력하세요.";
		}
		
		if(member.getPw() == null || member.getPw().isEmpty()) {
			return "비밀번호를 입력하세요.";
		}
		
		MemberDTO result = memberMapper.loginProc(member.getId());
		if(result != null){
			BCryptPasswordEncoder bpe = new BCryptPasswordEncoder();
			
			 //raw:원본 , encode:암호값을 가져와서 해독한다
			if(bpe.matches(member.getPw(), result.getPw())) {
				session.setAttribute("id", result.getId());
				session.setAttribute("userName", result.getUserName());

				
				session.setAttribute("address", result.getAddress());
				session.setAttribute("mobile", result.getMobile());
				return "로그인 성공";
			}
			
		}
		
		return "아이디/비밀번호를 확인 후 다시 시도하세요.";
	}

	public String registerProc(MemberDTO member, String confirm) {
		if(member.getId() == null || member.getId().isEmpty()) {
			return "아이디를 입력하세요.";
		}
		
		if(member.getPw() == null || member.getPw().isEmpty()) {
			return "비밀번호를 입력하세요.";
		}
		
		if(member.getPw().equals(confirm) == false) {
			return "두 비밀번호를 일치하여 입력하세요.";
		}
		
		if(member.getUserName() == null || member.getUserName().isEmpty()) {
			return "이름을 입력하세요.";
		}
		
		
		
//		System.out.println("평문 비밀번호 : "+member.getPw());
//		System.out.println("암호화된 비밀번호 : "+crytPassword);
//		System.out.println("암호화된 비밀번호 길이 : "+crytPassword.length());
		
		MemberDTO result = memberMapper.loginProc(member.getId());
		
	
		
		if(result == null) {
			BCryptPasswordEncoder bpe = new BCryptPasswordEncoder();
			String crytPassword = bpe.encode(member.getPw());
			member.setPw(crytPassword);
			memberMapper.registerProc(member);
			return "회원 등록 완료";
		}
		
		return "이미 가입된 아이디 입니다.";
	}

	public void memberInfo(String cp, String select, String search, Model model) {
		if(select == null){
			select = "";
		}
		
		int currentPage = 1;
		try{
			currentPage = Integer.parseInt(cp);
		}catch(Exception e){
			currentPage = 1;
		}
		
		int pageBlock = 3; // 한 페이지에 보일 데이터의 수 
		int end = pageBlock * currentPage; // 테이블에서 가져올 마지막 행번호
		int begin = end - pageBlock + 1; // 테이블에서 가져올 시작 행번호
	
		ArrayList<MemberDTO> members = memberMapper.memberInfo(begin, end, select, search);
		int totalCount = memberMapper.count(select, search);
		String url = "memberInfo?select="+select+"&search="+search+"&currentPage=";
		String result = PageService.printPage(url, currentPage, totalCount, pageBlock);
		
		model.addAttribute("members", members);
		model.addAttribute("result", result);
		model.addAttribute("currentPage", currentPage);
	}

	public MemberDTO userInfo(String id) {
		if(id == null || id.isEmpty()) {
			return null;
		}
		
		String sessionId = (String)session.getAttribute("id");
		if(sessionId.equals(id) == false && sessionId.equals("admin") == false)
			return null;
		
//		MemberDTO result = memberMapper.loginProc(id);
		return memberMapper.loginProc(id);
	}

	public String updateProc(MemberDTO member, String confirm) {
		if(member.getPw() == null || member.getPw().isEmpty()) {
			return "비밀번호를 입력하세요.";
		}
		
		if(member.getPw().equals(confirm) == false) {
			return "두 비밀번호를 일치하여 입력하세요.";
		}
		
		if(member.getUserName() == null || member.getUserName().isEmpty()) {
			return "이름을 입력하세요.";
		}
		BCryptPasswordEncoder bpe = new BCryptPasswordEncoder();
		String crytPassword = bpe.encode(member.getPw());
		member.setPw(crytPassword);
		int result = memberMapper.updateProc(member);
		if(result == 1)
			return "회원 정보 수정 완료";
		return "회원 정보 수정 실패";
	}

	public String deleteProc(String id, String pw, String confirmPw) {
		if(pw == null || pw.isEmpty()) {
			return "비밀번호를 입력하세요.";
		}
		
		if(pw.equals(confirmPw) == false) {
			return "두 비밀번호를 일치하여 입력하세요.";
		}
		
		MemberDTO member = memberMapper.loginProc(id);
		
		if(member != null) {
			BCryptPasswordEncoder bpe = new BCryptPasswordEncoder();
			if(bpe.matches(pw, member.getPw())) {
				memberMapper.delete(member.getId());
				session.invalidate();
				return "회원 정보 삭제 완료";
			}
			
		}
		return "비밀번호를 확인 후 다시 시도하세요.";
	}

	
	
	@Autowired private MailService mailService;
	private String content;
	public String sendEmail(String email) {
		if(email == null || email.isEmpty())
			return "이메일을 확인 후 다시 입력하세요.";
		Random r = new Random();
		// 1,000,000 
		// 100 000 , 001234
	
		content = String.format("%06d", r.nextInt(1000000));
		System.out.println("인증번호 : " + content);
		String msg = mailService.sendMail(email, "인증번호가 도착했습니다", content);
		if(msg.equals("입력한 이메일에서 인증번호를 확인하세요.")== false) {
			content =" ";
		}
		
		return msg;
	}

	
	public String sendAuth(String auth) {
		if(auth == null || auth.isEmpty())
			return "인증번호를 입력후 다시 시도하세요";
		
		if(content == null || content.isEmpty())
			return "인증번호를 입력후 다시 시도하세요";
		
		if(auth.equals(content)) {
			return "인증에 성공하였습니다.";
		}
		
		return "인증 실패";
	}
}

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:import url="/header"></c:import>

<script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
<script>

    //본 예제에서는 도로명 주소 표기 방식에 대한 법령에 따라, 내려오는 데이터를 조합하여 올바른 주소를 구성하는 방법을 설명합니다.
    function execDaumPostcode() {
        new daum.Postcode({
            oncomplete: function(data) {
            	if(data.userSelectedType === 'R'){
            		document.getElementById('address').value= data.roadAddress;
            	}
            	else{
            		document.getElementById('address').value= data.jibunAddress;
            	}
            	document.getElementById('postcode').value= data.zonecode;
            	/*
	            	console.log(data.userSelectedType)
	            	console.log(data.jibunAddress)
	            	console.log(data.roadAddress)
	            	console.log(data.zonecode)
            	*/
            }
        }).open();
    }
    var xhr;
    
    function sendEmail() {
    	xhr = new XMLHttpRequest();
    	xhr.open('post', 'sendEmail');
    	xhr.send(document.getElementById('email').value);
 		xhr.onreadystatechange = resProc
    	
	}
    
    function sendAuth() {
    	if(xhr == null){
    		document.getElementById('msg').innerHTML = '이메일 주소를 전송후 사용';
    	}
    	xhr.open('post', 'sendAuth');
    	xhr.send(document.getElementById('auth').value);
 		xhr.onreadystatechange = AuthProc
	}
    
    function resProc() {
    	if(xhr.readyState === 4 && xhr.status === 200){
    		document.getElementById('msg').innerHTML = xhr.responseText;
    	}
	}
    

    function AuthProc() {
    	if(xhr.readyState === 4 && xhr.status === 200){
    		document.getElementById('msg').innerHTML = xhr.responseText;
    	}
    	
    	if(xhr.responseText === '인증에 성공하였습니다.'){
    		
    		document.getElementById('auth').style='display:none';
    		document.getElementById('authBtn').style='display:none';
    		document.getElementById('email').style='display:none';
    		document.getElementById('emailBtn').style='display:none';
    		document.getElementById('registerBtn').style='display:inline';
    	}
    	else{
    		document.getElementById('registerBtn').style='display:none';
    	}
    	
	}
    
   
</script>

<div align="center">
	<h3 id ="msg"></h3>
	<h1>회원 등록</h1>
	<table ><tr><td>
	<form action="registerProc" method="post" id="f">
		<input type="text" name="id" placeholder="아이디" id="id"> (*필수 항목) <br>
		<input type="password" name="pw" placeholder="비밀번호" id="pw"><br>
		<input type="password" name="confirm" placeholder="비밀번호 확인 " id="confirm"
		onchange="pwCheck()">
	
		<label id="label" ></label><br>
		<input type="text" name="userName" id="userName" placeholder="이름" ><br>
		
		<input type="text" id="postcode" name="postcode" placeholder="우편번호">
		<input type="button" onclick="execDaumPostcode()" value="우편번호 찾기"><br>
		<input type="text" id="address" name="address" placeholder="도로명주소">
		<span id="guide" style="color:#999;display:none"></span>
		<input type="text" id="detailAddress" name="detailAddress" placeholder="상세주소">
	
		<input type="text" name="mobile" placeholder="전화번호" ><br>
		
		<input type="text" id="email"  placeholder="이메일">
		<input type="button" id ="emailBtn" onclick="sendEmail()" value="이메일 주소 전송"><br>
		<input type="text" id="auth"  placeholder="인증번호">
		<input type="button" id ="authBtn" onclick="sendAuth()" value="인증번호 전송"><br>
		
		<input type="button" id = "registerBtn" value="회원가입" onclick="allCheck()">
		<input type="button" value="취소" onclick="location.href='index'"><br>
	</form>
	</td></tr></table>
</div>

<c:import url="/footer"></c:import>

67-2

빙록 — Mon, 17 Jul 2023 14:58:49 +0900

package com.care.dbQuiz.member;

import java.util.ArrayList;

import javax.servlet.http.HttpSession;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder;
import org.springframework.stereotype.Service;
import org.springframework.ui.Model;

import com.care.dbQuiz.common.PageService;


@Service
public class MemberService {
	@Autowired private MemberMapper memberMapper;
	@Autowired private HttpSession session;
	
	public String loginProc(MemberDTO member) {
		if(member.getId() == null || member.getId().isEmpty()) {
			return "아이디를 입력하세요.";
		}
		
		if(member.getPw() == null || member.getPw().isEmpty()) {
			return "비밀번호를 입력하세요.";
		}
		
		MemberDTO result = memberMapper.loginProc(member.getId());
		if(result != null){
			BCryptPasswordEncoder bpe = new BCryptPasswordEncoder();
			
			 //raw:원본 , encode:암호값을 가져와서 해독한다
			if(bpe.matches(member.getPw(), result.getPw())) {
				session.setAttribute("id", result.getId());
				session.setAttribute("userName", result.getUserName());

				
				session.setAttribute("address", result.getAddress());
				session.setAttribute("mobile", result.getMobile());
				return "로그인 성공";
			}
			
		}
		
		return "아이디/비밀번호를 확인 후 다시 시도하세요.";
	}

	public String registerProc(MemberDTO member, String confirm) {
		if(member.getId() == null || member.getId().isEmpty()) {
			return "아이디를 입력하세요.";
		}
		
		if(member.getPw() == null || member.getPw().isEmpty()) {
			return "비밀번호를 입력하세요.";
		}
		
		if(member.getPw().equals(confirm) == false) {
			return "두 비밀번호를 일치하여 입력하세요.";
		}
		
		if(member.getUserName() == null || member.getUserName().isEmpty()) {
			return "이름을 입력하세요.";
		}
		
		
		
//		System.out.println("평문 비밀번호 : "+member.getPw());
//		System.out.println("암호화된 비밀번호 : "+crytPassword);
//		System.out.println("암호화된 비밀번호 길이 : "+crytPassword.length());
		
		MemberDTO result = memberMapper.loginProc(member.getId());
		if(result == null) {
			BCryptPasswordEncoder bpe = new BCryptPasswordEncoder();
			String crytPassword = bpe.encode(member.getPw());
			member.setPw(crytPassword);
			memberMapper.registerProc(member);
			return "회원 등록 완료";
		}
		
		return "이미 가입된 아이디 입니다.";
	}

	public void memberInfo(String cp, String select, String search, Model model) {
		if(select == null){
			select = "";
		}
		
		int currentPage = 1;
		try{
			currentPage = Integer.parseInt(cp);
		}catch(Exception e){
			currentPage = 1;
		}
		
		int pageBlock = 3; // 한 페이지에 보일 데이터의 수 
		int end = pageBlock * currentPage; // 테이블에서 가져올 마지막 행번호
		int begin = end - pageBlock + 1; // 테이블에서 가져올 시작 행번호
	
		ArrayList<MemberDTO> members = memberMapper.memberInfo(begin, end, select, search);
		int totalCount = memberMapper.count(select, search);
		String url = "memberInfo?select="+select+"&search="+search+"&currentPage=";
		String result = PageService.printPage(url, currentPage, totalCount, pageBlock);
		
		model.addAttribute("members", members);
		model.addAttribute("result", result);
		model.addAttribute("currentPage", currentPage);
	}

	public MemberDTO userInfo(String id) {
		if(id == null || id.isEmpty()) {
			return null;
		}
		
		String sessionId = (String)session.getAttribute("id");
		if(sessionId.equals(id) == false && sessionId.equals("admin") == false)
			return null;
		
//		MemberDTO result = memberMapper.loginProc(id);
		return memberMapper.loginProc(id);
	}

	public String updateProc(MemberDTO member, String confirm) {
		if(member.getPw() == null || member.getPw().isEmpty()) {
			return "비밀번호를 입력하세요.";
		}
		
		if(member.getPw().equals(confirm) == false) {
			return "두 비밀번호를 일치하여 입력하세요.";
		}
		
		if(member.getUserName() == null || member.getUserName().isEmpty()) {
			return "이름을 입력하세요.";
		}
		BCryptPasswordEncoder bpe = new BCryptPasswordEncoder();
		String crytPassword = bpe.encode(member.getPw());
		member.setPw(crytPassword);
		int result = memberMapper.updateProc(member);
		if(result == 1)
			return "회원 정보 수정 완료";
		return "회원 정보 수정 실패";
	}

	public String deleteProc(String id, String pw, String confirmPw) {
		if(pw == null || pw.isEmpty()) {
			return "비밀번호를 입력하세요.";
		}
		
		if(pw.equals(confirmPw) == false) {
			return "두 비밀번호를 일치하여 입력하세요.";
		}
		
		MemberDTO member = memberMapper.loginProc(id);
		
		if(member != null) {
			BCryptPasswordEncoder bpe = new BCryptPasswordEncoder();
			if(bpe.matches(pw, member.getPw())) {
				memberMapper.delete(member.getId());
				session.invalidate();
				return "회원 정보 삭제 완료";
			}
			
		}
		return "비밀번호를 확인 후 다시 시도하세요.";
	}
}

package com.care.dbQuiz.member;

import javax.servlet.http.HttpSession;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

@Controller
public class MemberController {
	@Autowired private MemberService service;
	@Autowired private HttpSession session;
	
	@RequestMapping("index")
	public String index() {
		return "member/index";
	}

	@RequestMapping("header")
	public String header() {
		return "default/header";
	}
	@RequestMapping("main")
	public String main() {
		return "default/main";
	}
	@RequestMapping("footer")
	public String footer() {
		return "default/footer";
	}
	/* http://localhost:8086/dbQuiz/login */
	@GetMapping("login")
	public String login() {
		return "member/login";
	}
	
	@PostMapping("loginProc")
	public String loginProc(MemberDTO member) {
		String result = service.loginProc(member);
		if(result.equals("로그인 성공")) {
			return "redirect:index";
		}
		return "member/login";
	}
	
	/* http://localhost:8086/dbQuiz/register */
	@GetMapping("register")
	public String register() {
		return "member/register";
	}
	
	@PostMapping("registerProc")
	public String registerProc(MemberDTO member, String confirm) {
		String result = service.registerProc(member, confirm);
		if(result.equals("회원 등록 완료")) {
			return "redirect:index";
		}
		return "member/register";
	}
	
	@RequestMapping("memberInfo")
	public String memberInfo(
			@RequestParam(value="currentPage", required = false)String cp,
			String select, String search, Model model) {
		service.memberInfo(cp, select, search, model);
		return "member/memberInfo";
	}
	
	@RequestMapping("userInfo")
	public String userInfo(String id, 
			@RequestParam(value="currentPage", required = false)String cp, 
			Model model) {
		
		if(session.getAttribute("id") == null ) {
			return "redirect:login";
		}
		MemberDTO member = service.userInfo(id);
		if(member == null) {
			return "redirect:memberInfo?currentPage="+cp;
		}
		model.addAttribute("userInfo", member);
		return "member/userInfo";
	}
	
	@RequestMapping("logout")
	public String logout() {
		session.invalidate();
		return "forward:index";
	}
	
	/* http://localhost:8086/dbQuiz/update */
	@GetMapping("update")
	public String update() {
		String id = (String)session.getAttribute("id");
		if(id == null || id.isEmpty()) {
			return "redirect:login";
		}
		return "member/update";
	}
	@PostMapping("updateProc")
	public String updateProc(MemberDTO member, String confirm) {
		String id = (String)session.getAttribute("id");
		if(id == null || id.isEmpty()) {
			return "redirect:login";
		}
		member.setId(id);
		String result = service.updateProc(member, confirm);
		if(result.equals("회원 정보 수정 완료")) {
			return "forward:logout";
		}
		return "member/update";
	}
	
	
	/* http://localhost:8086/dbQuiz/delete */
	@GetMapping("delete")
	public String delete() {
		String id = (String)session.getAttribute("id");
		if(id == null || id.isEmpty()) {
			return "redirect:login";
		}
		return "member/delete";
	}
	
	@PostMapping("deleteProc")
	public String deleteProc(String pw, String confirmPw, Model model) {
		String id = (String)session.getAttribute("id");
		if(id == null || id.isEmpty()) {
			return "redirect:login";
		}
		
		String result = service.deleteProc(id, pw, confirmPw);
		model.addAttribute("msg", result);
		if(result.equals("회원 정보 삭제 완료")) {
			return "forward:logout";
		}
		return "member/delete";
	}
}

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:import url="/header"></c:import>

<script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
<script>
    //본 예제에서는 도로명 주소 표기 방식에 대한 법령에 따라, 내려오는 데이터를 조합하여 올바른 주소를 구성하는 방법을 설명합니다.
    function execDaumPostcode() {
        new daum.Postcode({
            oncomplete: function(data) {
            	if(data.userSelectedType === 'R'){
            		document.getElementById('address').value= data.roadAddress;
            	}
            	else{
            		document.getElementById('address').value= data.jibunAddress;
            	}
            	document.getElementById('postcode').value= data.zonecode;
            	/*
	            	console.log(data.userSelectedType)
	            	console.log(data.jibunAddress)
	            	console.log(data.roadAddress)
	            	console.log(data.zonecode)
            	*/
            }
        }).open();
    }
</script>

<div align="center">
	<h1>회원 등록</h1>
	<table ><tr><td>
	<form action="registerProc" method="post" id="f">
		<input type="text" name="id" placeholder="아이디" id="id"> (*필수 항목) <br>
		<input type="password" name="pw" placeholder="비밀번호" id="pw"><br>
		<input type="password" name="confirm" placeholder="비밀번호 확인 " id="confirm"
		onchange="pwCheck()">
	
		<label id="label" ></label><br>
		<input type="text" name="userName" id="userName" placeholder="이름" ><br>
		
		<input type="text" id="postcode" name="postcode" placeholder="우편번호">
		<input type="button" onclick="execDaumPostcode()" value="우편번호 찾기"><br>
		<input type="text" id="address" name="address" placeholder="도로명주소">
		<span id="guide" style="color:#999;display:none"></span>
		<input type="text" id="detailAddress" name="detailAddress" placeholder="상세주소">
	
		<input type="text" name="mobile" placeholder="전화번호" ><br>
		<input type="button" value="회원가입" onclick="allCheck()">
		<input type="button" value="취소" onclick="location.href='index'"><br>
	</form>
	</td></tr></table>
</div>

<c:import url="/footer"></c:import>

67-1

빙록 — Mon, 17 Jul 2023 10:19:24 +0900

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>quiz</title>
<script>
	var xhr;
	function send(){
		
		xhr = new XMLHttpRequest();
		xhr.open('post', 'quiz')
		xhr.send(document.getElementById('title').value);
		//send 매서드에 값을 넣어준다
		xhr.onreadystatechange = resProc;

	}
	
	function resProc(){
		if(xhr.readyState === 4 && xhr.status === 200){
			var resData = JSON.parse(xhr.responseText)
		
			var result = "";
			for(i = 0; i < resData.length; i++){
				result += "<tr>";
				result += "<td>" + resData[i].title + "</td>";
				result += "<td>" + resData[i].artist + "</td>";
				result += "<td>" + resData[i].price + "</td>";
				result += "</tr>";
			}
			
			document.getElementById('tbody').innerHTML = result;
			
		}
	}
</script>
</head>
<body onload="send()">
	<input type="text" id="title" onkeyup="send()"> 
	<br><br>
	<table border=1>
		<tr>
			<th>제목</th>
			<th>아티스트</th>
			<th>가격</th>
		</tr>
		<tbody id="tbody"></tbody>
	</table>
</body>
</html>

------------------------

package com.care.ajaxBasic;

import java.util.List;

import org.springframework.stereotype.Repository;

@Repository
public interface AjaxMapper {

	String exists(String id);

	int jsonInsert(AjaxVO ajax);

	void jsonDelete();

	List<AjaxVO> ex6();

	List<AjaxVO> serach(String title);

}

@GetMapping("quiz")
	public void quizGet() {}
	
	@ResponseBody
	@PostMapping(value="quiz", produces = "application/json; charset=UTF-8")
	public List<AjaxVO> quizPost(@RequestBody(required = false)String title) {
		/*
		 * 첫 화면 또는 input에 아무것도 입력이 안되어 있으면 모든 데이터 출력하기.
		 * input 에 입력한 글자를 포함한 데이터가 있으면 모두 출력하기.
		 */
		System.out.println("quizPost() 호출함."+title);
		return service.search(title);
		
	}

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>quiz</title>
<script>
	var xhr;
	function send(){
		xhr = new XMLHttpRequest();
		xhr.open('post', 'quiz')
		xhr.send();
		xhr.onreadystatechange = resProc;

	}
	
	function resProc(){
		if(xhr.readyState === 4 && xhr.status === 200){
			var resData = JSON.parse(xhr.responseText)
		
			var result = "";
			for(i = 0; i < resData.length; i++){
				result += "<tr>";
				result += "<td>" + resData[i].title + "</td>";
				result += "<td>" + resData[i].artist + "</td>";
				result += "<td>" + resData[i].price + "</td>";
				result += "</tr>";
			}
			
			document.getElementById('tbody').innerHTML = result;
			
		}
	}
</script>
</head>
<body onload="send()">
	<input type="text" id="title" onkeyup="send()"> 
	<br><br>
	<table border=1>
		<tr>
			<th>제목</th>
			<th>아티스트</th>
			<th>가격</th>
		</tr>
		<tbody id="tbody"></tbody>
	</table>
</body>
</html>

66-4

빙록 — Fri, 14 Jul 2023 15:26:57 +0900

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
  PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
  "https://mybatis.org/dtd/mybatis-3-mapper.dtd">
  
<mapper namespace="com.care.ajaxBasic.AjaxMapper">
	<select id="exists">
		SELECT id FROM session_quiz WHERE id=#{id}
	</select>
	
	
	
	<insert id="jsonInsert" parameterType="com.care.ajaxBasic.AjaxVO">
		insert into json_table values (#{title},#{artist},#{price})
	</insert>
	
	<delete id="jsonDelete">
		delete from json_table
	</delete>
</mapper>

package com.care.ajaxBasic;

import java.util.List;

import org.springframework.stereotype.Repository;

@Repository
public interface AjaxMapper {

	String exists(String id);

	int jsonInsert(AjaxVO ajax);

	void jsonDelete();

}

public String jsonInsert() {
		/*
		 * json 파일의 데이터를 읽어와서
		 * mapper.jsonInset 를 호출
		 * json_table데이블에 jsonExam2 파일 입력
		 * json_table테이블 title artist oruce varchar2구성
		 * */
		
		ClassPathResource cpr = new ClassPathResource("jsonExam2.json");
		List<AjaxVO> lists = null;
		try {
			File file = cpr.getFile();
			//Json array List 변환
			ObjectMapper mapper = new ObjectMapper();

			lists = mapper.readValue(file, new TypeReference<List<AjaxVO>>() {});
			
			System.out.println( (new TypeReference<List<AjaxVO>>() {}).getType() );
			//java.util.List<com.care.ajaxBasic.AjaxVO>
			//TypeReference를 사용하는 이유 : 제너릭을 사용하는 클래스의 자료형을 얻고 싶을 때
			
			
			} catch (IOException e) {
			
			e.printStackTrace();
			}
			mapper.jsonDelete(); //초기화
			for(AjaxVO ajax : lists) {
				int result = mapper.jsonInsert(ajax);
				if(result == 0)
					return "오류";
				
			}
				
		return "모든 데이터가 입력되었습니다";
	}

@ResponseBody
	@GetMapping(value="jsonInsert",produces = "application/json; charset=UTF-8")
	public String jsonInsert() {
		
		String msg = service.jsonInsert();
		return msg;
		
	}

----------

public String jsonInsert(List<AjaxVO>) {
		/*
		 * json 파일의 데이터를 읽어와서
		 * mapper.jsonInset 를 호출
		 * json_table데이블에 jsonExam2 파일 입력
		 * json_table테이블 title artist oruce varchar2구성
		 * */
		
		
		mapper.jsonInsert(result);
		return "모든 데이터가 입력되었습니다";
	}

@RequestMapping(value="ex6",produces = "application/json; charset=UTF-8")
	public List<AjaxVO> ex6Post() {
		ClassPathResource cpr = new ClassPathResource("jsonExam2.json");
		List<AjaxVO> lists = null;
		try {
			File file = cpr.getFile();
			//Json array List 변환
			ObjectMapper mapper = new ObjectMapper();

			lists = mapper.readValue(file, new TypeReference<List<AjaxVO>>() {});
			
			
			Servicece.jsonInsert(lists);
			
		} catch (IOException e) {
			
			e.printStackTrace();
		}
		return lists;
	
	}