프론트엔드 보관 - 감동라면 블로그

해시태그 입력 UI 구현 방법 (폼 UX 개선 + jQuery 예제)

해시태그 입력 UI는 게시판, 쇼핑몰, 블로그, CMS 등 다양한 웹 서비스에서 활용되는 기능입니다.특히 해시태그 입력 UI 구현 방법을 제대로 적용하면 사용자가 태그를 쉽게 등록하고 관리할 수 있어 사용자 경험(UX)이 크게 …

개발

웹사이트를 만들다 보면 배너, 상품 목록, 후기 영역 등을 슬라이드 형태로 구현해야 하는 경우가 많습니다. 이때 가장 많이 사용되었던 라이브러리 중 하나가 Slick Slider입니다. 최근에는 Swiper가 많이 사용되고 있지만, 유지보수 …

개발

웹 개발을 하다 보면 클릭한 요소가 어디인지 확인해야 하는 경우가 많습니다. 드롭다운 메뉴를 닫거나 팝업 외부를 클릭했는지 확인할 때 대표적으로 사용되는 것이 바로 event.target입니다. 이번 글에서는 event.target의 개념과 실제 활용 …

개발

이미지 크롭은 사진 편집이나 웹사이트 제작 과정에서 자주 사용하는 기능입니다.특히 워드프레스, 쇼핑몰, 게시판, SNS 썸네일을 만들다 보면 이미지가 의도치 않게 잘리는 경우가 많습니다.이 글에서는 이미지 크롭의 개념부터 CSS, JavaScript 활용 …

개발

웹 접근성을 고려해 HTML 테이블을 만들다 보면 <thead> 없이 <tbody>만 사용하는 경우가 있다.이때 단순히 <td>만 사용하면 스크린 리더가 표 구조를 제대로 이해하지 못할 수 있다.특히 공공기관 프로젝트나 웹 접근성 인증 …

개발

사업자등록번호 검증 규칙은 회원가입, 견적 문의, 세금계산서 발행, 관리자 시스템 개발 시 자주 사용됩니다.많은 개발자가 단순히 숫자 10자리만 확인하는 경우가 있지만, 사업자등록번호는 별도의 검증 알고리즘이 존재합니다.이번 글에서는 사업자등록번호 검증 원리와 …