svelte3 스벨트에서 a href없이 링크 이동하기 분명 스벨트는 바뀐 부분만 로드해서 서버의 효율성을 도모한댔는데.. 왜 a href외의 모든 방법(eg. location.href=""등등..)을 사용하면 전체를 다 로드하는것 같지 싶어서 고민하다 결국 찾아낸 방법 goto("링크") {goto("링크")})>이것은 버튼이다 처럼 내부에 적어줘도 되고 안녕하기 이렇게 함수에 적어줘도 된다. 2022. 12. 4. [svelteKit] 상위 레이아웃 무시하기 svelteKit에서는 폴더 내 +layout.svelte 파일을 통해 공통된 레이아웃을 적용하도록 해 줄 수 있는데, 가끔.. 이 레이아웃에서 벗어나 독자적인 형태를 띌 페이지를 제작할 필요가 있습니다. 그럴 땐 파일 명을 +page.svelte 가 아닌 +page@.svelte 라고 지정해주면 됩니다. 다만 이 방법은 routes 폴더 가장 바깥쪽, 즉 사이트 접속 시 가장 먼저 보여지는 페이지에서는 적용이 안 되는 것 같습니다. 메인 페이지만 풀 화면으로 보이게 하는 경우가 많은데, 별로군요 혹은 어떤 폴더(url) 내의 모든 페이지가 상위 레이아웃을 무시할 필요가 있습니다. 이땐 폴더 안의 +layout.svelte를 +layout@.svelte라고 명명해주면 됩니다 2022. 11. 11. 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
