반응형 svelte3 [sveltekit] markdown 파일로 페이지 만들기 우선 mdsvex를 설치한다. npm i -D mdsvex svelte.config.js 를 수정한다. import { mdsvex } from 'mdsvex' const config = { extensions: ['.svelte', '.md'], preprocess: [ mdsvex({ extensions: ['.md'] }) ] } 그리고 +page.svelte 파일을 추가하듯이 만들면 된다. src/routes/내에 원하는 route 경로에 맞게 디렉토리를 만들고 +page.md를 추가한다. 2023. 1. 13. 프로젝트 생성하기 프로젝트를 생성해본다. npm create svelte@latest projectName 타입스크립트를 사용할 것인지, 린트, 프리티어를 추가할 것인지 playwrite, vitest를 테스팅 툴로 사용할 것인지를 중간에 물어본다. 필요한것들을 y/n으로 결정한다. projectName으로 디렉토리가 생성되고 해당 디렉토리에 들어가서 npm i 를 한다. 만약 node.js 버전이 16.14보다 낮다면 패키지 설치가 되지 않는다. 실행을 해보자 npm run dev 기본 포트는 5173이다. 실행되면 아래와 같은 화면을 볼 수 있다. 2022. 12. 21. sveltekit 1.0 드디어 릴리즈. 웹을 만들 수 있는 꽤 많은 언어, 라이브러리, 프레임워크들이 소개되고 사용되고 있다. 서비스 레벨로 복잡한 웹 어플리케이션을 만들기도 하지만 대부분의 웹사이트의 기능들은 생각보다 꽤 간단하다. 그 간단한 것들을 만들때 꽤 편하고 쉽고 간단한 도구들을 항상 찾게 되었었다. 그러던 당시에 눈에 들어왔던건 svelte였다. 역시 웹을 구성하다보면 SSR과 SEO를 포기할 수 없었고 결국 sveltekit으로 갈 수 밖에 없었다. 틈틈히 취미로 하나씩 익혀가던 중 대대적으로 사용법이 변한다는 소식이 들려왔고 그래서 일단 다시 묻어 두었었다. 잠시 잊고 있었다가 최근에 1.0이 정식 릴리즈되었다는 소식을 들었고 다시 이걸로 무언가를 해야겠다는 생각이 들기 시작했다. 하나씩 해보기로 하자. https://svel.. 2022. 12. 20. 이전 1 다음 반응형
