IT & WEB 메뉴

Galaxy Z Fold7 | Z Flip7 드디어 사전구매 OPEN✨

DAILY, IT & WEB / LASMA / 2025년 07월 17일

드디어 베일을 벗은 Galaxy Z Fold7와 Z Flip7! 더욱 강력해진 퍼포먼스와 혁신적인 디자인으로 돌아왔습니다. 사전구매 오픈과 함께 제공되는 특별 혜택까지 […]

IT & WEB / LASMA / 2025년 07월 16일

모바일 웹에서 폰트가 제대로 적용되지 않거나 깨지는 현상, 겪어보셨나요? 다양한 기기에서도 일관된 타이포그래피를 유지하려면 폰트 선언을 제대로 해야 합니다. 이

IT & WEB / LASMA / 2025년 07월 15일

iOS Safari에서 <select> 요소에 스타일이 제대로 적용되지 않아 당황하셨나요? 이 글에서는 아이폰 브라우저에서 CSS가 무시되는 이유와 함께, appearance 속성 활용법부터

IT & WEB / LASMA / 2025년 07월 15일

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

IT & WEB / LASMA / 2025년 07월 14일

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

IT & WEB / LASMA / 2025년 07월 11일

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

IT & WEB / LASMA / 2025년 07월 08일

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

IT & WEB / LASMA / 2025년 07월 04일

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

IT & WEB / LASMA / 2025년 07월 03일

유튜브 Shorts 자동 플레이는 여러 개의 영상을 슬라이드가 활성화 될때마다 해당 영상을 자동 플레이하고, 비활성화 되면 영상이 멈추게 하는 방법에

IT & WEB / LASMA / 2025년 07월 02일

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

IT & WEB / LASMA / 2025년 06월 30일

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

IT & WEB / LASMA / 2025년 06월 27일

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