# 회원 관리 예제 - MVC
## 홈 화면 추가
```java
@Controller
public class HomeController {
@GetMapping("/")
public String home() {
return "home";
}
}
```
```markup
```
원래 아무것도 없으면 `index.html` 을 불러오게 되어있는데 이걸 실행하면 `home.html` 이 불러와진다.
톰캣이 요청을 받았을 때 스프링 컨테이너에 우선 던지고 없으면 정적 파일을 볼러오기 때문에, 컨트롤러에서 먼저 받아서 `home.html` 로 이동하는 것이다.
## 회원 등록
```java
@Controller
public class HomeController {
@GetMapping("/")
public String home(){
return "home";
}
@GetMapping("/members/new")
public String createForm() {
return "members/createMemberForm";
}
}
```
```markup
```
`home.html` 에서 `회원 가입` 을 누르면 `/members/new` 로 이동하므로 이 경로를 받아줄 컨트롤러와 뷰를 만든다.
{% tabs %}
{% tab title="createMemberForm" %}
```markup
...
// 등록 버튼을 누르면 post 방식으로 /members/new에 데이터를 전송한다.
...
```
{% endtab %}
{% endtabs %}
회원 가입을 누르면 그냥 `/members/new` 이라는 URL로 이동하는데, 이게 곧 GET 방식이므로 GET으로 매핑된 `createForm` 컨트롤러로 가서 `members/createMemberForm` 에 있는 form을 출력한다.
{% tabs %}
{% tab title="MemberController" %}
```java
@Controller
public class MemberController {
private final MemberService memberService;
@Autowired
public MemberController(MemberService memberService) {
this.memberService = memberService;
}
@PostMapping("/members/new")
public String create(MemberForm form) {
Member member = new Member();
member.setName(form.getName());
memberService.join(member);
// member를 생성한 뒤에는 홈으로 redirect 한다.
return "redirect:/";
}
}
```
{% endtab %}
{% tab title="MemberForm" %}
```java
public class MemberForm {
private String name;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}
```
{% endtab %}
{% endtabs %}
`MemberController`에 이 요청을 받을 PostMapping 컨트롤러를 만든다. 그럼 스프링은 `MemberForm`에서 키로 내려온 `name`을 `setName`으로 세팅해준다. 이제 우리는 `getName`으로 데이터를 불러올 수 있다.
## 조회
```java
@Controller
public class MemberController {
...
@GetMapping("/members")
public String list(Model model) {
List members = memberService.findMembers();
// 템플릿에서 members 라는 이름으로 꺼낼 수 있다.
model.addAttribute("members", members);
return "members/memberList";
}
}
```
```markup
```
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://dodeon.gitbook.io/study/kimyounghan-spring-introduction/05-example-web-mvc.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.