렌더할 때마다 비동기통신하는 부분 수정

src/index.js

@@ -107,27 +107,28 @@ const router = (path) => {
   return matched.route.view;
 };
 
-const render = async (path) => {
+const render = (path) => {
   const app = document.getElementById('app');
 
-  try {
-    await fetchContents();
-
   app.innerHTML = `
     ${Header()}
     ${router(path)}
     ${Footer()}
   `;
-  } catch (error) {
-    console.error(error);
-  }
+
+  console.log('render!');
 };
 
-function init() {
+const init = async () => {
+  await fetchContents();
   render('/');
   // 셀렉터를 #app으로 했기 때문에 함수 순서가 바뀌어도 동작한다.
   navigateTo('#app');
   console.log('init 완료 🚀');
-}
+};
 
+try {
   init();
+} catch (err) {
+  console.error(err);
+}