I T H

관리자용 페이지중에서 사용자 데이터를 관리하는 페이지를 만들려고 한다. 먼저 db에 저장되있는 사용자 데이터들을 조회해 오고, 조회해온 데이터를 수정, 삭제하는 기능과 사용자를 등록하는 기능까지 구현할 것이다. 사용 라이브러리는 mui/x-data grid 를 사용해서 테이블을 구현했고, row를 클릭할 경우 modal 이 뜨게 할 것이다. modal 라이브러리는 mui/material의 modal을 사용했다. Frontend - 구현에 들어가기 앞서, 필요한 라이브러리( mui )를 먼저 다운로드 받아준다. https://mui.com/material-ui/getting-started/installation/ Installation - Material UI Install Material UI, the ..

이번 챕터에서는 그리드 API를 이용하여 사용자 리스트를 조회하고 관리하는 관리자 페이지를 구현하고자 한다. 진행하기 전에 메인 페이지의 메뉴 구성을 변경해보자. 결과 화면을 먼저 확인하면 아래와 같이 로그인을 하지 않은 경우의 메뉴 구성과 관리자 계정으로 로그인한 경우의 메뉴 구성을 확인할 수 있다. 메뉴 구성을 동적으로 변경하여 주기 위해서 다양한 방법이 있겠지만 2가지 방법에 대해서 사용해보고자 한다. 두 방법 모두 별도의 라이브러리를 주입해주어야 사용이 가능하다 1. JSTL 태그를 이용한 세션 정보 확인을 통한 메뉴 show/hidden 처리 javax.servlet jstl ${javax.servlet.jsp.jstl-version} 2. 스프링 시큐리티 태그를 이용한 메뉴 show/hidde..