본문 바로가기

WEB Framework/Svelte (SvelteKit)3

[Svelte] sass(scss) 적용 안될 때 설정 방법: svelte.config.js 1. 개요 Svelte 프로젝트를 생성하고 나서 페이지 및 컴포넌트의 스타일을 위해서 css 대신 sass(scss)를 사용하고 싶어서 다음과 같이 컴포넌트의 style 태그에 lang="scss" 라는 attribute를 셋팅해주고 scss 문법으로 코드를 작성 후 로컬 개발 환경에서 확인 해보려 했더니 다음과 같이 [plugin:vite-plugin-svelte]라며 에러가 나타났다. 여기서 대충 프로젝트에서 scss문법을 인식하지 못하고 있다고 예상했고 See https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/preprocess.md를 확인 해보았다. 2. 설정 2.1 svelte.config.js에 preprocess 설정 svelte .. 2024. 1. 26.
[Netlify] 무료 도메인 변경 가이드: A-Z로 살펴보기 1. 개요무료 도메인 변경은 Netlify에서 제공하는 서비스 중 하나로, 사용자가 제공하는 프로젝트의 기본 도메인을 변경할 수 있는 유용한 기능입니다. 이를 통해 사용자는 좀 더 자신만의 독특한 도메인을 사용하여 프로젝트를 공개할 수 있습니다. 예를 들면, 개인의 포트폴리오 사이트나 토이 프로젝트를 배포해서 링크를 걸어야 할 수도 있는데 무작위 토큰값으로 된 링크를 전달 하는 것 보다 의미전달을 할 수 있는 도메인명으로 셋팅을 해놓는다면 방문자들에게 더욱 신뢰감을 줄 수 있습니다. 유의사항중요한 유의사항으로는 Netlify에서 제공하는 무료 도메인인 *.netlify.app과 같은 형태로 고정된 부분은 변경할 수 없습니다. 그러나 사용자가 선택한 *에 해당하는 도메인 부분을 커스터마이징하여 프로젝트를 .. 2024. 1. 24.
5분만에 Svelte 정적 웹 사이트 Netlify로 배포하기 본 글에서는 Svelte 프로젝트를 정적 웹사이트로 Netlify에 배포하는 방법에 대해 순차적으로 자세히 알아보겠습니다. 이를 위해 먼저 준비해야 할 것들은 다음과 같습니다: Github, GitLab 등의 원격 저장소에 계정이 필요합니다. 이미 생성된 Git 원격 저장소(Repository)가 있어야 합니다. Svelte 프로젝트가 해당 Git 원격 저장소에 연결되어 있어야 합니다. 아래에서는 이러한 준비 작업을 통해 Svelte 프로젝트를 Netlify에 어떻게 배포하는지 단계별로 안내하겠습니다. 1. Netlify란? Netlify 서비스의 개념 Netlify는 정적 웹 사이트를 무료로 호스팅하는 서비스로, CI/CD, 무료 HTTPS, 도메인 관리 등을 지원합니다. 무료 버전과 프로 버전의 차이.. 2024. 1. 23.

티스토리툴바