alert창 커스텀
alert창 디자인이 별로라서 커스텀할 수 있는 것을 찾아봤는데, sweetalert을 사용하면 예쁜 디자인으로 변경이 가능하다!
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>이 코드를 html에 넣어주고 swal()을 통해서 이용할 수 있다.
글자 타이핑 효과
이름 부분에 타이핑 효과를 주고싶었는데, typewriter-effect를 이용하면 가능하다
<script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script>이 코드를 넣고, 원하는 부분에 맞게 커스텀하면 사용할 수 있다.
python & JS로 delete
문제점: 삭제하는 버튼을 누르면 해당하는 데이터만 지워야 하는데, 그 값을 어떻게 지칭해줄지 몰라서 엄청 헤맸다.
pymongo에다 값을 저장할 때 자동으로 할당되는 ObjectId를 불러올 때 인자값으로 받아주면 된다!
이 부분을 성공할 수 있어서 너무 기뻤다 ..
기타 CSS 효과
그라데이션 효과 주기
linear-gradient(색상코드값, 색상코드값)
스크롤바 커스텀 하기
'스크롤바넣으려는클래스혹은아이디'::-webkit-scrollbar { }안에 넣을 수 있는 속성이 많은 듯 하다!
나중에 더 찾아보고 정리해야 할 것 같다
(❁´◡`❁)