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

. 위 이미지는 지금부터 시작할 버튼 구현의 결과물이다. 여러개의 화려한 토글 버튼을 구현하고 싶었다. 정확한 요구사항은 아래와 같다. ON/OFF가 가능한 토글 버튼 여러개 버튼이 한눈에 보여져야 한다 버튼 효과는 화려하게 프론트엔드 개발을 모르기 때문에 github의 Pages를 사용하기로 했다. 이전에도 Pages를 사용하여 노션의 다크모드 웹사이트 만드는 것을 소개한 적 있다. 노션으로 다크모드 웹사이트 만드는 3가지 방법 노션(Notion)은 무료 버전으로도 충분히 많은 표현이 가능하기에 수많은 유저들이 이용중이다. 기본적으로는 노트툴이지만 외부에 공유를 한다면 웹페이지처럼 사용도 가능하다. 그런데 노션은 devvkkid.tistory.com 먼저 ON/OFF가 가능한 토글버튼을 만들어야 한다...