그냥 개발자 블로그

- 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..

- OAuth2.0 아무리 봐도 이해 안 되면 외워 버리기 로그인 ===== 프론트 ===== 1. 아이디, 패스워드 백엔드에 전달 ===== 백엔드 ===== 2. 아이디, 패스워드 확인 3. JWT 로 Access token 생성 3. JWT 로 Access token 보다 Expiration(만료시간)을 길게 하여 Refresh token 생성 4. 두 token 담아서 프론트로 응답 (JSON) ===== 프론트 ===== 5. token들을 (보안) 쿠키에 저장 데이터 요청 ===== 프론트 ===== 6. Acess token 과 함께 요청에 필요한 파라미터 함께 백엔드로 전달 (Access token 만료 시간이 안지났으면) ===== 백엔드 ===== 7. Acess token 의 Expi..