sveltekit3 [sveltekit] 3. sveltekit docker 설정 1. 서론docker를 이용해서 sveltekit을 올려보도록 할겁니다.그냥 돌려도 되긴하지만 node가 남는 문제가 간혹 있기도하고 배포를 할경우 docker를 주로 사용하기 때문에 개발 버전, 간단 배포 버전 두가지를 docker-compose를 이용해보도록 하겠습니다. 2. Docker 공통 설정Docker로 sveltekit 을 올릴때 공통적으로 설정해야되는 부분이 있습니다.vite로 sveltekit이 올라가기 때문에 프로젝트 최상위에 있는 vite.config.ts 부분을 수정해줘야합니다. 최초로 해당 파일을 열면 다음과 같습니다. 해당 설정을 하단과 같이 변경합니다. import { sveltekit } from '@sveltejs/kit/vite';import { defineConfig,.. 2025. 2. 12. [sveltekit] 2. .env 설정 1. 서론개발을 할때도 그렇고 배포를 할 때도 그렇고 DB에 대한 접속 정보나 특정 포트, 키 값등을 내부적으로 저장해서 사용하는 경우가 있다.소스 안에 해당 정보를 넣을 경우, 개발을 할때와 배포할때 혹은 각각 다른 개발자들의 로컬 단에서 개발을 하게 되면 접속 정보가 서로 맞지 않는 경우가 왕왕 생긴다.그럴때 사용하는것이 .env 파일을 사용해서 특정 값에 대해 환경에 따라 값을 가져오는 방법이 있다.여기에서는 sveletit에서 .env파일을 설정하고 사용하는 방법에 대해 정리한다. 2. .env 파일 생성본인은 해당 파일을 주로 개발용과 배포용으로 나눠서 놓는다..env파일은 폴더의 최상단에 위치시켜놓으며 파일명은 다음과 같이 사용한다..env.development.env.production 다음.. 2025. 2. 12. [sveltekit] 1. sveltekit 프로젝트 시작하기 1. 서론.svelte라는 ui 프레임워크를 기반으로한 sveltekit이라는 프레임워크를 사용해서 간단한 TODO-LIST를 만들어보려고합니다. https://svelte.dev/docs/kit/introduction Introduction • Docs • SvelteBefore we begin If you’re new to Svelte or SvelteKit we recommend checking out the interactive tutorial. If you get stuck, reach out for help in the Discord chatroom. What is SvelteKit? SvelteKit is a framework for rapidly developing robust, perfo.. 2025. 2. 12. 이전 1 다음
