[svelte] $app/stores에서 제공되는 Page 활용하기

회사에서는 svelte를 메인으로 가져가고 있어서 요 몇주간 사용했는데, react와 다르게 조금 더 편리성을 주는 것 같다. 

 

예를 들어서 console.log로 $page로 확인해보면 아래와 같은 정보를 가져올 수 있다.

 

<script lang="ts">
  import { page } from '$app/stores';

  console.log($page);

  $: isShowNavigation = $page.route.id !== '/camera/[id]';
</script>

그래서 위와 같은 코드로 네비게이션의 유무를 관리할 수 있다. 

 

data, error, form, params, route, status, url  등의 정보를 모두 쉽게 확인하고 이를 사용하여 코드를 작성할 수 있기 때문에 유용한거 같다!