페이지별 권한 확인 및 거부

페이지별 권한 확인 및 거부

...
    const [userRole, setUserRole] = useState(null);

    useEffect(() => {
        // JWT에서 사용자 역할 확인
        const token = localStorage.getItem('token');
        if (token) {
            const payload = JSON.parse(atob(token.split('.')[1]));
            setUserRole(payload.role);
        }
    }, []);

    // 사용자 역할이 master가 아닌 경우 접근 거부 메시지 렌더링
    if (userRole !== 'master') {
      return (
          <Container fluid className="d-flex align-items-center justify-content-center" style={{ height: '100vh' }}>
              <Row>
                  <Col className="text-center">
                      <h3>접근 거부</h3>
                      <p>이 페이지는 시스템 관리자만 접근할 수 있습니다.</p>
                  </Col>
              </Row>
          </Container>
      );
    }
    
...