헤더에서 주소로 제목 배열 값 불러오기 SVELTEKIT

앱을 만들다보면 자동으로 url 주소에 해당하는 해더를 배열로 불러오려고 하는 경우가 있습니다.

이때 변경되는 url 알기 위해서 $page.url.pathname 을 사용하는데요.
이부분이 변경될때 같이 변경되도록해야하는데, 잘 안되는 경우가 있습니다.

 let cUrl = $page.url.pathname;
 let pageTitle:any ={
 			'/home':{name:'홈'},
            '/mypage':{name:'마이페이지'}
            }

<span>{pageTitle[cUrl]}</span>

이렇게 하면 첫페이지만 불러오고 페이지가 변환되어도 멈춰있게 됩니다.

해당페이지를 불러올때

이때는 그냥

	<span>{pageTitle[$page.url.pathname]}</span>

$page.url.pathname 를 직접 넣여주세요 그러면 변경된데로 잘 불러옵니다.

변수를 let cUrl 선언한 시점과 페이지가 변경된 시점이 서로 달라서 생기는 문제입니다. 이럴 때는 $를 적절하게 사용하면 됩니다.
아니면 위에처럼 바로 $page.url.pathname를 넣어줍니다.