[인프런 - 스프링 MVC 1편] 서블릿으로 회원 관리 웹 어플리케이션 만들기

728x90

/* 이 글은 김영한님의 강의를 보고 정리하려고 작성한 글입니다.

개인적인 공부를 위해 올리는 글이므로 중간 중간 코드는 생략되었습니다. */

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 | 김영한 - 인프런

김영한 | 웹 애플리케이션을 개발할 때 필요한 모든 웹 기술을 기초부터 이해하고, 완성할 수 있습니다. 스프링 MVC의 핵심 원리와 구조를 이해하고, 더 깊이있는 백엔드 개발자로 성장할 수 있습

www.inflearn.com

1. 요구사항 정리

회원 정보 : 이름(username), 나이(age)

기능 요구사항 : 회원 저장, 회원 목록 조회

회원 도메인 모델

@Getter @Setter
public class Member {

    private Long id;
    private String username;
    private int age;

    public Member() {

    }

    public Member(String username, int age) {
        this.username = username;
        this.age = age;
    }
}

- id는 Member를 회원 저장소에 저장하면 회원 저장소가 할당해준다

회원 저장소

public class MemberRepository {

    private Map<Long, Member> store = new HashMap<>();
    private static long sequence = 0L;

    private static final MemberRepository instance = new MemberRepository();

    public static MemberRepository getInstance(){
        return instance;
    }

    private MemberRepository(){
    }

    public Member save(Member member){
        member.setId(++sequence);
        store.put(member.getId(), member);
        return member;
    }

    public Member findById(Long id){
        return store.get(id);
    }

    public List<Member> findAll() {
        return new ArrayList<>(store.values());
    }

    public void clearStore(){
        store.clear();
    }
}

- 동시성 문제가 고려되어 있지 않은 코드로 실무에서는 ConcurrentHashMap, AtomicLong 사용 고려

- instance는 MemberRepository 클래스의 유일한 인스턴스를 저장하는 변수로 static과 final로 선언되어

클래스 로드 시 딱 한 번 초기화되고 변경할 수 없음. 이 변수를 통해 Singleton 패턴이 구현됨

- getInstance 메서드를 통해 클래스 외부에서 MemberRepository에 접근할 수 있음

- MemberRepository 생성자를 private로 선언하여 외부에서 인스턴스를 생성할 수 없도록 함

회원 저장소 테스트

class MemberRepositoryTest {

    MemberRepository memberRepository = MemberRepository.getInstance();

    @AfterEach
    void afterEach() {
        memberRepository.clearStore();
    }

    @Test
    void save() {
        // Given
        Member member = new Member("kim", 20);

        // When
        Member savedMember = memberRepository.save(member);

        //Then
        Member findMember = memberRepository.findById(savedMember.getId());
        assertThat(findMember);
    }


    @Test
    void findAll() {
        // Given
        Member member1 = new Member("member1", 20);
        Member member2 = new Member("member2", 25);

        memberRepository.save(member1);
        memberRepository.save(member2);

        // When
        List<Member> result = memberRepository.findAll();

        // Then
        assertThat(result.size()).isEqualTo(2);
        assertThat(result).contains(member1, member2);
    }

}

2. 서블릿으로 회원관리 웹 애플리케이션 만들기

회원 등록 폼

@WebServlet(name = "memberFormServlet", urlPatterns = "/servlet/member/new-form")
public class MemberFormServlet extends HttpServlet {

    private MemberRepository memberRepository = MemberRepository.getInstance();

    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        response.setContentType("text/html");
        response.setCharacterEncoding("utf-8");

        PrintWriter w = response.getWriter();
        w.write("<!DOCTYPE html>\n" +
                "<html>\n" +
                "<head>\n" +
                " <meta charset=\"UTF-8\">\n" +
                " <title>Title</title>\n" +
                "</head>\n" +
                "<body>\n" +
                "<form action=\"/servlet/members/save\" method=\"post\">\n" +
                " username: <input type=\"text\" name=\"username\" />\n" +
                " age: <input type=\"text\" name=\"age\" />\n" +
                " <button type=\"submit\">전송</button>\n" +
                "</form>\n" +
                "</body>\n" +
                "</html>\n");
    }
    
}

회원 저장

@WebServlet(name="memberSaveServlet", urlPatterns = "/servlet/members/save")
public class MemberSaveServlet extends HttpServlet {

    private MemberRepository memberRepository = MemberRepository.getInstance();

    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        System.out.println("MemberSaveServlet.service");
        String username = request.getParameter("username");
        int age = Integer.parseInt(request.getParameter("age"));

        Member member = new Member(username, age);
        memberRepository.save(member);

        response.setContentType("text/html");
        response.setCharacterEncoding("utf-8");

        PrintWriter w = response.getWriter();
        w.write("<html>\n" +
                "<head>\n" +
                " <meta charset=\"UTF-8\">\n" +
                "</head>\n" +
                "<body>\n" +
                "성공\n" +
                "<ul>\n" +
                " <li>id="+member.getId()+"</li>\n" +
                " <li>username="+member.getUsername()+"</li>\n" +
                " <li>age="+member.getAge()+"</li>\n" +
                "</ul>\n" +
                "<a href=\"/index.html\">메인</a>\n" +
                "</body>\n" +
                "</html>");
    }
    
}

- MemberSaveServlet의 동작순서는

1. 파라미터를 조회해서 Member 객체를 만든다

2. Member 객체를 MemberRepository를 통해 저장한다

3. Member 객체를 사용해서 결과 화면용 HTML을 동적으로 만들어 응답한다.

회원 목록 조회

@WebServlet(name = "memberListServlet", urlPatterns = "/servlet/members")
public class MemberListServlet extends HttpServlet {

    private MemberRepository memberRepository = MemberRepository.getInstance();

    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        List<Member> members = memberRepository.findAll();

        response.setContentType("text/html");
        response.setCharacterEncoding("utf-8");

        PrintWriter w = response.getWriter();
        w.write("<html>");
        w.write("<head>");
        w.write(" <meta charset=\"UTF-8\">");
        w.write(" <title>Title</title>");
        w.write("</head>");
        w.write("<body>");
        w.write("<a href=\"/index.html\">메인</a>");
        w.write("<table>");
        w.write(" <thead>");
        w.write(" <th>id</th>");
        w.write(" <th>username</th>");
        w.write(" <th>age</th>");
        w.write(" </thead>");
        w.write(" <tbody>");
        for (Member member : members) {
            w.write(" <tr>");
            w.write(" <td>" + member.getId() + "</td>");
            w.write(" <td>" + member.getUsername() + "</td>");
            w.write(" <td>" + member.getAge() + "</td>");
            w.write(" </tr>");
        }
        w.write(" </tbody>");
        w.write("</table>");
        w.write("</body>");
        w.write("</html>");

    }
}

* 지금까지 서블릿과 자바 코드만으로 HTML을 만들어 보았다. 하지만 코드에서 보듯 이것은 매우 복잡하고 비효율 적인

코드이다. 자바 코드로 HTML을 만들어 내는 것 보다 HTML 문서에 동적으로 변경해야 하는 부분만 자바 코드를 넣을 수

있다면 더 편리할 것이다.

다음 시간에는 JSP로 동일한 작업을 진행해보자.

저작자표시 비영리 변경금지

'IT > Spring' 카테고리의 다른 글

[인프런 - 스프링 MVC 1편] MVC로 회원 관리 웹 어플리케이션 만들기 (0)	2024.05.25
[인프런 - 스프링 MVC 1편] JSP로 회원 관리 웹 어플리케이션 만들기 (0)	2024.05.20
[인프런 - 스프링 MVC 1편] HTTP 응답 데이터 - HTML, JSON (0)	2024.05.18
[인프런 - 스프링 MVC 1편] HttpServletResponse 기본 사용법 (0)	2024.05.18
[인프런 - 스프링 MVC 1편] HTTP 요청 데이터 (0)	2024.05.15

YeonBu's Archive 💜

[인프런 - 스프링 MVC 1편] 서블릿으로 회원 관리 웹 어플리케이션 만들기

1. 요구사항 정리

2. 서블릿으로 회원관리 웹 애플리케이션 만들기

'IT > Spring' 카테고리의 다른 글

티스토리툴바

[인프런 - 스프링 MVC 1편] 서블릿으로 회원 관리 웹 어플리케이션 만들기

1. 요구사항 정리

2. 서블릿으로 회원관리 웹 애플리케이션 만들기

'IT > Spring' 카테고리의 다른 글

관련글

티스토리툴바