vue2 다른 컴포넌트의 변수값 호출하기 Vue2 기준으로 다른 컴포넌트에서 사용중인 변수의 값을 가져와서 사용하는 방법입니다. SPA 형식의 웹을 제작하다보면, 편의상 분리했던 다른 컴포넌트의 js 변수값을 가져오고 싶은 경우가 생깁니다. 예를 들면 A 컴포넌트와 B 컴포넌트가 함께 띄워지는 중인데, B 컴포넌트에서 A 컴포넌트에 선언한 변수 'byunsu'의 값이 3인지 5인지 궁금할 수 있다는거죠. 혹은 B 컴포넌트에서 A 컴포넌트의 변수 'byunsu'의 값을 변경하거나요. 그러나.. 생각보다 컴포넌트 간 변수 값 교환이 복잡했습니다. eventbus를 이용해서 변수값을 리턴받으려고 해도 변수값이 아닌 vue 객체가 리턴이 되고, 아무리 이 객체를 뒤적거려봐도 변수의 값은 없었거든요. 변수 값을 바로 리턴하지 않고 문자열로 변환해서 보내.. 2023. 6. 13. Spring Boot +프론트엔드 프레임워크 백엔드와 프론트엔드가 서로 다른 프레임워크를 사용하는 경우, 도대체 정보를 어떻게 주고받는지가 의문이었는데 그 해결법을 공유합니다. Spring Boot의 데이터를 프론트엔드 프레임워크에 표시할텐데 저는 프론트엔드 프레임워크로 Svelte 를 사용했지만 JavaScript 기반의 어떤 프레임워크에서도 사용 가능하니 React, Vue, Anguler 사용자도 따라할 수 있습니다 ^_^ Spring Boot API준비 이 포스팅은 받아올 API 데이터가 있다는 것을 가정하고 시작합니다. 저는 http://192.168.0.17:8282/first/pathvaria/savernet 링크 접속 시 아래처럼 표시되는 API 주소를 하나 가지고 있습니다. 프론트엔드 JavaScript 코드 작성 API 데이터를 .. 2022. 10. 25. 이전 1 다음 728x90
