스벨트킷 설치와 데모앱 등을 아직 만들지 못했다면? 1편 읽기 무작정 따라하는 Sveltekit + MongoDB + Vercel. [1] 설치 및 데모앱 지난번에 노션을 바탕으로 UI를 만들었던 경험이 있다. 필요한 기능을 단순히 UI에서 구현되기만 하면 되기에 Github page를 이용하여 만들었다. 그런데 사람의 욕심은 끝이 없다. 이번에는 버튼의 devvkkid.tistory.com 스벨트킷에서 몽고DB Atlas와 연동하고 싶다면? 2편 읽기 무작정 따라하는 Sveltekit + MongoDB + Vercel. [2] DB 연동 스벨트킷 설치와 데모앱 등을 아직 만들지 못했다면 앞의 컨텐츠를 먼저 참고하길 바란다. 무작정 따라하는 Sveltekit + MongoDB + Vercel. [1] 설..

스벨트킷 설치와 데모앱 등을 아직 만들지 못했다면 앞의 컨텐츠를 먼저 참고하길 바란다. 무작정 따라하는 Sveltekit + MongoDB + Vercel. [1] 설치 및 데모앱 지난번에 노션을 바탕으로 UI를 만들었던 경험이 있다. 필요한 기능을 단순히 UI에서 구현되기만 하면 되기에 Github page를 이용하여 만들었다. 그런데 사람의 욕심은 끝이 없다. 이번에는 버튼의 devvkkid.tistory.com MongoDB 그리고 Atlas 버튼의 상태를 DB에 저장하고 싶었다. 또한 해당 DB를 쉽고 빠르게, 양심없게도 무료로 사용하고 싶었다. 더더욱 양심리스하게 클라우드로 제공되는 DB를 이용하려고 했다. 그러다보니 MongoDB Atlas가 딱이다. 스벨트와 몽고DB는 핏이 맞고 Atlas라..

지난번에 노션을 바탕으로 UI를 만들었던 경험이 있다. 필요한 기능을 단순히 UI에서 구현되기만 하면 되기에 Github page를 이용하여 만들었다. 그런데 사람의 욕심은 끝이 없다. 이번에는 버튼의 상태까지도 저장되는 UI를 만들고 싶어졌다. 자바스크립트는 모르지만 화려한 토글 버튼을 구현하고 싶어 . 위 이미지는 지금부터 시작할 버튼 구현의 결과물이다. 여러개의 화려한 토글 버튼을 구현하고 싶었다. 정확한 요구사항은 아래와 같다. ON/OFF가 가능한 토글 버튼 여러개 버튼이 한눈에 보여 devvkkid.tistory.com 무엇을 할 것인가 내가 원한 것은 다음과 같다. 3가지 상태를 가지는 버튼을 구현할 것 해당 버튼의 상태가 저장될 것 해당 화면을 구현한 코드를 간단하게 배포할 수 있을 것 상..