사이먼's 코딩노트

[Svelte Kit 개발환경 세팅]지난번에 이어 스벨트 킷 개발환경 세팅을 진행하도록 하겠습니다.앞으로 작성된 모든 코드는 아래 깃허브 리포지터리 주소를 통해 확인하실 수 있습니다.깃허브 리포지터리 주소 : https://github.com/psm817/sksb_2407 GitHub - psm817/sksb_2407Contribute to psm817/sksb_2407 development by creating an account on GitHub.github.com [TailWind 설치 및 적용]스벨트 킷에 tailwind를 적용하는 방법은 vscode에서 터미널을 열어 아래의 명령어를 실행한다.cd frontappnpm install -D tailwindcss postcss autoprefixer..

[Svelte란?]Svelte(스벨트)는 JavaScript 라이브러리 중 하나로서 React보다 가볍고 Vue.js보다 쉽다는 장점을 가진 최신 프론트엔트 기술이다.스벨트는 JavaScript 코드로 브라우저가 이해할 수 있도록 컴파일을 해주는 컴파일러에 조금 더 가깝다.다시 말해 프레임워크 혹은 라이브러리를 다운로드할 필요가 없다. [Svelte의 구조]스벨트 파일은 주로 아래와 같은 구조로 구성되어 있다.script는 상단에 작성되어 JavaScript 또는 TypeScript를 사용할 수 있다.style은 CSS 스타일링이 가능하다.//마크업 영역 [Svelte Kit 개발환경 세팅]이번에는 스벨트를 사용하기 위해 스프링부트 환경에서 스벨트 킷 개발환경을 세팅해보도록 합시다.기존의 스프링부트에서 ..