IT & WEB 메뉴

SWAL 사용법! SweetAlert2 예쁜 팝업 정복하기

IT & WEB / 2025년 06월 26일

지난 시간에는 SweetAlert2의 기본 설정하는 방법과 공식 사이트에서 제공하는 간단한 소스와 버튼을 통해 예시를 알려드렸습니다. 이번 시간에는 약간의 커스텀을 해서 […]

IT & WEB / 2025년 06월 20일

웹페이지 개발 시 반응형은 어느덧 필수가 되었습니다. 디스플레이 별로 웹페이지를 만들지 않고, 하나의 페이지로 다 사용이 가능하게 한 건 CSS의

IT & WEB / 2025년 06월 20일

수익형 블로그에서 포스팅 속도가 중요한가? 구글 애드센스 광고 단위 코드를 자동으로 할지? 수동으로 할지? 수동이면 매번 코드를 복사해서 붙여넣기를 해야

IT & WEB / 2025년 06월 19일

수익형 블로그를 하다 보면, 구글 애드센스 광고를 어떻게 하면 좋을지 고민이 되는 시점이 있다. 처음 자동광고 설정했더니 광고가 너무 많이

IT & WEB / 2025년 06월 19일

이미자 또는 콘텐츠 박스 비율을 다양하게 적용하고, 반응형까지 커버해야 할 때 사용하면 좋은 CSS를 알아볼게요. aspect-ratio는 비율을 지정하는 방법을 간단히

IT & WEB / 2025년 06월 16일

자바스크립트에서 기보 사용하는 alert()를 예쁜 alert()로 꾸며주는 SweetAlert를 사용하는 방법과 몇 가지 예시를 알아보겠습니다. 간단하게 설치할 수 있고, 사용법도 간편하고,

IT & WEB / 2025년 06월 13일

클립보드 복사란?웹페이지에서 특정 영역의 텍스트 내용을 Ctrl+C를 해주는 기능을, JavaScript를 이용해서 구현된 기능입니다. 가장 대표적인 예로 네이버 지도에서 맛집을 검색

IT & WEB / 2025년 06월 12일

CSS의 position: sticky 속성은 웹페이지에서 스크롤 시 특정 요소를 고정할 수 있는 매우 유용한 기능입니다. 특히 사이드바나 내비게이션 메뉴처럼 항상

IT & WEB / 2025년 06월 12일

사용자가 마우스로 버튼 클릭하거나, 스크롤을 하거나, 마우스가 특정 위치 오거나, 나가거나 할 때 발생하는 마우스 이벤트에 대해서 알아보겠습니다. 자바스크립트 이벤트이며,