| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- 가상화
- 웹
- k8s
- VUE
- 이슈
- 이더리움
- CSS
- kubernetes
- docker
- 파이썬
- 클라우드
- react
- 알고리즘
- next.js
- 백엔드
- es6
- JavaScript
- 프론트엔드
- TypeScript
- 컴퓨터공학
- 백준
- 블록체인
- 타입스크립트
- BFS
- AWS
- 리액트
- HTML
- 솔리디티
- 자바스크립트
- 쿠버네티스
Archives
- Today
- Total
목록📖 리액트라우터 (1)
즐겁게, 코드
컴포넌트 내에서 라우팅 경로와 쿼리스트링 추출하기
react-router-dom을 사용하다 보면 이동할 페이지의 경로나 쿼리스트링을 컴포넌트 내에서 사용해야 할 때가 있습니다. 한번 간단한 유저 정보 페이지를 예를 들어 보겠습니다. 유저 정보 페이지가 있다고 할 때 /user/chanmin 으로 접속하면 "chanmin" 유저의 데이터를 불러와야 하고, /user/chanstar 로 접속하면 "chanstar" 유저의 데이터를 불러와야 하는 상황입니다. 그럼 axios.get(`userid=${유저명}&func=getUser}`); 에는 경로에 주어진 유저명으로 데이터를 불러와야 할 텐데, 어떻게 해야 URL로 주어진 값을 컴포넌트 내부에서 활용할 수 있을까요? 경로 데이터를 속성값으로 사용하기 리액트 라우터에서는 history, match, locat..
🎨 프론트엔드/React.js
2021. 4. 12. 13:41
소소한 팁 : 광고를 눌러주시면, 제가 뮤지컬을 마음껏 보러다닐 수 있어요!
와!! 바로 눌러야겠네요! 😆