오류 확인 방법 다양하게 있지만 제가 사용하는 방법이면 왠만한 것은 오류는 확인 가능 합니다. 오류 해결 방법은 주로 챗봇에게 물어 보면 대부분 해결 방법을 제시해 줍니다. 저 경우는 AI 챗봇이 거의 모든 궁금증을 해결 해 주는 보조 수단으로 자리 잡은지 오래 되었습니다. 상황 워드프레스 플러그인 개발 중 오류가 발생 해…
웹과 코딩이야기
내가 좋아하는 웹과 코딩 관련 글
aria-label이 SEO에 미치는 영향 3가지
사용자가 보는 텍스트는 "자세히 보기"로 유지하면서, 검색 엔진 최적화(SEO)나 접근성을 위해 실제 앵커 텍스트 역할은 상품명을 사용하는 방법을 고민하다가 생각한 것이 aria-label 입니다. 조금 전 코드를 수정했으니 이런 조치가 효과가 있을지는 좀 지켜봐야 합니다. aria-label이 SEO에 미치는 영향 첫번째, aria-label은 HTML 요소의 대체 텍스트를 제공하므로, 스크린 리더를 사용하는 사용자에게 읽히는…
전화번호 입력 자바스크립트 1가지: 숫자만 입력, 자동 하이픈(-)추가, 010- 입력 자동
전화번호 입력 자바스크립트를 챗봇을 이용해 구현해 봤습니다. 간단하면서 다양한 기능을 해 바로 기록형으로 포스팅 들어 갑니다. 필요하신 분들은 참고 하세요. 참고로 부트스트랩을 주로 이용하고 있어 다른 환경에서는 수정이 필요 할 수 도 있습니다. 전화번호 입력 자바스크립트 - HTML <!-- HTML --> <div class="input-group"> <span class="input-group-text"><i class="bi bi-telephone"></i></span> <input type="tel" class="form-control"…
워드프레스 전화번호를 클릭하면 바로 전화 걸기로 연결하는 방법 1가지
전화 걸기로 연결하는 방법: 워드프레스에서 본문에 전화번호를 입력하고, 방문자가 해당 번호를 클릭하면 바로 전화 걸기로 연결되도록 하려면 HTML의 tel: 링크를 사용하면 됩니다. 의뢰 간단한데 많은 분들이 잘 모르는 것 같아 정리 해 봅니다. 일단 테스트 해 보실래요? 우체국 전화 걸기 전화번호 링크 만들기 <a href="tel:01012345678">010-1234-5678</a> tel: 뒤에 전화번호를 입력합니다. (하이픈(-)은…
타임라인 UI: 매력적인 스타일 구현 방법 – 코딩 샘플 1개 포함
오늘은 타임라인 UI를 구현하는 방법과 간단한 코딩 샘플을 공유하려고 합니다.이 글은 제가 나중에 참고하기 위해 기록한 내용이며, 다른 분들에게도 작은 도움이 되었으면 하는 마음으로 작성했습니다. 샘플 페이지가 필요하신 분들을 위해 샘플 페이지 바로가기 준비 했습니다. 타임라인 UI 샘플페이지 타임라인 UI 장점? 그렇다면, 왜 타임라인 UI를 사용할까요? 어떤 장점이 있기에 이를…
가장 심플한 Scroll to Top 버튼 1가지
scroll to top 버튼 중에서 이 소스코드가 가장 간단한 것 같아 소개 합니다. <!-- HTML (body 태그 끝 부분에 추가) --> <button id="scrollToTop" title="Go to top">↑</button> <style> /* CSS (head 태그 내의 style 태그에 추가) */ #scrollToTop { display: none; position: fixed; bottom: 20px; right: 20px; z-index: 99; border: none;…