로그인 페이지에서만 푸터와 헤더 숨기는 방법

컴포넌트 내부를 봐야될것같네요

저 같은 경우에는 최상위 단에서 route를 구별하여, 라우터가 로그인을 바라볼 경우엔 로그인 페이지를 렌더링하고, 그 외의 라우터에서는 헤더와 푸터와 페이지를 grid를 적용한 후에 렌더링 되게 구현해놓았습니다.

로그인 페이지에서만 푸터와 헤더를 안보이게 하려면 몇 가지 방법이 있습니다. 1. 조건부 렌더링: 로그인 페이지에서만 푸터와 헤더를 렌더링하지 않도록 조건부 렌더링을 사용할 수 있습니다. 예를 들어, 로그인 상태를 저장하는 state나 props가 있다면 해당 값에 따라 푸터와 헤더를 렌더링하거나 숨길 수 있습니다. 2. 라우터 설정: 로그인 페이지와 다른 페이지를 구분하기 위해 라우터 설정을 사용할 수 있습니다. 로그인 페이지와 다른 페이지를 구분하는 라우터를 만들어서, 해당 라우터에서는 푸터와 헤더를 숨기고 다른 라우터에서는 푸터와 헤더를 보이게 설정할 수 있습니다. 3. 스타일링: CSS를 사용하여 푸터와 헤더를 로그인 페이지에서만 숨길 수 있습니다. 로그인 페이지에 대한 고유한 클래스나 ID를 만들어서 해당 클래스나 ID에 대한 CSS를 작성하여 푸터와 헤더를 숨기거나 보이게 할 수 있습니다. 위와 같은 방법 중 하나를 선택해서 구현하면 됩니다. 각각의 방법에 대한 자세한 내용은 React 문서나 React 라우팅 라이브러리 문서 등에서 참고하시면 도움이 될 것입니다.