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

728x90

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

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

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

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

www.inflearn.com

1. JSP 라이브러리 추가

JSP를 사용하려면 먼저 라이브러리를 추가해야 한다.

*build.gradle에 추가*

스프링부트 3.0 미만

implementation 'org.apache.tomcat.embed:tomcat-embed-jasper'
implementation 'javax.servlet:jstl'

스프링부트 3.0 이상

implementation 'org.apache.tomcat.embed:tomcat-embed-jasper'
implementation 'jakarta.servlet:jakarta.servlet-api' //스프링부트 3.0 이상
implementation 'jakarta.servlet.jsp.jstl:jakarta.servlet.jsp.jstl-api' //스프링부트 3.0 이상
implementation 'org.glassfish.web:jakarta.servlet.jsp.jstl' //스프링부트 3.0 이상

2. JSP로 회원 관리 웹 어플리케이션 만들기

회원 등록 폼

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
 <title>Title</title>
</head>
<body>
<form action="/jsp/members/save.jsp" method="post">
 username: <input type="text" name="username" />
 age: <input type="text" name="age" />
 <button type="submit">전송</button>
</form>
</body>
</html>

- 첫 줄은 JSP 문서라는 뜻이다. JSP문서를 이렇게 시작해야 한다.

- 첫 줄을 제외하고는 완전히 HTML과 똑같다. JSP는 서버 내부에서 서블릿으로 변환된다.

회원 저장

<%@ page import="hello.servlet.domain.member.MemberRepository" %>
<%@ page import="hello.servlet.domain.member.Member" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
 MemberRepository memberRepository = MemberRepository.getInstance();

 String username = request.getParameter("username");
 int age = Integer.parseInt(request.getParameter("age"));
 Member member = new Member(username, age);
 
 memberRepository.save(member);
%>
<html>
<head>
 <meta charset="UTF-8">
</head>
<body>
성공
<ul>
 <li>id=<%=member.getId()%></li>
 <li>username=<%=member.getUsername()%></li>
 <li>age=<%=member.getAge()%></li>
</ul>
<a href="/index.html">메인</a>
</body>
</html>

- JSP는 자바 코드를 그대로 다 사용할 수 있다.

- <%@ page import = "~~"> : java의 import문과 같다

- <% ~ %> : java의 코드를 입력할 수 있다

- <%= ~ %> : java의 코드를 출력할 수 있다

회원 목록 출력

<%@ page import="java.util.List" %>
<%@ page import="hello.servlet.domain.member.MemberRepository" %>
<%@ page import="hello.servlet.domain.member.Member" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
 MemberRepository memberRepository = MemberRepository.getInstance();
 List<Member> members = memberRepository.findAll();
%>
<html>
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>
<a href="/index.html">메인</a>
<table>
 <thead>
 <th>id</th>
 <th>username</th>
 <th>age</th>
 </thead>
 <tbody>
<%
 for (Member member : members) {
 out.write(" <tr>");
 out.write(" <td>" + member.getId() + "</td>");
 out.write(" <td>" + member.getUsername() + "</td>");
 out.write(" <td>" + member.getAge() + "</td>");
 out.write(" </tr>");
 }
%>
 </tbody>
</table>
</body>
</html>

*서블릿과 JSP의 한계

: 서블릿으로 개발할 때는 뷰 화면을 위한 HTML을 만드는 작업이 자바 코드에 섞여 지저분하고 복잡했다.

JSP를 사용한 덕분에 뷰를 생성하는 HTML 작업을 깔끔하게 가져가고 동적으로 변경이 필요한 부분에만 자바 코드를

적용했다.

하지만 코드를 잘 보면 Java코드, 데이터를 조회하는 리포지토리 등등 다양한 코드가 모두 JSP에 노출되어 있다.

JSP가 너무 많은 역할을 하는 것이다. 이렇게 수 백, 수 천줄이 넘어가는 JSP를 떠올려보면 지옥과 같다(....휴)

다음시간에는 MVC 패턴을 적용해서 프로젝트를 리팩토링 해보자!

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

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

[인프런 - 스프링 MVC 1편] 프론트 컨트롤러 도입 - v1 (0)	2024.06.12
[인프런 - 스프링 MVC 1편] MVC로 회원 관리 웹 어플리케이션 만들기 (0)	2024.05.25
[인프런 - 스프링 MVC 1편] 서블릿으로 회원 관리 웹 어플리케이션 만들기 (0)	2024.05.20
[인프런 - 스프링 MVC 1편] HTTP 응답 데이터 - HTML, JSON (0)	2024.05.18
[인프런 - 스프링 MVC 1편] HttpServletResponse 기본 사용법 (0)	2024.05.18

YeonBu's Archive 💜

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

1. JSP 라이브러리 추가

2. JSP로 회원 관리 웹 어플리케이션 만들기

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

티스토리툴바

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

1. JSP 라이브러리 추가

2. JSP로 회원 관리 웹 어플리케이션 만들기

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

관련글

티스토리툴바