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 |
Tags
- 국비지원취업
- 국비지원
- 자바스크립트
- computerscience
- DFS
- CSS
- html/css/js
- 너비우선탐색
- 호이스팅
- 프론트엔드개발자
- 그리디
- KAKAO
- CS
- LinkSnap
- 패스트캠퍼스
- git
- github
- Javascript
- BFS
- 부트캠프
- 컴퓨터공학
- js
- 코테
- cpu
- 알고리즘
- 코딩테스트
- 야놀자
- 컴퓨터과학
- nodejs
- 백준
Archives
- Today
- Total
목록2024/04/27 (1)
My Boundary As Much As I Experienced
Next.js에서 useRouter와 Link태그를 사용할 때 URL 마스킹하기
URL 마스킹이란?URL 마스킹은 사용자에게 보여지는 URL을 실제 페이지 구조와는 다르게 표시하고자 할 때 사용되는 기술이다.(router.push 또는 router.replace 메소드를 사용할 때 쓸 수 있는 'as 파라미터'가 URL 마스킹에 사용된다.)url 파라미터: 실제로 라우팅되는 페이지의 경로as 파라미터: 브라우저의 주소 표시줄에 표시되는 경로 왜 쓰는데?사용자 경험 향상: 사용자에게 더 읽기 쉽고 이해하기 쉬운 URL을 제공함으로써 사이트의 전반적인 사용자 경험을 개선할 수 있다.보안 강화: 사용자가 URL을 통해 어떤 정보를 추측하는 것을 방지할 수 있다. UseRouter를 쓸 때 URL 마스킹하기 (예시)예를 들어, 사용자가 /products/1 페이지에 있고, 이 상품의 이름이..
FrontEnd/Next.js
2024. 4. 27. 02:46