leteu / 개발 블로그

프로그래밍/Vuejs

[Vue 3] 라우트 변경, 새로고침, 창 닫기 감지

웹 소캣 이용해서 채팅 서비스 만들다가 새로고침으로 방 나가는 방법 예외 넣다가열불 터져서 알아보다가 해결해서 글 적어본다. https://leteu.dev/posts/vue-route-observe# 이 페이지를 어디서 찾아 들어왔는가 궁금할 땐 아래 글 확인2023.10.13 - [프로그래밍/Javascript & TypeScript] - [JS] 네비게이션 타이밍 가져오기 (새로고침, 뒤로가기, 네비게이트)  #1 Watch 그냥 주소만 바꿔서 나가는 경우일 때 사용할 수 있다.사용하긴 제일 쉽지만 별로 맘에 드는 방법은 아니다.새로고침 시엔 라우터가 변경되는 게 아니라 확인이 불가해서 동작하지 않는다. 기본  next 함수는 아규먼트로 아래 예제처럼 사용 가능하다.next('/'); // '/' ..

프로그래밍/Vuejs

[Vuejs] 개발 환경 세팅

Node.js 설치부터 Vue 프로젝트 생성까지 빠르게 가보겠습니다. 2023.03.04 수정) node는 그냥 nvm 사용하시고 프로젝트는 vite써서 세팅하는게 더 좋습니다. #Node.js 설치 ##1 Node.js 웹사이트 접속 아래 링크를 눌러 node.js 사이트에 접속해 줍니다. https://nodejs.org/ko/zx Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org ##2 Node.js LTS 설치 왼쪽꺼 LTS 적힌거 눌러서 다운로드 해주시면 됩니다. 계속 Next 눌러주면서 설치 진행해주시면 됩니다. Install 하시고 나면 설치가 잘 되었는지 확인해야합니다. ##3..