엄청 간단하다. 그럼 바로 시작! 프로젝트 생성 프로젝트에 대한 세팅이 끝났다면 이 과정은 넘어간다 mkdir test cd test yarn init -y // or npm init -y package.json에 필요한 설정들을 해준다. { "name": "@solb/bottom-sheet", "version": "1.0.0", "description": "This is a bottomsheet created with pure JavaScript using Web Components.", "repository": { "type": "git", "url": "git+https://github.com/y-solb/bottom-sheet" }, "keywords": [ "javascript", "typesc..
회사에서 유용하게 사용하던 bottom-sheet가 있어 이를 다른 사람들과도 공유하고 싶어 라이브러리로 만들게 되었다! 또한 npm에 올려 다른 사람들에게 소스 리뷰, 버그 등을 공유받고 싶은 마음도 있었다. 글로벌하게 사용되었으면 해서 영어로 문서화해 두었다..! + 문제점이나 개선 사항은 issue로 남겨주시면 수정해 보겠습니다 💪 bottom-sheet 관련 소스는 기존 포스팅에서 수정과 함께 typescript를 적용시켰다! @solb/bottom-sheet 순수 자바스크립트로 만든 bottom-sheet로, 모바일 웹이나 앱에서는 bottom-sheet 형태로 나타나고 웹에서는 모달 형태로 나타난다. 자세한 Demo는 여기서 확인할 수 있다 (👉 Demo) 이 컴포넌트는 web componen..