CSS 스크롤바 없애기

알림페이지나 게시판 등등 스크롤 할 페이지를 만들 때 스크롤을 넣고 싶으면

overflow-y: scroll;

스크롤바를 없애주고 싶다면

&::-webkit-scrollbar { 
    display: none;
  }

내가 잡은 전체 레이아웃 스타일

const AppLayout = styled.main`
  height: 100vh;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  max-width: 1024px;
  min-height: 100%;
  overflow-y: scroll;
  box-sizing: border-box;
  &::-webkit-scrollbar { 📌 
    display: none;
  }
`;