회원 웹 기능 - 조회하기

이제 회원 웹 기능 중 조회할 수 있는 기능을 만들어보자.

홈 화면에서 회원 목록 버튼을 누르면 "/members" URL 로 넘어가게 해주었고, 이 URL로 넘어가면 지금까지 등록한 회원들을 창에 띄워줘야 한다.

 

 

전에 만들어주었던 MemberController 클래스에 위와 같은 코드를 작성해준다.

 

먼저 MeberService 클래스의 findMembers 메소드를 활용하여 members에 현재 store에 담겨있는 Member 객체들을 배열의 형태로 저장해준다.

그 이후 Model에 Member 객체 배열을 담아서 members 폴더에 있는 memberList.html 파일을 띄워주게 하는 코드이다.

 

 

 

위와 같이 main -> resources -> templates -> members 로 가서 memberList.html 파일을 만들어주자.

 

 

memberList.html 파일에 위와 같은 코드를 작성해준다.

model에 넣어준 members를 가져온 후, 각각의 객체의 id와 name을 차례대로 보여주는 코드이다.

 

서버를 다시 시작해주고 회원 등록을 여러개 해준 뒤 회원 목록을 클릭해보면

 

 

위와 같이 등록해준 회원이 모두 나타나는 것을 확인할 수 있다!!

 

하지만 우리는 현재 회원을 메모리에 저장하고 있기 때문에 서버를 재시작하면 위의 데이터는 모두 날라가게 된다. 이제 데이터베이스를 이용하여 이를 고쳐야 할 차례이다!