# Spring boot 기초 - 프로젝트 생성부터 로그인 기능 만들기 (Session기반) 1탄

Spring boot, Java 17, Mybatis, PostgreSQL 인텔리제이 환경 기반으로 작성된 글 입니다.

 

Spring boot 프로젝트 생성하기

1. 프로젝트 생성

File - Project에서 Spring Boot를 선택한 후

Dependencies는 Spring Web, PostgreSQL, Thymleaf, Loombok 등을 선택해 주고 Create버튼을 클릭하여 생성해줍니다.

(어차피 나중에 추가할 수 있기때문에 크게 중요하지 않습니다.)

---

2. DB연결에 필요한 설정하기

postgres

build.gradle 추가

runtimeOnly 'org.postgresql:postgresql'

 

properties 설정

spring.datasource.driver-class-name=org.postgresql.Driver
spring.datasource.url=jdbc:postgresql://주소:포트번호/DB이름
spring.datasource.username=postgres
spring.datasource.password=비밀번호

 

이렇게하면 DB연결은 정상적으로 완료되었습니다.

---

mybatis

build.gradle 추가

 implementation 'org.mybatis.spring.boot:mybatis-spring-boot-starter:3.0.4'

 

properties 설정

mybatis.mapper-locations=classpath:mapper/*.xml

 

Application 클래스에 MapperScan 추가

@SpringBootApplication
@MapperScan("기본경로.**.mapper")
public class Application {

    public static void main(String[] args) {
        SpringApplication.run(Application.class, args);
    }

}

 

Mapper 파일에 @Mapper 어노테이션 붙이기

@Mapper
public interface MemberMapper {

---

3. 로그인 구현하기

테이블 생성

로그인을 구현하기 위해선 회원테이블을 먼저 만들어야 합니다.

dbeaver script를 통해 해당 스키마에 테이블을 추가했습니다.

create table weeks.users (
	user_id INT GENERATED ALWAYS AS IDENTITY PRIMARY key,
	id varchar(30) not null,
	pw varchar(100) not null,
	name varchar(20) not null,
	phone varchar(15)
);

 

DTO 생성

Login과 따로 DTO를 나눴는데 귀찮으시면 MemberDTO 하나만 써도 됩니다.

 

LoginDTO

public class LoginDTO {
    private String id;
    private String pw;
}

 

MemberDTO

public class MemberDTO {
    @NotBlank(message = "아이디는 필수입니다.")
    private String id;
    @NotBlank(message = "비밀번호는 필수입니다.")
    private String pw;
    @NotBlank(message = "이름은 필수입니다.")
    private String name;
    private String phone;
}

 

@Valid를 사용해서 유효성을 넣고있어서 @NoBlank라는 어노테이션이 붙어있습니다.

블로그 내에서 관련 게시글이 있으니 참고하면 좋을 것 같습니다.

 

enum

public enum LoginResult {
    SUCCESS,
    NO_ID,
    WRONG_PASSWORD
}

---

Mapper 생성

인터페이스

@Mapper
public interface MemberMapper {
    // 회원 확인
    LoginDTO selectUserById(String id);    
}

 

xml

org.example.weeks는 본인 프로젝트 경로대로 바꿔야 합니다.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org/DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="org.example.weeks.member.mapper.MemberMapper">
    <!--회원 확인-->
    <select id="selectUserById" parameterType="string" resultType="org.example.weeks.member.dto.LoginDTO">
        select
            id,
            pw
        from weeks.users
        where id= #{id}
    </select>
</mapper>

 

---

Service 생성

인터페이스

public interface MemberService {
    // 회원 확인
    LoginResult login(LoginDTO dto);
}

 

서비스임플

@Service
@RequiredArgsConstructor
public class MemberServiceImpl implements MemberService {
    private final MemberMapper memberMapper;

    // 회원 확인
    @Override
    public LoginResult login(LoginDTO dto) {
        LoginDTO member = memberMapper.selectUserById(dto.getId());
        if (member == null){
            return LoginResult.NO_ID;
        }
        if (member != null && member.getPw().equals(dto.getPw())) {
            return LoginResult.SUCCESS;
        }
        return LoginResult.WRONG_PASSWORD;
    }
}

---

Controller 생성

@Controller
@RequestMapping("/member")
@RequiredArgsConstructor
public class MemberController {
    private final MemberService memberService;

    @GetMapping("/login")
    public String login() {
        return "member/login";
    }
    
    @PostMapping("/login")
    public String login(LoginDTO dto, Model model, HttpSession session) {
        LoginResult result = memberService.login(dto);
        switch (result){
            case NO_ID:
                model.addAttribute("msg", "등록된 아이디가 없습니다.");
                return "member/login";
            case WRONG_PASSWORD:
                model.addAttribute("msg", "비밀번호가 일치하지 않습니다.");
                return "member/login";
            case SUCCESS:
                session.setAttribute("loginId", dto.getId());
                return "redirect:/";
        }
        return "member/login";
    }
}

---

HTML 생성

타임리프

<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Login</title>
</head>
<body>
    <h2>Login</h2>
    <p th:if="${msg}" th:text="${msg}" style="color:red;"></p>
    
    <form action="#" th:action="@{/member/login}" method="post">
        <input type="text" name="id" placeholder="아이디">
        <input type="password" name="pw" placeholder="비밀번호">
        <button type="submit">로그인</button>
    </form>

    <a th:href="@{/member/register}">회원가입</a>
</body>
</html>

 

---

결과 화면

 

이 다음으로는 로그아웃, 회원가입 기능을 적어보도록 하겠습니다.