![]()
# FakeLoader페이지 로딩이나 데이터 처리가 시간이 오래 걸릴 경우, 사용자에게 작업 진행 상태를 시각적으로 알려주지 않으면 사용자는 작업 완료 여부를 알 수 없어 다른 작업을 하거나 페이지를 새로고침할 수 있습니다.CSS를 사용하여 직접 로딩 화면을 구현할 수 있지만, fakeLoader플러그인을 이용하면 간편하게 페이지 로딩 화면을 구현할 수 있습니다📢 저는 토글 버튼을 ON / OFF 할때 Bash로 도커 컨테이너 START, STOP 하도록 만들었는데 컨테이너의 상태를 변경하는 시간동안 로딩화면을 띄우도록 하였습니다. 1. FakeLoader 다운로드FakeLoader 깃 허브에서 ZIP 파일로 다운로드 Download Link 다운로드 한 파일 압축을 풀고 dist 폴더에 있..
![]()
# 토글스위치토글스위치는 움직임이 있어 만들기 복잡할 거 같지만 CSS만으로도 간단하게 만들 수 있습니다.1. HTML 작성토글스위치는 checkbox와 label을 이용해 만들어줍니다. 더보기💡 요소는 다른 요소의 이름표 역할을 합니다. for 속성을 사용하여 다른 요소의 id 값을 지정함으로써 두 요소를 결합시킬 수 있습니다. 예를 들어, 라벨 과 가 있을 때 라벨을 클릭하면 해당 입력란이 선택되거나 동작할 수 있습니다. → checkbox와 함께 사용하면 라벨 클릭 시 체크박스가 on/off 되겠죠!아무 스타일이 적용되지 않았을 땐 체크박스 부분만 달랑 나오게 됩니다. 2. CSS 작성2.1 ) 기존의 checkbox 버튼 숨기기.togg..
