Vue

부서 등록페이지와 부서 목록페이지를 간단하게 구현해보았다. 그러던 와중 부서 등록페이지에서 등록을 눌렀을 목록페이지로 이동하게 하고 싶었다. 이를 위헤서는 Vue Router를 사용해야 한다. 따라서 Vue Router를 활용해서 이를 해결해보자.특정한 페이지를 만들

글 작성 계기 vue3를 통해 데이터를 주고 받는 작업을 하는 도중 데이터를 주고 받는 방식이 두 가지가 있다는 것을 알게 되었다. 두 가지 방법 말고 다른 여러 가지 방법이 있겠지만 필자는 두 가지 방식에 대해서만 다룰 것이다. router.push 장점 가년하고

dialog 입력 데이터 띄우기 components/test-diaog.vue > onDialogOK(), onDialogCancel(), onDialogHide() onDialogOK()는 dialog에서 OK버튼이 클릭되었을 때 호출되는 콜백 함수이다. 이는 사용

필자는 Page를 관리하는 component인 PageComponent.vue 와 게시글 조회를 관리하는 component인 PostsComponent.vue를 따로 만들었다. 그리고 PostsPage.vue에 두 component를 합쳤다. 여기서 PostsPage가

props,emits을 사용하는 경우도 있지만 vue3에는 pinia라는 상태관리 라이브러리가 존재한다. 이번 글에서는 pinia를 통해 전에 블로그에서 작성했던 코드를 변경해 보겠다. > pinia는 다음과 같은 상황에서 주로 사용된다. 전역 상태 관리 : 여러 컴

프로젝트를 진행하다가 computed속성과 watch속성을 사용하는 시기가 비슷하다는거를 느끼게 되었다. 그럼 computed와 watch의 차이는 무엇이고 각각은 언제 사용하는 것이 좋을까? computed 속성 vue.js에서 제공하는 반응형 시스템이다. 다른 반

포탈을 만드는 중 날씨 정보도 보여주면 좋을거 같은 생각이 들어 만들어 보게 되었다.날씨정보를 가져오려면 api를 이용해야 하는데 날씨 정보를 가져올 수 있는 open api는 여러가지가 있다. 그 중 필자는 공공 데이터 포털(기상청 api)을 이용하였다. 해당 api