StudyRepository
article thumbnail
728x90

 

 

 

이번시간에는 회원 웹 기능 - 조회 를 만들어보겠습니다.

 

 

 

MemberController에 다음 코드를 넣어주겠습니다.

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

    return "members/memberList";

}

 

 

 

그리고 members에 memberList를 만든 후 다음 html코드를 넣어줍니다.

<!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> <!-- /container -->
</body>
</html>

 

 

이름을 등록하고 조회해보면 다음과 같이 잘 출력됩니다.

 

 

<tr th:each="member : ${members}">
  <td th:text="${member.id}"></td>
  <td th:text="${member.name}"></td>
</tr>

이 코드가 중요합니다.

 

${members}는 모델(controller) 안에 있는 값을 꺼내는 것입니다.

 

th:each는 타임리프 문법으로 for문과 비슷하다고 보시면 됩니다.

 

 

package hello.hellospring.domain;

public class Member {

    private Long id;
    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;
    }
}


 

 

위 코드 기억 나시나요? 자바의 getter setter접근방식으로

member.id와 member.name이 각각 getId, getName에 접근하여 값을 가져오게 됩니다.

 

 

하지만 코드를 다시 실행시켜보면

 

다음과 같이 데이터가 모두 지워지게 됩니다.

 

그래서 우리는 값들을 데이터베이스에 저장해줘야합니다.

 

 

다음시간은 데이터베이스를 활용하는 방법을 배워보겠습니다.

728x90
profile

StudyRepository

@Minseo26262

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!