본문 바로가기

자바스크립트5

자바스크립트 ) Modal 영역 밖 클릭 여부 확인 document.addEventListener("DOMContentLoaded", function () { var modalElement = document.getElementById("modal-bldsel"); modalElement.addEventListener("click", function (event) { if (event.target === modalElement) { alert("건물을 선택해주세요."); // 메시지 띄우기 } }); )}; 도움되길 바랍니다. 2023. 6. 20.
(자바스크립트 ) 카카오 로그인 카카오 로그인 - 로그인 폼 띄우기 Kakao.Auth.loninForm({ scope:"기 설정한 동의항목", success:function( .... ){ .... } }) - 로그인 요청 Kakao.API.request({ url: "/v2/user/me", success:function( .... ){ .... } }) 사용자 동의항목 설정 관련 코드 카카오 로그인 카카오 로그인 성공 후 - 기 설정한 '동의 항목' 리턴 확인 (이메일, 닉네임) 2022. 8. 10.
(자바스크립트) 자바스크립트에서 this를 언제 사용하나요? 무조건은 아니지만 보통 두 가지 경우에서 많이 사용 1. 이벤트 처리 했을 때 동적으로 생성된 'tr' 행 한 줄을 의미하고 싶우 this를 사용 $("tr").click(function(){ }); 2. 반복문 수행할 때 배열내의 객체를 for문 돌릴 때 현재 대상이 되는 객체 자신을 의미하고 싶을 경우 this를 사용 arr =[{}, {}, {}, .....]; $.each(arr, function(){ }); 2022. 7. 1.
(자바스크립트) 카카오 맵 연동하기 카카오 디벨로퍼 (지도 API 이용해보기) 1. 카카오 디벨로퍼 홈페이지로 가서 개발자 등록 https://developers.kakao.com/ 2. 애플리케이션 추가하기 3. 키 값 반환 됨 4. 플랫폼 설정 (Web) 5. 카카오맵 API 사용 https://apis.map.kakao.com/ 더보기 카카오 맵 연동 JavaScript 페이징 처리 완료 해당 테이블 tr클릭 시 Marker 생성 캠핑장명 주소 위도 경도 2022. 6. 27.
div, span 태그 태그 어떠한 의미도 기능도 없지만 div 태그가 들어가면 특정 부분을 CSS / 자바스크립트로 작업하고 싶은 경우 div태그로 감싼 후 사용함, 줄 바꿈 자동 적용 태그 div 와 같은 용도 인데 줄 바꿈 미 적용 2022. 1. 19.
반응형