반응형

# AOP (AOP : Aspect Oriented Programming)

## AOP가 필요한 상황

  • 모든 메서드 호출 시간 측정 / 회원 가입, 회원 조회 시간 등 측정 등.

currentTimeMillis() 를 사용한 방법

/**
* 회원 가입
*/
public Long join(Member member) {

    long start = System.currentTimeMillis();

    try {
        validateDuplicateMember(member);    // 중복 회원 검증.
        memberRepository.save(member);
        return member.getId();
    } finally {
        long finish = System.currentTimeMillis();
        long timeMs = finish - start;
        System.out.println("join 시간 측정 : " + timeMs);
    }
}
  • currentTimeMillis() 를 적용하여 회원가입 시간 측정 시 아래와 같이 측정되는것을 확인 할 수 있음.

문제점

  • 시간을 측정하는 기능은 핵심 관심 사항이 아님.
  • 시간을 측정하는 기능은 핵심 로직이 아닌, 공통 로직. (공통 관심 사항 - cross-cutting concern)
  • 위와 같이 시간 측정 로직, 핵심 비즈니스 로직이 섞여있는 경우 유지보수가 어렵다.
  • 위와 같이 시작 측정 로직이 있는 경우 변경이 필요하다면, 모든 로직을 찾아서 변경해야 하는 어려움이 존재.

## AOP 적용

  • 공통 관심 사항(cross-cutting concern), 핵심 관심 사항(core concern) 분리.

시간 측정 AOP 등록

  • AOP의 경우 @Aspect 에노테이션 추가 필요.
  • AOP의 경우 아래와 같이 @Component 에노테이션 추가 또는 SpringConfig에 직접 등록하여 사용.
@Aspect
@Component
public class TimeTraceAop {
@Bean
public TimeTraceAop timeTraceAop() {
    return new TimeTraceAop();
}

timeTraceAop

package hello.hellospring.aop;

import org.aspectj.lang.ProceedingJoinPoint;
import org.aspectj.lang.annotation.Around;
import org.aspectj.lang.annotation.Aspect;
import org.springframework.stereotype.Component;

@Component
@Aspect
public class TimeTraceAop {
    @Around("execution(* hello.hellospring..*(..))")
    public Object execute(ProceedingJoinPoint joinPoint) throws Throwable {
        long start = System.currentTimeMillis();
        System.out.println("START: " + joinPoint.toString());
        try {
            return joinPoint.proceed();
        } finally {
            long finish = System.currentTimeMillis();
            long timeMs = finish - start;
            System.out.println("END: " + joinPoint.toString()+ " " + timeMs +
                    "ms");
        }
    }
}
  • 적용 후 확인해보면 아래와 같이 시간이 측정되는 것을 확인할 수 있다.

AOP 적용 후 의존관계

  • memberService 에 AOP가 적용되면 스프링 컨테이너에서 프록시 memberService (가짜 memberService) 를 생성해서 호출, joinPoint.proceed() 가 끝나면 내부적으로 진짜 memberService 호출 해줌.
반응형
반응형

# 스프링 DB 접근 기술

## JPA

  • 기존의 반복 코드는 물론, SQL 쿼리도 JPA가 직접 만들어서 실행해준다.
  • JPA를 사용하면 SQL과 데이터 중심의 설계 -> 객체 중심의 설계로 패러다임을 전환할 수 있다.
  • JPA 사용 시 생산성이 향상됨.
  • JPA는 인터페이스로 인터페이스만 제공, 구현체로 하이버네이트(Hibernate) 등 존재. 
  • JPA는 ORM (Object Relational Mapping) 기술로 객체 관계 매핑 기술.

JPA 라이브러리 추가. (build.gradle)

  • 기존 jdbc 주석처리 후 jpa 라이브러리 추가.
dependencies {
   implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
   implementation 'org.springframework.boot:spring-boot-starter-web'
// implementation 'org.springframework.boot:spring-boot-starter-jdbc'
   implementation 'org.springframework.boot:spring-boot-starter-data-jpa'
   runtimeOnly 'com.h2database:h2'
   testImplementation 'org.springframework.boot:spring-boot-starter-test'
}

JPA 관련 설정 추가. (application.properties)

  • 아래와 같이 설정 정보 추가.
  • show-sql : JPA가 생성하는 SQL을 출력함.
  • ddl-auto : JPA는 테이블을 자동으로 생성하는 기능을 제공하는데 none 를 사용 시 해당 기능을 끈다. create 를 사용 시 엔티티 정보를 바탕으로 테이블도 직접 생성해준다.
  • 스프링부트 2.4부터는 spring.datasource.username=sa 를 꼭 추가해줘야 함.
spring.jpa.show-sql=true
spring.jpa.hibernate.ddl-auto=none

Member

package hello.hellospring.domain;

import javax.persistence.*;

@Entity
public class Member {

    @Id @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;

    // DB에 있는 컬럼명이 다른 경우 @Column(name = "username") 로 설정. (예시는 컬럼명이 username 인 경우임.
    private String name;

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }
}

JpaMemberRepository

  • @Transactional 추가 이유 : JPA를 통한 모든 데이터 변경은 트랜잭션 안에서 실행해야 한다.
package hello.hellospring.repository;

import hello.hellospring.domain.Member;
import org.springframework.transaction.annotation.Transactional;

import javax.persistence.EntityManager;
import java.util.List;
import java.util.Optional;

@Transactional
public class JpaMemberRepository implements MemberRepository {

    private final EntityManager em;

    public JpaMemberRepository(EntityManager em) {
        this.em = em;
    }

    @Override
    public Member save(Member member) {
        em.persist(member);
        return member;
    }

    @Override
    public Optional<Member> findById(Long id) {
        Member member = em.find(Member.class, id);
        return Optional.ofNullable(member);
    }

    @Override
    public Optional<Member> findByName(String name) {
        List<Member> result = em.createQuery("select m from Member m where m.name = :name", Member.class)
                .setParameter("name", name)
                .getResultList();
        return result.stream().findAny();
    }

    @Override
    public List<Member> findAll() {
        List<Member> result = em.createQuery("select m from Member m", Member.class)
                .getResultList();
        return result;
    }
}

SpringConfig

  • EntityManager 추가 및 리포지토리 JpaMemberRepository 로 변경
package hello.hellospring;

import hello.hellospring.repository.JdbcMemberRepository;
import hello.hellospring.repository.JdbcTemplateMemberRepository;
import hello.hellospring.repository.JpaMemberRepository;
import hello.hellospring.repository.MemberRepository;
import hello.hellospring.service.MemberService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

import javax.persistence.EntityManager;
import javax.sql.DataSource;

@Configuration
public class SpringConfig {

    /*private final DataSource dataSource;

    @Autowired
    public SpringConfig(DataSource dataSource) {
        this.dataSource = dataSource;
    }*/

    private final EntityManager em;

    public SpringConfig(EntityManager em) {
        this.em = em;
    }

    @Bean
    public MemberService memberService() {
        return new MemberService(memberRepository());
    }

    @Bean
    public MemberRepository memberRepository() {
        //return new MemoryMemberRepository();
        //return new JdbcMemberRepository(dataSource);
        //return new JdbcTemplateMemberRepository(dataSource);
        return new JpaMemberRepository(em);
    }
}

## 스프링 데이터 JPA

  • 스프링 부트와 JPA만 사용해도 개발 생산성이 많이 증가, 코드도 확 줄어든다.
  • 스프링 데이터 JPA 까지 사용하면 리포지토리에 구현 클래스 없이 인터페이스 만으로 개발을 완료할 수 있다.
  • 스프링 데이터 JPA가 CRUD 기능도 제공한다.
  • 관계형 데이터베이스 사용 시 스프링 데이터 JPA, JPA는 필수임.
  • 스프링 데이터 JPA 는 JPA 를 편리하게 사용해 주는 도구일 뿐이므로 JPA부터 단계적으로 학습하는 걸 권장.

SpringDataJpaMemberRepository (인터페이스)

package hello.hellospring.repository;

import hello.hellospring.domain.Member;
import org.springframework.data.jpa.repository.JpaRepository;

import java.util.Optional;

public interface SpringDataJpaMemberRepository extends JpaRepository<Member, Long>, MemberRepository {

    @Override
    Optional<Member> findByName(String name);
}

SpringConfig

package hello.hellospring;

import hello.hellospring.repository.JdbcMemberRepository;
import hello.hellospring.repository.JdbcTemplateMemberRepository;
import hello.hellospring.repository.JpaMemberRepository;
import hello.hellospring.repository.MemberRepository;
import hello.hellospring.service.MemberService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

import javax.persistence.EntityManager;
import javax.sql.DataSource;

@Configuration
public class SpringConfig {

    /*private final DataSource dataSource;

    @Autowired
    public SpringConfig(DataSource dataSource) {
        this.dataSource = dataSource;
    }*/

    /*private final EntityManager em;

    public SpringConfig(EntityManager em) {
        this.em = em;
    }*/

    private final MemberRepository memberRepository;

    public SpringConfig(MemberRepository memberRepository) {
        this.memberRepository = memberRepository;
    }

    @Bean
    public MemberService memberService() {
        return new MemberService(memberRepository);
    }

/*    @Bean
    public MemberRepository memberRepository() {
        //return new MemoryMemberRepository();
        //return new JdbcMemberRepository(dataSource);
        //return new JdbcTemplateMemberRepository(dataSource);
        return new JpaMemberRepository(em);
    }*/
}

작동 원리

  • 스프링 데이터 JPA가 SpringDataJpaMemberRepository 를 스프링 빈으로 자동 등록.

스프링 데이터 JPA가 제공하는 기능

  • 인터페이스를 통한 기본적인 CRUD 
  • 아래와 같이 메서드 이름 만으로 조회 기능 제공.
findByName()
findByEmail()
등등..
  • 페이징 기능

정리

  • 실무에서 기본적으로 JPA 사용.
  • 동적 쿼리의 경우 Querydsl 라이브러리 사용.
  • 위 조합으로 해결하기 어려운 건 네이티브 쿼리(직접 쿼리 작성하는 것) or JdbcTemplate 사용.
반응형
반응형

# 스프링 DB 접근 기술

## H2 데이터베이스 설치

 

H2 Database Engine (redirect)

H2 Database Engine Welcome to H2, the free SQL database. The main feature of H2 are: It is free to use for everybody, source code is included Written in Java, but also available as native executable JDBC and (partial) ODBC API Embedded and client/server mo

www.h2database.com

  • 아래와 같이 다운로드하여 진행.

H2 데이터 베이스 실행 및 접속

  • 윈도우의 경우 h2 > bin 의 h2.bat 실행 하면 다음과 같은 웹 화면 표시 (실행한 cmd의 경우 종료하면 연결 종료됨)

  • 그리고 최초에 데이터베이스 파일 생성을 위해 JDBC URL 에 아래와 같이 입력 (jdbc:h2:~/test) 후 연결 클릭.

  • 연결이 완료된 후 C:\Users\user 에 test.mv.db 파일 생성되었는지 확인.
  • 이후 접속 시에는 JDBC URL에 아래와 같이 입력(jdbc:h2:tcp://localhost/~/test)하여 접속 진행.

member 테이블 생성

drop table if exists member CASCADE;
create table member
(
 id bigint generated by default as identity,
 name varchar(255),
 primary key (id)
);
  • 아래와 같이 insert 문으로 데이터 입력 후 select 문 사용하여 조회 가능.

  • ddl 문의 경우 아래와 같이 별도의 디렉토리 생성하여 관리하는게 좋음.

## 순수 JDBC

build.gradle

  • build.gradle 에 아래와 같이 jdbc, h2 관련 dependencies 추가
dependencies {
   implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
   implementation 'org.springframework.boot:spring-boot-starter-web'
   implementation 'org.springframework.boot:spring-boot-starter-jdbc'
   runtimeOnly 'com.h2database:h2'
   testImplementation 'org.springframework.boot:spring-boot-starter-test'
}

application.properties

  • application.properties 에 아래와 같이 db 접속정보 설정.
spring.datasource.url=jdbc:h2:tcp://localhost/~/test
spring.datasource.driver-class-name=org.h2.Driver

JdbcMemberRepository 생성

  • 기존에 생성했던 MemoryMemberRepository (인터페이스) 를 구현체로 생성.
package hello.hellospring.repository;

import hello.hellospring.domain.Member;
import org.springframework.jdbc.datasource.DataSourceUtils;

import javax.sql.DataSource;
import java.sql.*;
import java.util.ArrayList;
import java.util.List;
import java.util.Optional;

public class JdbcMemberRepository implements MemberRepository {

    // DB 연결을 위해 필요.
    private final DataSource dataSource;

    public JdbcMemberRepository(DataSource dataSource) {
        this.dataSource = dataSource;
    }

    @Override
    public Member save(Member member) {
        String sql = "insert into member(name) values(?)";

        Connection connection = null;
        PreparedStatement pstmt = null;
        ResultSet resultSet = null;

        try {
            connection = getConnection();
            pstmt = connection.prepareStatement(sql, Statement.RETURN_GENERATED_KEYS);

            pstmt.setString(1, member.getName());   // sql의 ?에 매칭됨.

            pstmt.executeUpdate();  // DB에 쿼리 전송.
            resultSet = pstmt.getGeneratedKeys();

            if (resultSet.next()) {
                member.setId(resultSet.getLong(1));
            } else {
                throw new SQLException("회원 ID 조회 실패.");
            }

            return member;
        } catch (Exception e) {
            throw new IllegalStateException(e);
        } finally {
            close(connection, pstmt, resultSet);
        }
    }

    @Override
    public Optional<Member> findById(Long id) {
        String sql = "select * from member where id = ?";

        Connection connection = null;
        PreparedStatement pstmt = null;
        ResultSet resultSet = null;

        try {
            connection = getConnection();
            pstmt = connection.prepareStatement(sql);

            pstmt.setLong(1, id);   // sql의 ?에 매칭됨.

            resultSet = pstmt.executeQuery();  // DB에 쿼리 전송.

            if (resultSet.next()) {
                Member member = new Member();
                member.setId(resultSet.getLong("id"));
                member.setName(resultSet.getString("name"));
                return Optional.of(member);
            } else {
                return Optional.empty();
            }
        } catch (Exception e) {
            throw new IllegalStateException(e);
        } finally {
            close(connection, pstmt, resultSet);
        }
    }

    @Override
    public List<Member> findAll() {
        String sql = "select * from member";

        Connection connection = null;
        PreparedStatement pstmt = null;
        ResultSet resultSet = null;

        try {
            connection = getConnection();
            pstmt = connection.prepareStatement(sql, Statement.RETURN_GENERATED_KEYS);

            resultSet = pstmt.executeQuery();  // DB에 쿼리 전송.

            List<Member> members = new ArrayList<>();
            while (resultSet.next()) {
                Member member = new Member();
                member.setId(resultSet.getLong("id"));
                member.setName(resultSet.getString("name"));
                members.add(member);
            }
            return members;
        } catch (Exception e) {
            throw new IllegalStateException(e);
        } finally {
            close(connection, pstmt, resultSet);
        }
    }

    @Override
    public Optional<Member> findByName(String name) {
        String sql = "select * from member where name = ?";

        Connection connection = null;
        PreparedStatement pstmt = null;
        ResultSet resultSet = null;
        try {
            connection = getConnection();
            pstmt = connection.prepareStatement(sql);
            pstmt.setString(1, name);
            resultSet = pstmt.executeQuery();
            if(resultSet.next()) {
                Member member = new Member();
                member.setId(resultSet.getLong("id"));
                member.setName(resultSet.getString("name"));
                return Optional.of(member);
            }
            return Optional.empty();
        } catch (Exception e) {
            throw new IllegalStateException(e);
        } finally {
            close(connection, pstmt, resultSet);
        }
    }

    private Connection getConnection() {
        return DataSourceUtils.getConnection(dataSource);
    }

    private void close(Connection connection, PreparedStatement pstmt, ResultSet resultSet) {
        try {
            if (resultSet != null) {
                resultSet.close();
            }
        } catch (SQLException e) {
            e.printStackTrace();
        }
        try {
            if (pstmt != null) {
                pstmt.close();
            }
        } catch (SQLException e) {
            e.printStackTrace();
        }
        try {
            if (connection != null) {
                close(connection);
            }
        } catch (SQLException e) {
            e.printStackTrace();
        }
    }

    private void close(Connection conn) throws SQLException {
        DataSourceUtils.releaseConnection(conn, dataSource);
    }
}

 

SpringConfig 설정 변경

  • 기존에 작업 수행 시 메모리에 저장되도록 Repository 를 MemoryMemberRepository 로 설정 함.
  • 아래와 같이 입력하여 위에서 만든 JdbcMemberRepository 로 변경.
package hello.hellospring;

import hello.hellospring.repository.JdbcMemberRepository;
import hello.hellospring.repository.MemberRepository;
import hello.hellospring.service.MemberService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

import javax.sql.DataSource;

@Configuration
public class SpringConfig {

    private final DataSource dataSource;

    @Autowired
    public SpringConfig(DataSource dataSource) {
        this.dataSource = dataSource;
    }

    @Bean
    public MemberService memberService() {
        return new MemberService(memberRepository());
    }

    @Bean
    public MemberRepository memberRepository() {
        //return new MemoryMemberRepository();
        return new JdbcMemberRepository(dataSource);
    }
}
  • 개방 폐쇄의 원칙(OCP:Open-Closed Principle) : 확장에는 열려있고, 수정, 변경에는 닫혀있다. (위 코드는 개발 폐쇄의 원칙이 지켜진 것.)
  • 스프링의 DI (Dependencied Injection) 활용 시, 위와 같이 기존 소스 코드를 전혀 손대지 않고 설정만으로 구현 클래스 변경이 가능하다.

실행 결과

  • h2 데이터베이스 실행 된 상태에서 서버 재 시작 후 http://localhost:포트번호 입력하여 메인화면 진입.
  • 회원 등록 테스트 진행 후 서버 재 시작하여 다시 확인 시 데이터가 유지되는것을 확인할 수 있다.

# 스프링 통합 테스트

  • 스프링 컨테이너와 DB까지 연결한 통합 테스트 진행.

MemberServiceIntegrationTest

package hello.hellospring.service;

import hello.hellospring.domain.Member;
import hello.hellospring.repository.MemberRepository;
import hello.hellospring.repository.MemoryMemberRepository;
import org.assertj.core.api.Assertions;
import org.junit.jupiter.api.AfterEach;
import org.junit.jupiter.api.BeforeEach;
import org.junit.jupiter.api.Test;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.test.context.SpringBootTest;
import org.springframework.transaction.annotation.Transactional;

import static org.junit.jupiter.api.Assertions.assertThrows;

@SpringBootTest
@Transactional
class MemberServiceIntegrationTest {

    @Autowired MemberService memberService;
    @Autowired MemberRepository memberRepository;

    @Test
    void 회원가입() {
        // given
        Member member = new Member();
        member.setName("hello");

        // when
        Long saveId = memberService.join(member);

        // then
        Member findMember = memberService.findOne(saveId).get();
        Assertions.assertThat(member.getName()).isEqualTo(findMember.getName());
    }

    @Test
    public void 중복_회원_예외() {
        // given
        Member member1 = new Member();
        member1.setName("spring1");
        Member member2 = new Member();
        member2.setName("spring1");

        // when
        memberService.join(member1);
        IllegalStateException e = assertThrows(IllegalStateException.class, () -> memberService.join(member2));
        Assertions.assertThat(e.getMessage()).isEqualTo("이미 존재하는 회원 입니다.");

        // then
    }
}

@SpringBootTest

  • 테스트 케이스에 해당 에노테이션 추가 시, 스프링 컨테이너와 테스트를 함께 실행한다.

@Transactional

  • 테스트 케이스에 해당 에노테이션 추가 시, 테스트 실행 전 트랜잭션을 걸고 시작하고, 테스트 완료 후 항상 ROLLBACK 한다.
  • 롤백으로 인해 DB에 테스트 데이터가 남지 않아서, 테스트로 입력한 데이터에 대한 별도의 delete 로직을 추가하지 않아도 테스트를 반복 실행 할 수 있다.
  • 테스트 케이스에 붙었을 때만 항상 롤백하도록 동작 함.

## 스프링 JdbcTemplate (실무에서 많이 사용됨)

  • 순수 Jdbc 와 동일한 환경설정을 하면 된다.
  • 스프링 JdbcTemplate과 MyBatis 같은 라이브러리는 JDBC API에서 본 반복적인 코드(중복)를 대부분 제거해준다. 하지만, SQL은 직접 작성해야 한다.

JdbcTemplateMemberRepository

  • 생성자가 1개만 존재하는 경우 @Autowired 생략 가능.
package hello.hellospring.repository;

import hello.hellospring.domain.Member;
import org.springframework.jdbc.core.JdbcTemplate;
import org.springframework.jdbc.core.RowMapper;
import org.springframework.jdbc.core.namedparam.MapSqlParameterSource;
import org.springframework.jdbc.core.simple.SimpleJdbcInsert;

import javax.sql.DataSource;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import java.util.Optional;

public class JdbcTemplateMemberRepository implements MemberRepository {

    private final JdbcTemplate jdbcTemplate;

    public JdbcTemplateMemberRepository(DataSource dataSource) {
        jdbcTemplate = new JdbcTemplate(dataSource);
    }

    @Override
    public Member save(Member member) {
        // 아래와 같이 SimpleJdbcInsert 사용 시 쿼리 짤 필요없이 테이블명, key명 입력하여 자동으로 진행.
        SimpleJdbcInsert jdbcInsert = new SimpleJdbcInsert(jdbcTemplate);
        jdbcInsert.withTableName("member").usingGeneratedKeyColumns("id");

        Map<String, Object> parameters = new HashMap<>();
        parameters.put("name", member.getName());

        Number key = jdbcInsert.executeAndReturnKey(new MapSqlParameterSource(parameters));
        member.setId(key.longValue());
        return member;
    }

    @Override
    public Optional<Member> findById(Long id) {
        List<Member> result = jdbcTemplate.query("select * from member where id = ?", memberRowMapper(), id);
        return result.stream().findAny();
    }

    @Override
    public Optional<Member> findByName(String name) {
        List<Member> result = jdbcTemplate.query("select * from member where name = ?", memberRowMapper(), name);
        return result.stream().findAny();
    }

    @Override
    public List<Member> findAll() {
        return jdbcTemplate.query("select * from member", memberRowMapper());
    }

    private RowMapper<Member> memberRowMapper() {
        return (rs, rowNum) -> {
            Member member = new Member();
            member.setId(rs.getLong("id"));
            member.setName(rs.getString("name"));
            return member;
        };
    }
}

SpringConfig 설정

package hello.hellospring;

import hello.hellospring.repository.JdbcMemberRepository;
import hello.hellospring.repository.JdbcTemplateMemberRepository;
import hello.hellospring.repository.MemberRepository;
import hello.hellospring.service.MemberService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

import javax.sql.DataSource;

@Configuration
public class SpringConfig {

    private final DataSource dataSource;

    @Autowired
    public SpringConfig(DataSource dataSource) {
        this.dataSource = dataSource;
    }

    @Bean
    public MemberService memberService() {
        return new MemberService(memberRepository());
    }

    @Bean
    public MemberRepository memberRepository() {
        //return new MemoryMemberRepository();
        //return new JdbcMemberRepository(dataSource);
        return new JdbcTemplateMemberRepository(dataSource);
    }
}
반응형
반응형

# 웹 MVC 개발(회원 관리 예제)

  • 기존에 학습한 소스를 바탕으로 홈 화면 추가, 등록, 조회 관련 기능 작업 진행.

## 회원 웹 기능_홈 화면 추가

  • 메인 홈 화면 추가.
  • 기존에 index.html 이 존재하는데 home.html 페이지가 호출 되는 이유 : 웹브라우저에서 요청 시 스프링 컨테이너에서 관련 컨트롤러 존재유무 확인하여 있으면 해당하는것 호출, 없으면 static으로 가서 index.html 호출. 

HomeController

package hello.hellospring.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class HomeController {

    @GetMapping("/")
    public String home() {
        return "home";
    }
}

home.html

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<body>

<div class="container">
    <div>
        <h1>환영합니다.</h1>
        <p>회원 기능</p>
        <p>
            <a href="/members/new">회원 등록</a>
            <a href="/members">회원 목록</a>
        </p>
    </div>
</div>

</body>
</html>

실행 결과

  • 실행 후 localhost:포트번호 입력하면 아래와 같이 확인 가능.

## 회원 웹 기능_등록

  • 회원 등록 클릭 시 회원 등록 폼으로 이동되도록 작업.

MemberController

package hello.hellospring.controller;

import hello.hellospring.domain.Member;
import hello.hellospring.service.MemberService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;

@Controller
public class MemberController {

    private final MemberService memberService;

    @Autowired
    public MemberController(MemberService memberService) {
        this.memberService = memberService;
    }

    @GetMapping("/members/new")
    public String createForm() {
        return "members/createMemberForm";
    }

    @PostMapping("/members/new")
    public String create(MemberForm form) {
        Member member = new Member();
        member.setName(form.getName());

        memberService.join(member);

        return "redirect:/";    // 가입 완료 후 홈 화면으로 이동.
    }
}

createMemberFrom.html

  • input 태그의 name="name" 이 서버로 넘어갈 때 키가 된다.
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<body>

<div class="container">
    <form action="/members/new" method="post">
        <div>
            <label for="name">이름</label>
            <input type="text" id="name" name="name" placeholder="이름을 입력해주세요.">
        </div>
        <button type="submit">등록</button>
    </form>
</div>

</body>
</html>

MemberFrom

package hello.hellospring.controller;

public class MemberForm {

    private String name;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }
}

실행결과

  • 실행 후 localhost:포트번호 입력.
  • 홈 화면에서 등록 버튼 클릭 시 GET 방식으로 getMapping 에 의해 members/createMemberForm 호출하여 회원 등록 폼으로 이동.

  • 회원 등록 폼에서 이름 입력 후 등록 버튼 클릭 시 POST 방식으로 postMapping에 의해 MemberController의 create 메서드 호출하여 회원가입 진행 후 리 다이렉트 진행. (홈 화면으로 이동 되도록 함)

## 회원 웹 기능_조회

MemberController

package hello.hellospring.controller;

import hello.hellospring.domain.Member;
import hello.hellospring.service.MemberService;
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 java.util.List;

@Controller
public class MemberController {

    private final MemberService memberService;

    @Autowired
    public MemberController(MemberService memberService) {
        this.memberService = memberService;
    }

    @GetMapping("/members/new")
    public String createForm() {
        return "members/createMemberForm";
    }

    @PostMapping("/members/new")
    public String create(MemberForm form) {
        Member member = new Member();
        member.setName(form.getName());

        memberService.join(member);

        return "redirect:/";    // 가입 완료 후 홈 화면으로 이동.
    }

    @GetMapping("/members")
    public String list(Model model) {
        List<Member> members = memberService.findMembers();
        model.addAttribute("members", members);
        return "members/memberList";
    }
}

members.html

  • thymeleaf 템플릿 엔진 본격적으로 사용. members 랜더링, th:each="member : ${members}" 이용하여 loop 돌려서 회원 목록 출력. 
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<body>

<div class="container">
    <div>
        <table>
            <thead>
                <tr>
                    <th>#</th>
                    <th>이름</th>
                </tr>
            </thead>
            <tbody>
                <tr th:each="member : ${members}">
                    <td th:text="${member.id}"></td>
                    <td th:text="${member.name}"></td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

</body>
</html>

실행 결과

  • 등록 완료 후 회원 목록 클릭 시 GET 방식으로 getMapping 에 의해 members/memberList 호출하여 회원 목록 화면으로 이동
  • 이때 로직에서 회원 list를 model 에 members 로 담아서 html에서 thymeleaf 템플릿 엔진에 의해 랜더링되어 members 를 보여줌.

  • 참고로 현재는 회원 등록 시 메모리에 내역을 저장하여 서버를 재 시작 하게되면 내역이 유지 되지 않는다.
반응형

+ Recent posts