SweetAlert2 confirm 사용법｜확인/취소 처리와 콜백 활용 예제
기본 confirm()보다 더 세련된 확인창을 만들고 싶다면 SweetAlert2를 추천합니다. 이 글에서는 확인/취소 버튼을 활용한 조건 분기와 콜백 처리 방법을 예제로 […]
자바스크립트
자바스크립트(JavaScript)는 웹사이트의 UX를 개선하고, UI 측면에서도 사용 편의성을 높여줍니다. 예쁜 팝업, 마우스 움직임에 반응하는 인터랙션, 스크롤에 따른 UI 변화, 모바일 화면 구성 등 핵심 요소에 폭넓게 활용되죠. 예제 코드와 실행 결과를 확인하고 바로 적용해 보세요.
반응형 모달창 만들기｜전체화면 팝업 UI 완성 가이드
반응형 모달창은 일반적인 브라우저 새창과는 다르게 조금 더 사용자 편의성이 좋으며, 하나의 웹페이지에서 기능을 수행하고, 여러 가지 이벤트와 각종 뷰에
JavaScript alert 확인 후 콜백처럼 이벤트 처리하는 방법
alert 콜백은 지원하지 않습니다. 그런데, 많은 분이 alert() 이후 특정 동작을 실행하고 싶어 합니다. 하지만 alert()는 콜백을 지원하지 않기 때문에,
👁️눈 아이콘으로 로그인 비밀번호 확인하는 방법
로그인 비밀번호 확인하는 방법에 대해서 알아보겠습니다. 로그인 또는 입력 폼(input)의 비밀번호(password)의 경우 별표 처리가 되어있어 있습니다. toggle 버튼으로 비밀번호를 바로
IT & WEB
유튜브 Shorts 자동 플레이 슬라이드(Swiper) 적용 방법
유튜브 Shorts 자동 플레이는 여러 개의 영상을 슬라이드가 활성화 될때마다 해당 영상을 자동 플레이하고, 비활성화 되면 영상이 멈추게 하는 방법에
SweetAlert2 확인창 후 콜백 함수 실행하는 방법 (이벤트 처리 예제 포함)
SweetAlert2 알림창 이후 실행하는 콜백 이벤트에 대해서 자세한 설명과 예제 코드와 실행 여부를 확인해 보겠습니다. 기존 alert()보다 예쁜 알림창이고, 콜백
SWAL 사용법! SweetAlert2 예쁜 팝업 정복하기
지난 시간에는 SweetAlert2의 기본 설정하는 방법과 공식 사이트에서 제공하는 간단한 소스와 버튼을 통해 예시를 알려드렸습니다. 이번 시간에는 약간의 커스텀을 해서
IT & WEB
JavaScript 클립보드 복사 예제
클립보드 복사란?웹페이지에서 특정 영역의 텍스트 내용을 Ctrl+C를 해주는 기능을, JavaScript를 이용해서 구현된 기능입니다. 가장 대표적인 예로 네이버 지도에서 맛집을 검색
자바스크립트 마우스 관련 이벤트
사용자가 마우스로 버튼 클릭하거나, 스크롤을 하거나, 마우스가 특정 위치 오거나, 나가거나 할 때 발생하는 마우스 이벤트에 대해서 알아보겠습니다. 자바스크립트 이벤트이며,