# Sidebar

jjjjy

이대로 입력했더니 바로 Unhandled Runtime Error 발생알아보니 next.js 13버전부터는 Link태그 안에 a태그를 못 쓴다.그래서 이전 버전을 받아봤다.그래도 해당 오류가 계속 떠서 알아보니 그대로는 사용을 못하고 두 가지 방법이 있다.a태그 사용

minsu2344

예전부터 하고 싶었던 부드럽게 흘러나오는 사이드바...드디어 알아냈다...(샤라웃 투 n0hack)opacity로 불투명도 줬을 때 안 보이지만 박스 내부 클릭은 작동해서 포기했었다.이번엔 opacity와 pointer-events: none 으로 설정하여 아무리 마우

soohyang136

Youtube 클론코딩을 하면서 사이드 바를 만들어야 했는데, 다들 사이드 바를 만들 상황이 많을 거 같아서 제가 사용한 방법이 참고가 되었으면 합니다. 열린 사이드 봐와 닫힌 사이드 바 컴포넌트 각각 만들기 그림과 같이 열렸을 때의 사이드 봐와 닫혔을 때의 사이드

anfrhkrna

1) > root의 기능을 프로젝트 레벨에서 instagram 앱으로 넘기면서 TemplateView를 RedirectView로 변경하고 기본 페이지로 접근했을 때 instagram 앱의 index로 이동하도록 한다.

qorz

→ 기존에 슬라이딩 메뉴를 만들 때, 보통 위아래 화면 뷰를 겹쳐놓고 윗 하면을 옆으로 치우는 방식으로 만들곤 했다. 이번에는 메인 뷰와 사이드 뷰를 HStack으로 일렬로 배치하고 드래그와 버튼으로 열리도록 만들어 보았다.드래그는 편의성을 위해 조금만 드래그해도 펼

cychann

회의 때 카테고리 선택 목록을 사이드바로 보여주자는 의견이 많아서 카테고리들을 사이드바로 구현하기로 했다. 다음과 같이 초기 디자인 구성을 잡았고, Sidebar를 구현할 방법들을 찾아보았다. react-minimal-side-navigation 디자인에서 보이듯

cullen

Navigation Side Bar 구현