프론트에서 보여줄 navMenu를 로그인시점에 백엔드가 동적으로 보내주기

Question

프론트엔드는 리액트, 백엔드는 스프링부트로 구축을 하려고 합니다.사용자가 로그인을 요청하고 백엔드에서 확인하고 엑세스토큰을 발급하는 동시에 response body 값으로 접근 가능한 메뉴 데이터를 보내주려고 합니다.따라서 프론트에서는 백엔드가 보내주는 데이터에 기반해서 화면 및 라우팅을 정의하려고 생각합니다. 그런데 새로운 메뉴를 추가하게 될 때가 조금 고민입니다 .만약 전체 10개의 메뉴가 존재하는 상황이라고 가정하겠습니다. 이때 관리자가 개발 서버에서 새로운 메뉴 1개를 추가하려고 하는데, 화면에 대한 소스코드는 리액트 프로젝트에서 작성은 하되 DB 테이블에도 업데이트를 해줘야 하느 상황입니다. 즉, DB Table에서는 11개의 행이 나오게 되어야 하는것이죠.프론트에서 화면 경로에 대한 라우팅을 정적으로 정의해두는게 아니라 백엔드에서 주는 데이터를 통해서 어떤 컴포넌트를 렌더링할지 정의해줘야 하겠더라고요.그렇게 하려면 DB 테이블 컬럼 정보에 리액트 컴포넌트 파일의 소스코드 경로를 넣어야 할지.. 혹은 컴포넌트명을 넣을지 고민입니다.현재 시스템 상 메뉴 추가라는 기능이 관리자로 접속하면 가능합니다만 결국 화면 소스는 리액트 프로젝트에서 작성하고, 정작 메뉴는 화면에 접속해서 추가를 하는 구조더라구요.따라서, 애초에 구조 자체가 조금 모순인지 헷갈리네요 .. 관리자가 메뉴에 대한 접근 관리를 분명 하는 사이트들도 많을것이라 생각이 들어서 참고를 해보고 싶은데 아직 찾지를 못했습니다 ㅜ프로젝트를 해보시면서 이와 비슷한 고민을 해보신 분들은 어떻게 구조를 설계해서 해결하셨는지 궁금합니다 !많은 가르침 부탁드립니다.요약화면에 대한 소스코드는 프론트에서 관리하지만 메뉴에 대한 접근 권한은 DB에서 관리가 되어진다.DB에서 관리되는 이유는 관리자가 화면에 접속하여 특정 메뉴에 대한 접근 권한을 수정 가능하게끔 해야해서 그렇다.프론트에서 라우팅에 대한 정보를 미리 정적으로 가지고 있을지, 혹은 로그인 후에 받아오는 데이터에 따라 동적으로 구성하게 할지

몰랑토끼 · Answer

a b c 메뉴가 있고, 가, 나 유저가 있을때. 가는 관리자로 a b c 다 접근가능. 나는 a b 만 접근가능. 가가 관리자만 접근가능한 d 메뉴를 만들었을때 라는 문제인거죠? 관리자가 데이터를 만들때. 메뉴명, url 명만 있으면 되고, 그 경로에 맞는 컴포넌트는 미리 프론트에서 코드적으로 생성이 되어있어야되요. 만약 미리 작성된 A B C 페이지가 있다면 관리자가 생성할때 메뉴명-A페이지, url-/Apage, 보여줄페이지 선택-A페이지 라고 한다면 추가 버튼을 눌렀을때 저장이 되면 다시 가져오게 하고, 다시 가져올때 json에는 {... viewPage: 'APage' 라고라면 되어있다면, 그거 렌더 시키면되죠}

캐티 · Answer

고전적인 cms들은 데이터베이스에서 메뉴를 조회하고 보여주어요. 일반적으로 좋은 방법이고, 프론트엔드 서버를 분산하였을 때 외부 백엔드 서버를 사용하여 간단하게 동기화를 할 수 있어요.이렇다 하더라도 데이터베이스 조회는 많아지면 무거운 작업에 속해요. 물론 백엔드도 프론트 서버를 두고 캐싱을 하거나 분산된 프론트엔드 서버마다 캐싱을 할 수도 있어요.구현하는 방법에는 정답이 없어요. 클라우드 플레어에 에지 서버를 사용하면 좋아요. 대기업에서 제공하는 서비스에서 캐싱되는 것이므로 내 컴퓨터 파워가 덜 필요하게 되어요. 이렇지만 이케하면 동적 컨텐츠의 작동을 할 수 없게 되겠쩌. 동적 컨텐츠가 만능이 아니어서 말이어요.

프론트에서 보여줄 navMenu를 로그인시점에 백엔드가 동적으로 보내주기

2개의 답변

Q&A 목록