diff --git a/islands/StockList.tsx b/islands/StockList.tsx
index c603b6b..7aad411 100644
--- a/islands/StockList.tsx
+++ b/islands/StockList.tsx
@@ -94,6 +94,7 @@ name: string}){
   const parent = useRef<HTMLDivElement>(null);
   useEffect(()=>{
     (async ()=>{
+      console.log("animation mount on ",name);
       const {default:autoAnimate} = await import("https://esm.sh/@formkit/auto-animate@0.7.0");
       parent.current && autoAnimate(parent.current)
     })();
@@ -170,7 +171,7 @@ function filterInfo(info: Coperation[], filterList: FilterInfoOption) {
 export default function StockListUI(props: StockProps) {
   const sig = useAsync<[PageCorpsInfo, CorpSimple[], CorpSimple[]]>(async () => {
     const res = await Promise.all([
-      fetch("/api/pages/" + props.pageName),
+      fetch("/api/pages/" + encodeURIComponent(props.pageName)),
       fetch("/api/kospi"),
       fetch("/api/kosdaq"),
     ]);
diff --git a/routes/index.tsx b/routes/index.tsx
index 0032712..0dfebab 100644
--- a/routes/index.tsx
+++ b/routes/index.tsx
@@ -33,7 +33,7 @@ export default function Home({data}: PageProps<PageDescription[]>) {
             <ul>
               {
                 data.map(x=><li class="my-2">
-                  <a class="p-2 block hover:bg-gray-300 bg-white rounded" href={`/pages/${x.name}`}>
+                  <a class="p-2 block hover:bg-gray-300 bg-white rounded" href={`/pages/${encodeURIComponent(x.name)}`}>
                     {x.name}
                   </a>
                   </li>