그냥 개발자 블로그

- SvelteKit에서 이미지 파일을 업로드 하고자 할때 - multipart/form-data로 파일 전송하고자 할때 - 이미지파일 버퍼로 변환 시키고자 할때 +page.svelte (보내는 곳) const handleFileChange = async (e) => { const imgFormData = new FormData(); imgFormData.append("image",files[0]); const response = await fetch("/api/banner/file",{ method: "POST", // *GET, POST, PUT, DELETE, etc. headers: { enctype: 'multipart/form-data', // 파일 형식 확인 }, body:imgFormDat..

@sveltejs/adapter-node 를 사용할때 413 에러가 났을 경우가 크다. body size를 512kb 로 제한하고 있기 때문... 실행할때 BODY_SIZE_LIMIT 환경설정을 해서 실행하면 해결이 가능하다. 예시 BODY_SIZE_LIMIT=100000000 node ./build/index.js sh 파일을 만들어 두면 편하다. #!/bin/bash export BODY_SIZE_LIMIT=10000000 nohup node ./build/index.js &

:global(html){ background:#f9f9f9; }

1. 설치 npm i -D sass 2. 설정 변경 //svelte.config.js import adapter from "@sveltejs/adapter-auto"; import preprocess from "svelte-preprocess"; const config = { preprocess: preprocess({ typescript: true, scss: true }), kit: { adapter: adapter(), }, }; export default config; 3. 사용 div{ a{ font-weight:bold; } }

svelte에서 여러 배포 방법이 존재하는데 현업에서 많이 사용될법한 node 서버에 올리는 방법이 잘 정리된게 없어서 정리(?) my-app : 내가 만든 앱이라고 가정 1. 어댑터라는게 필요해서 설치 해야함. npm i -D @sveltejs/adapter-node@next 2. ./svelte.config.js 를 수정 //import adapter from '@sveltejs/adapter-auto';

- npm run dev 하면 https로 열수 있게 하기 - svelte https 1. 프로젝트 폴더로 이동 cd ./myapp 2. vite-plugin-mkcert 설치 npm i vite-plugin-mkcert -D 3. vite.config.js 코드 수정 import { sveltekit } from '@sveltejs/kit/vite'; import { defineConfig } from 'vite'; import mkcert from 'vite-plugin-mkcert' // export default defineConfig({ // plugins: [sveltekit()] // }); export default defineConfig({ server: { https: true, pro..

- 스벨트 정적 사이트 빌드 안될 때 https://kit.svelte.dev/docs/adapter-static 가이드를 보면 정적 사이트를 위한 빌드 방법이 존재한다. 그러나 가이드를 따라 했음에도 npm run build 하면 계속 오류가 났었다. 이 경우 내가 스벨트 프로젝트 생성할 때 예제를 같이 생성한 건 아닌지 확인해보도록 한다. 예제에는 Static으로 빌드할 때 문제가 되는 요소들이 있다. 프로젝트를 삭제하고 skeleton 버전으로 설치하니 Static으로 빌드가 된다. copyright 2023 워크식스