localhost:3090 접속 시 404에러

해결했습니다! 감사합니다ㅎㅎ

localhost:3090 접속 시 404에러

html> head> meta charset="UTF-8" /> meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> meta http-equiv="X-UA-Compatible" content="ie=edge" /> title>슬리액title> style> html, body { margin: 0; padding: 0; overflow: initial !important; } body { font-size: 15px; line-height: 1.46668; font-weight: 400; font-variant-ligatures: common-ligatures; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } * { box-sizing: border-box; } style> link rel="stylesheet" href="https://a.slack-edge.com/bv1-9/client-boot-styles.dc0a11f.css?cacheKey=gantry-1613184053" crossorigin="anonymous" /> link rel="shortcut icon" href="https://a.slack-edge.com/cebaa/img/ico/favicon.ico" /> link href="https://a.slack-edge.com/bv1-9/slack-icons-v2-16ca3a7.woff2" rel="preload" as="font" crossorigin="anonymous" /> head> body> div id="app">div> script src="/dist/app.js">script> body> html> index.html은 root에 있고 /dist/app.js 로 되어있습니다. webpack.config.ts에 주신 것과 같이 넣었는데 (사진) 에러 표시가 납니다.

리스트 전체 나오게 하는 방법

(사진) 2번 질문에 대해 해봤는데, 노가다로 이렇게 카운트 센다음에 list.vue에서 출력했더니 나오긴 하는데, 너무 비효율적인것 같네요... 공통되는걸 함수로 만들어서 넣고 싶은데 같은 methods범위에서 선언하니까 사용이 안되는것같은데, 어떻게하면 효율적으로 할 수 있을까요?