본문 바로가기
728x90
반응형

분류 전체보기298

간단하게 css로 프로그레스바 그리기 css 로 그리고 script 로 숫자 늘리기 See the Pen progressbar by gahyun (@gahyun) on CodePen. [javascript/jQuery] - [JAVASCRIPT/JQUERY]애니메이션 - 숫자가 0부터 점점 커지는 롤링애니메이션 2022. 9. 6.
체크박스 input[type="checkbox"] 전체 체크 구현 이벤트 리스너를 등록해 전체 체크의 값이 변하면 나머지도 같이 바꿔준다 checkAll.addEventListener('change', function () { check1.checked = checkAll.checked; check2.checked = checkAll.checked; check3.checked = checkAll.checked; }); 전체 체크 이외의 체크박스 값이 변하는걸 감지해서 전체가 true가 아닐경우 가 해제 되도록 한다 check.addEventListener('change', function () { if (check1.checked && check2.checked && check3.checked) { checkAll.checked = true; } else { check.. 2022. 9. 5.
시간 계산(몇분전, 몇일전, 몇년전..) //현재시간 var now = new Date(); //기준시간 var writeDay = new Date(time); //현재 시간과 기준시간의 차이를 getTime을 통해 구한다 var difference = now.getTime() - writeDay.getTime(); //초로 바꿔준다 difference = Math.trunc(difference / 1000); 기준점을 만든다 // 초 const seconds = 1; // 분 const minute = seconds * 60; // 시 const hour = minute * 60; // 일 const day = hour * 24; // 달 const mon = day * 30; // 년 const year = mon * 12; differen.. 2022. 9. 5.
UI 용어 정리 https://ahnsisters.tistory.com/20?category=1062059 [UIUX] 실무에서 자주 사용되는 UI 용어 개인적으로 공부하면서 기록하는 공간으로 잘못된 정보는 댓글을 통해 알려주시면 감사하겠습니다 :-) ▪ ▪ ▪ ▪ ▪ UX란 User eXperience의 약자로, 사용자 경험을 대상으로 한다. 예를들어, ahnsisters.tistory.com 2022. 9. 2.
728x90
반응형