데이터 목록 조회
요번 시간에는 데이터 목록을 조회하는 연습을 한다.
모든 데이터 가져오기
@GetMapping("/articles")
- /articles라는 주소를 입력 받으면 나오게 하는 매핑 어노테이션이다.
List<Article> articleEntityList = articleRepository.findAll();
- CrudRepository에 있는 findAll 메서드를 통해 모든 Article을 가져온다.
- Repository는 반환값이 List가 아니라 Iterable이므로 Repository 클래스에서 ArrayList로 반환하는 오버라이딩 해준다.
모델에 데이터 등록
articleEntityList로 받아온 데이터를 모델화 시킨다.
Model model
- 모델 객체를 이용하기 위해 파라미터에 모델 변수를 넣어준다.
model.addAtribute("articleList", articleEntityList);
- model에 articleEntityList 데이터들을 등록한다.
뷰 페이지 설정
return "articles/index";
- 뷰 페이지를 articles폴더의 index.mustache로 설정한다.
(뷰페이지 생성은 생략)
실행 결과
localhost:8080/articles/new 페이지에서 입력한 4개의 데이터들이 localhost:8080/articles 페이지에 목록으로 조회가 된 것을 확인 할 수 있다.
mustache 문법
목록이 나오는 이유
articleList가 여러 데이터의 묶음이게 되면,
{{#articleList}} ... {{/articleList}} 안의 데이터가 반복문 처럼 데이터가 들어간다.
해당 변수가 데이터의 묶음 이면 안쪽의 데이터를 반복시켜준다.
References (참고 자료)
https://www.inflearn.com/course/%EA%B0%9C%EB%85%90%EC%8B%A4%EC%8A%B5-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8-%EC%9E%85%EB%AC%B8
개발자가 되는 그날까지