Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 안드로이드 스튜디오
- 코딩테스트
- JS프로그래머스
- 프로그래머스코테
- 프로그래머스
- 백준구현
- css기초
- 알고리즘
- js코테
- HTML5
- 백준js
- dp알고리즘
- 백준nodejs
- 리액트댓글기능
- 백준구현문제
- 다이나믹프로그래밍
- 리액트커뮤니티
- 리액트
- 포이마웹
- 코테
- 백준알고리즘
- JS
- 백준
- 백준골드
- HTML
- CSS
- 익스프레스
- 자바스크립트
- 프로그래머스JS
- 몽고DB
Archives
- Today
- Total
목록2024/05/27 (1)
개발새발 로그
react-router-dom으로 GNB(Global Navigation Bar) 만들기
📖들어가며.. 리액트에서 빈번하게 만드는 UI 컴포넌트들을 만들어서 컴포넌트 모음집을 만들어보려고 한다.참고 자료를 보면서 공부하고 있는데이때 UI 컴포넌트들을 하나씩 볼 수 있도록 GNB를 만드는 과정이 있었다. 이 GNB도 나중에 활용하기 좋을 것 같아 react-router-dom을 이용해서 만들어 보려고 한다.보통 네비게이션을 만들 때와 비슷하지만 좀 더 선언적이고, 아코디언 기능 까지 넣었다.이때 상태는 관리하지 않았다. 그럼 먼저 완성본을 보면서 이해해보도록 하자.메인페이지에는 나중에 마크다운 라이브러리를 이용해서 README와 똑같이 넣어보려고 한다. 현재 gif를 보면 메뉴가 하위요소를 포함하는 메뉴와 하위요소가 없는 메뉴가 있다.또한 하위 메뉴에서 또 하위메뉴가 있을 가능성이 있다.또 ..
React
2024. 5. 27. 21:36