[62] 230328 Spring: 회원가입, 로그인 기능 구현하기 [K-디지털 트레이닝 62일]

Notice

Recent Posts

Recent Comments

Links

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

Tags more

Archives

Today

In Total

관리 메뉴

A Joyful AI Research Journey🌳😊

[62] 230328 Spring: 회원가입, 로그인 기능 구현하기 [K-디지털 트레이닝 62일] 본문

🌳Bootcamp Revision 2023✨/Spring Framework, Java

[62] 230328 Spring: 회원가입, 로그인 기능 구현하기 [K-디지털 트레이닝 62일]

yjyuwisely 2023. 3. 28. 12:49

230328 Tue 62nd class

Ch. 18 MVC 패턴 구현
진도: Ch. 18 MVC 패턴 구현에 기반한 자체 수업 (교재: 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지, 저자: 최범균)
책 예제 코드: https://github.com/madvirus/jsp23
저자 블로그: https://javacan.tistory.com/

최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | 최범균 - 교보문고

최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | [최범균의 JSP 2.3 웹 프로그래밍 기초부터 중급까지]는 JSP 2.3의 새로운 특징 반영과 JSP를 지원하는 요소인 서블릿과 표현 언어 등의 새로운

product.kyobobook.co.kr

오늘 배운 것 중 기억할 것을 정리했다.

다시 기억할 것

Get 방식

URL 주소 뒤에 파라미터를 붙여서 데이터를 전달하는 방식이다.
(URL(Uniform Resource Locator): 인터넷에서 웹 페이지, 이미지, 비디오 등 리소스의 위치를 가리키는 문자열)
Get 방식이 Post 방식보다 비교적 전송되는 속도가 빠르나 보안에는 취약하다.
method를 따로 언급 안 하면 기본적으로 Get 방식이다.
ex) 검색어
ex) file:///D:/221229/html/WebContent/ch03_02_req.html?id=1234&password=5678

Post 방식

사용자가 입력한 데이터를 URL 주소에 붙이지 않고 HTTP Request 헤더에 포함시켜 전달하는 방식이다.
Post 방식이 Get 방식보다 보안에는 강하나, 속도는 느리다.
길이 제한이 없으며, 보안이 유지된다.
ex) 로그인
ex) file:///D:/221229/html/WebContent/ch03_02_req.html

2023.01.02 - [🌳K-Digital Revision 2023✨/HTML5] - [4] 230102 Ch. 3 HTML5 멀티미디어 & 입력양식: 웹 브라우저와 멀티미디어, 오디오, 비디오, iframe,와 , HTML 입력 양식, 입력 태그 #1 · #2, HTML5 입력 요소 [K-디지털 트레이닝 4일]

이클립스에 서버 시작 초록색 버튼을 누르고 아래 localhost:8081로 들어갔다.

컨트롤러는 총 6개인데 HomeController.java를 실행하는 이유는 /에 답이 있다.

아래 코드를 보면 value = "/"인 게 HomeController.java 뿐이므로 그렇다.

value는 요청받을 url을 설정하게 된다.
method는 어떤 요청으로 받을지 정의하게 된다.(GET, POST, PUT, DELETE 등)

참고: https://mungto.tistory.com/436

@RequestMapping(value = "/", method = RequestMethod.GET)

코드) HomeController.java

package org.hj.controller;

import java.util.Locale;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
public class HomeController {
	
	@RequestMapping(value = "/", method = RequestMethod.GET)
        // 접근제어자  반환타입  메서드명(매개변수, 매개변수)
        //public 접근 제한자, String 리턴 타입, home 메서드, (매개변수타입,매개변수명)
	public String home(Locale locale, Model model) { //지금은 쓰임이 없다. (그냥 있는 것.)
		return "home"; //home이라는 메서드를 실행한다. //메모장의 URL주소가 호출한 것이다. 
						// /WEB-INF/views/home.jsp
	}
	@RequestMapping(value = "/drop", method = RequestMethod.GET)
	// 접근제어자  반환타입  메서드명(매개변수, 매개변수)
	public String drop() {
		return "drop";
	}
}

return "home";의 home.jsp를 실행한 결과가 아래와 같다.
home을 index.jsp로 바꿔서 우리가 생각하거나 원하는 메인으로 바꿀 수 있다.

우리가 한 것은 전부 GET 방식이고
form 태그만 POST 방식이다.

회원가입, 로그인 기능 구현하기

memberin.jsp와 MemberController.java 파일 + 서버 실행시켰다.

두 개의 파일이 다르므로 void 타입으로 주면 안 된다.

코드) 회원가입 페이지가 뜬다. memberin.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<h1>회원가입</h1>

<form action="/member" method="post"><!-- 메서드방식:POST -->
아이디 <input type="text" name="id">
비밀번호 <input type="text" name="password">
별명 <input type="text" name="name">
<input type="submit" value="가입하기">

</form>


</body>
</html>

코드) 회원 가입, 회원 가입 서버, 로그인, 로그인 서버 MemberController.java

package org.hj.controller;

import javax.servlet.http.HttpSession;

import org.hj.model.LoginVO;
import org.hj.service.LoginService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
public class MemberController {

	@Autowired
	LoginService ls;
	
	// 회원가입 //화면 실행을 위한 멤버 (GET방식)
	@RequestMapping(value = "/member", method = RequestMethod.GET) //member 메서드 GET 방식
	public String member () {
		return "member/memberin";
	}
	
	// 회원가입서버 //실제로 가입하기 위한 멤버 (POST방식)
	@RequestMapping(value = "/member", method = RequestMethod.POST) //둘 다 GET이면 충돌이 일어난다. 메서드 방식이 POST이다.
	//							int		a //member는 참조 변수
	public String memberPost (LoginVO member) {
		System.out.println(member); //member.toString()이 생략된 것이다.
		return "board/list"; //board 폴더의 list.jsp를 실행한다. 게시판 목록을 보여준다.
	}
	
	
	
	
	// 로그인 페이지
	@RequestMapping(value = "/login", method = RequestMethod.GET)
	public String login () {
		System.out.println("aaaa");
		return "member/login";
	}
	
	// 로그인 서버
	@RequestMapping(value = "/login", method = RequestMethod.POST)
	public String loginPost (HttpSession session, LoginVO member) {
		
/*		System.out.println("contorller="+member);
		System.out.println(ls.login(member));*/
		
		session.setAttribute("login", ls.login(member));
		
		if (ls.login(member)==null) {
			return "member/login";
			} else {	
				return "redirect:/list";	
			}
		
		
		}
	
	// 회원관리페이지
	// 회원정보수정 및 삭제
	
}

결과) localhost:8081/member로 접속하고 아래의 회원가입 페이지가 떴다.

회원가입을 한다.

코드) 회원 가입, 회원 가입 서버, 로그인, 로그인 서버 MemberController.java 일부

	// 회원가입서버 //실제로 가입하기 위한 멤버 (POST방식)
	@RequestMapping(value = "/member", method = RequestMethod.POST) //둘 다 GET이면 충돌이 일어난다. 메서드 방식이 POST이다.
	//							int		a //member는 참조 변수
        public String memberPost (LoginVO member) {
		System.out.println(member); //member.toString()이 생략된 것이다.
		return "board/list"; //board 폴더의 list.jsp를 실행한다. 게시판 목록을 보여준다.
	}

return "board/list";: board 폴더의 list.jsp를 실행한다.

결과) 회원 가입 후 바로 게시판 목록이 뜬다.

위 세 개 파일의(memberin.jsp, MemberController.java, LoginVO.java)의 id, password, name을 일치시키면 스프링은 자동으로 수집한다.

코드) LoginVO.java

package org.hj.model;

public class LoginVO {
	
	private String id;
	private String password;
	private String addr;
	private String phone;
	private String email;
	private String name;
	private int age;
	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}
	public String getAddr() {
		return addr;
	}
	public void setAddr(String addr) {
		this.addr = addr;
	}
	public String getPhone() {
		return phone;
	}
	public void setPhone(String phone) {
		this.phone = phone;
	}
	public String getEmail() {
		return email;
	}
	public void setEmail(String email) {
		this.email = email;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public int getAge() {
		return age;
	}
	public void setAge(int age) {
		this.age = age;
	}
	
	@Override
	public String toString() {
		return "LoginVO [id=" + id + ", password=" + password + ", addr=" + addr + ", phone=" + phone + ", email="
				+ email + ", name=" + name + ", age=" + age + "]";
	}
}

상속에 대해서 ~를 상속받겠다라고 정의를 안 하면 기본적으로 객체의 최상위 클래스인 오브젝트 클래스를 상속받게 되어있다.
어떤 클래스를 부모 클래스로 상속받겠다고 하면 오브젝트 클래스는 관련 없다.

오브젝트 클래스 안에 toString()이라는 메서드가 있다.
toString()을 실행하면 해당되는 객체의 주소, 즉 여기서는 LoginVO의 주소값을 출력하게 되어있다.
하지만 부모 클래스의 toString()이 마음에 들지 않고, 주소값 대신 들어간 내용(id, password, name 등)이 궁금하므로 바꾼 것이다. 저 코드를 지우고 실행하면 LoginVO의 주소값이 나온다.
참고: https://kephilab.tistory.com/92

콘솔창을 보면 입력했던 id, password, name이 들어간 것을 알 수 있다.

콘솔창 메시지 확대. 입력했던 id, password, name(별명)이 나온다.

728x90

저작자표시 비영리 동일조건

'🌳Bootcamp Revision 2023✨ > Spring Framework, Java' 카테고리의 다른 글

[63] 230329 Spring: 스프링을 이용한 MVC 구현 [K-디지털 트레이닝 63일] (0)	2023.03.29
[62] 230328 Spring: 로그인 후 게시판 목록 보기, 회원 가입 후 MySQL DB에 추가하기 [K-디지털 트레이닝 62일] (0)	2023.03.28
[62] 230328 Spring: 스프링에 MVC 중 C(컨트롤러) 응용하기, MVC 구조 이해 [K-디지털 트레이닝 62일] (0)	2023.03.28
[61] 230327 Spring: 이클립스에 스프링 설치하고 실행하기 [K-디지털 트레이닝 61일] (0)	2023.03.27