달망이 삽질인생

Svelte4

Sveltekit에서 tailwindcss와 SVG를 사용할때, 마우스 오버로 색상 쉽게! 바꾸기 sveltekit의 경우 svg 처리가 좀 ....깔끔하게 처리가 안된다 생각했는데이번에 그나마 편한 방법을 찾게되어 글을 쓴다 기존에 하던 작업은 조금 번거로웠고이번에 들.... 번거로운 방법을 소개할까한다. static-adapter로 구동되는 경우는 https://github.com/poppa/sveltekit-svg이 패키지를 사용하면 되고, ssr를 사용하는 adapter의 경우는..... 제가 설명드리는 방법이 그나마 편했습니다. svg 예제 이미지 svg 예제 코드 내부 티스토리에서 svg파일을 첨부하면 이미지로 변경되서, 파일 제공이 안되니.. 텍스트를 복사해다가 써보세요 사전 지식SVG의 진한 벡터 선들은 로 되어 있습니다.그래서 그 선들을 tail..

[Sveltekit] VSCode에서 디버깅하기 (Debugging) sveltekit은 hot-reload가 되기 때문에 개발하면서 화면을 바로바로 확인할 수 있어서 정말 개발하기 편합니다. 그래도 ui로 디버깅을 하거나, console.log 명령어로 매번 프린트 디버깅을 하기엔 시간소모와 공수가 많이 듭니다. 거기다가 api의 응답 데이터를 보거나, byte코딩을 할때면 더이상 기존 방법으로 하긴 매우 버겁죠. 서버사이드(server-side) 코드를 더욱이 디버깅하기 힘들죠. 그런 불편한 디버깅을 local 코딩처럼 디버깅 해주는 방법이 있습니다. 1. node-loader 설치 ESM 로더를 개발모드에서 활성화 합니다. $ yarn add @vavite/node-loader --dev 2. 개발 모드에서만 노드로더 활성화 vite.config.js 로 이동해서 아..

SvelteKit App.svelte vs App.html 이 질문에 오신분들은 svelte의 입문자를 벗어나기위해서 노력하는 사람으로 선택되셨습니다! (?) 온라인 문서들을 보다보면 간혹 나오는 App.svelte 파일이 있습니다. 이 파일은.. Svelte의 root 파일 입니다. 뭔소리냐고요? Svelte와 SvelteKit은 같지만 엄연히 다른 구성을 가지고 있습니다. Svelte는 javascript 프레임워크, SvelteKit은 Svelte를 포함한 웹 서버 프레임워크라고 보시면 됩니다. 최근에 나온게 SvelteKit 입니다. 이제는 SvelteKit이기 때문에 Svelte에서 사용되던 App.svelte파일을 쓰지 않고 app.html 을 사용합니다. 추가로. sveltekit을 사용하면 app.svelte를 사용하지 않기도 하고, main.js..

SvelteKit 시작. 잡소리 웹개발, 윈도우 개발만 하다가, 모바일 개발만 하다가, 코인 개발만하다가, IoT개발만 하다가, 서버 개발하다가 지금은 웹/앱 개발을 해보려 합니다. 앱에 대한 수요가 아직도 많고, 고사양 프로세싱을 할땐 어쩔 수 없이 앱 개발을 해야하지만, 최근엔 브라우저의 많은 sdk지원이나 서버의 자원을 이용해서 연산해주는 프로세스가 발달하다보니 앱이 거의 필요없고, 웹으로 된 앱이 많이 쓰이는 추세입니다. 한국은 이상하게 대형 개발사들이 spring으로 자리잡으면서 왠만한 백엔드 개발자들이 spring을 많이 하려는 추세이며 밀고나가려고 합니다. "spring이 편하다, 대형 서비스에서 대응하기 좋다"라는 말들이 많지만 내가 java를 썩 달갑게 반기지 않기 때문에 spring은 역시 하지 않으려 합니다...

이전 1 다음

티스토리툴바