개발냥발

먼저, 1차원 배열을 Json으로 만들고 v-for를 활용하여 table에 보여지도록 만들어야 했다. pagination 하는 방법 배열을 나누는 방법 template 작성 No Name Birth Day Address {{ data.no }} {{ data.name }} {{ data.birth }} {{ data.addr }} {{idx+1}} {{size}} script 작성 style 작성 오른쪽에 [WDS] Disconnected! 이건 왜 뜨는지 모르겠다.

router 경로들 중 '/'가 없을 때 '/'만 들어갈 경우, 아무 것도 없는 페이지가 나오옴. '/'만 입력 시 원하는 경로로 이동하도록 만들 수 있는 것이 redirect임. const routes = [ { path: '/', redirect: '/login' }, { path: 'login' name: 'Login', component: ... 생략 ... }, 끝

소켓을 App.vue에서 사용하다보니 하위 컴포넌트에서 ws.send 해야 할 때마다 emit 쓰기 귀찮았다. 그러다 'store에서 ws 모듈을 사용하면 컴포넌트 상관없이 쓸 수 있지 않을까?' 라는 생각을 하게 되었다. ws 사용 방법 이것을 store에 만드는 것은 아주아주 쉬웠다. composition api 사용할 때와 같다! import { defineStore } from 'pinia'; import { ref } from '@vue/reactivity'; export const IndexSotre = defineStore('IndexSotre', () => { const isLogin = ref(false); // login true or false vlaue const wsData = r..