웹개발자 보관 - 9 중 8 번째 페이지

SweetAlert2 confirm 사용법｜확인/취소 처리와 콜백 활용 예제

IT & WEB / 2025년 07월 15일

기본 confirm()보다 더 세련된 확인창을 만들고 싶다면 SweetAlert2를 추천합니다. 이 글에서는 확인/취소 버튼을 활용한 조건 분기와 콜백 처리 방법을 예제로 […]

IT & WEB / 2025년 07월 14일

반응형 모달창은 일반적인 브라우저 새창과는 다르게 조금 더 사용자 편의성이 좋으며, 하나의 웹페이지에서 기능을 수행하고, 여러 가지 이벤트와 각종 뷰에

IT & WEB / 2025년 07월 11일

alert 콜백은 지원하지 않습니다. 그런데, 많은 분이 alert() 이후 특정 동작을 실행하고 싶어 합니다. 하지만 alert()는 콜백을 지원하지 않기 때문에,

IT & WEB / 2025년 07월 08일

로그인 비밀번호 확인하는 방법에 대해서 알아보겠습니다. 로그인 또는 입력 폼(input)의 비밀번호(password)의 경우 별표 처리가 되어있어 있습니다. toggle 버튼으로 비밀번호를 바로

IT & WEB / 2025년 07월 04일

CSS 버튼 애니메이션 효과 예제입니다. transform, box-shadow, transition을 활용해 마우스 호버 시 부드럽게 떠오르는 효과를 줄 수 있습니다. 특히 아이콘

IT & WEB / 2025년 07월 02일

스크롤 하면서 자연스럽게 텍스트가 서서히 나타나는 웹 효과를 구현해 보세요. Intersection Observer와 CSS 애니메이션을 조합해 부드럽고 세련된 사용자 경험을 제공합니다.

IT & WEB / 2025년 06월 30일

SweetAlert2 알림창 이후 실행하는 콜백 이벤트에 대해서 자세한 설명과 예제 코드와 실행 여부를 확인해 보겠습니다. 기존 alert()보다 예쁜 알림창이고, 콜백

IT & WEB / 2025년 06월 27일

홈페이지 파비콘(favicon)은 사용자가 홈페이지는 기억하기에 좋은 도구로 사용되는 것 같습니다. 아이콘 형태의 이미지로 브라우저에서 즐겨찾기 또는 브라우저 탭의 홈페이지명 왼쪽에

IT & WEB / 2025년 06월 27일

크롬 브라우저에서 로그인된 구글 계정을 삭제하는 방법에 대해서 알아보겠습니다. 메인으로 사용하는 PC의 경우 항상 크롬 브라우저에 구글 계정으로 로그인된 상태로