본문 바로가기

전체 글8

[jQuery] progressbar & 로딩중 텍스트 변경 이번 기록할 내용은 프로그래스바가 100%로 채워지면서 하단 텍스트가 변경되는 내용이다. 가끔 로딩화면이 필요한 경우가 있어 프로그래스바 작업은 했었는데, 추가로 텍스트 변경 요청이 있어서 같이 작업할 겸 기록하기! 먼저 html,css로 로딩바 스타일 잡기. 텍스트영역 progress-bar는 전체 로딩바 영역 progress는 채워지는 로딩바 영역 loading-txt는 변경될 텍스트 영역 #progress-bar { width: 100%; background-color: #f1f1f1; height: 30px; border-radius: 30px; overflow: hidden; } #progress { background-color: #24bbff; height: 100%; width: 0; bo.. 2023. 8. 14.
[jQuery] 체크박스 > 전체체크 박스 만들기 생각보다 자주 사용되던 전체체크박스 이벤트 할때마다 스크립트가 계속 바뀌었지만, 하나로 통일해서 쓰면 좋지 않을 까 해서 기록하기! 전체체크 체크박스1 체크박스2 체크박스3 우선 html 구조 짜주기 체크박스같은 경우는 디자인을 입히는 경우가 많고 클릭 영역을 넓히기 위해 label태그를 같이 써준다. $("#chkAll").click(function(){ if($(this).is(":checked")){ $("input[name=checkItem]").prop("checked",true); }else{ $("input[name=checkItem]").prop("checked",false); } }) $("input[name=checkItem]").click(function(){ var total = $.. 2023. 6. 26.
[css] reset.css / css 초기화 세팅 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,.. 2023. 1. 15.
[vscode] 백업 파일 관리하기! saveBackup 회사에서 vscode로 바꾸고, 빨리 일처리해야하서 백업기능 안쓰고 있다가 멘붕이 온적이 있다.. 이전 소스가 날라가서 레이아웃 틀어지고 난리난것.. vscode 설치 후 확장프로그램인 'saveBackup' 요거 설치해두고 해당 디렉토리를 만들어두지 않아서 자동 백업이 안되고 있었던것..!! 사실 우측하단에 해당 디렉토리가 없다는 메세지를 띄워주는데 무시하고 그냥 일했다.. 멘붕이 오고서야 saveBackup 폴더를 만들어 두었다.. 꼭꼭 자동백업을 위해서 설치하고 백업 폴더를 생성해두자! 2022. 4. 13.