JS20 javascript 기초 Javascript 토글 See the Pen Js [toggle] by 조민혁 (@iqgzrljw-the-typescripter) on CodePen. Javascript 아코디언 See the Pen Js 아코디언 by 조민혁 (@iqgzrljw-the-typescripter) on CodePen. 2024. 1. 23. 텍스트 복사 버튼 텍스트 복사 스크립트 See the Pen Untitled by 조민혁 (@iqgzrljw-the-typescripter) on CodePen. navigator.clipboard? navigator.clipboard는 현재 사용자의 클립보드에 접근할 수 있는 API다. navigator.clipboard의 메서드 1. writeText(text) : text를 클립보드에 쓰는 메서드 2. readText() : 클립보드에서 텍스트를 읽어오는 메서드 3. read() : 클립보드에서 데이터를 읽어오는 메서드 4. write(data) : 데이터를 클립보드에 쓰는 메서드 textContent? textContent는 HTML 요소의 내용을 읽을 때 사용된다. 2024. 1. 18. 카카오톡 공유하기 기능 삽입하기 📢 카카오톡 공유하기 이벤트 페이지에서 흔히 볼 수 있는 카카오톡 공유하기 developers.kakao 공식문서가 잘 되어 있어 보고 따라하면 기능 구현을 쉽게 할 수 있었다. 메시지 스타일도 여러 개 있어 상황에 맞춰 사용 가능 📌 사전 세팅 - kakao dev에 가입한 뒤 내 애플리케이션 플랫폼에 사용할 도메인을 사전에 등록해놓아야 함 (메인 url을 등록해두면 공유하기 버튼 클릭 시 공유되는 페이지는 메인 url의 하위 url로 설정 가능) - 내 애플리케이션 플랫폼에 등록 가능한 url은 제한이 없어 보임 (회사 홈페이지도 내 개인 플랫폼에 등록 가능) - 공유하는 메시지의 썸네일은 보통 1200 * 630 많이 사용 (정사각형도 되고 제한은 없으며 script로 커스텀) 📌 유의점 - 크롬 .. 2024. 1. 10. [Swiper.js] 마크업 및 속성 📢 swiper js 속성 및 마크업 See the Pen Untitled by jominh (@thatBamm) on CodePen. 2023. 10. 28. [Jquery] input[type="checkbox"]의 체크 여부 input[type="checkbox"]의 체크 여부를 3가지 형태로 확인 할 수 있다. 1. :checked 선택자 사용 See the Pen Untitled by 조민혁 (@iqgzrljw-the-typescripter) on CodePen. 2. prop() 매서드 사용 See the Pen Untitled by 조민혁 (@iqgzrljw-the-typescripter) on CodePen. 3. 체크 박스 전체동의 See the Pen Untitled by 조민혁 (@iqgzrljw-the-typescripter) on CodePen. +) prop()는 프로퍼티 값을 반환하므로 더 정확한 체크 상태를 확인 할 수 있다. 2023. 10. 26. [Jquery] attr()과 prop()의 차이 📌attr() , prop() ? element에 특정한 속성을 지정하게 되는 경우에 attr()과 prop()을 사용한다. attr() => attribute(속성) prop() => property(속성) 📢 attr()과 prop()의 차이점 attr()은 속성 그 자체의 값을 반환하고, prop()은 속성값을 명시적으로 찾아낼 수 있는 방법을 제공 📢 attr() vs prop() 결과값 .attr('checked') : checked .prop('checked') : true .is(':checked') : true 📢 attr() attribute값을 가져오거나 설정할때 사용 var className = $("#userName").attr("class"); // 클래스 값 가져오기 $("#us.. 2023. 9. 13. 이전 1 2 3 4 다음
