본문 바로가기

개발하는 '정'85

jquery input 비밀번호 표시, 숨김 기능 구현 jquery input 비밀번호 표시, 숨김 기능 구현 아래와 같이 로그인이나 회원가입 시에 비밀번호를 표시하거나 숨기는 기능을 사용하곤 한다. input password를 사용하면 쉽게 처리할 수 있다. 1. type이 password인 input과 비밀번호 표시/숨김 버튼을 생성한다. 비밀번호 표시 이 때, 버튼 onClick에 비밀번호 표시/숨김 함수를 포함한다. 2. jquery로 비밀번호 표시/숨김 함수를 작성한다. function showPwd(e) { if ($(e).text() == "주민번호표시") { $("#pwd").attr('type','text'); $(e).text("주민번호숨김"); } else { $("#pwd").attr('type','password'); $(e).text.. 2023. 10. 12.
모달창에서 카카오지도API 잘림 현상 대처법 모달창에서 카카오지도API 잘림 오류 대처법 아래 사진과 같이, 동일한 소스여도 일반 HTML 페이지에서는 지도가 잘 보이지만, 모달창에서 불러올 때는 지도가 잘리는 경우가 있다. 원인은 호출 시점의 문제로, 동적으로 display나 크기가 바뀌거나 모달창 호출하는 등 변경이 생긴 경우에, 지도를 다시 호출해주어야한다. 카카오지도api에서 map을 다시 호출하는 함수는 map.relayout(); 에 해당한다. 아래는 예시이다. 지도열기 openModal로 모달창을 호출한 후, relayout 함수로 map을 다시 호출하는 예시이다. 만약 마커핀이 있거나, 중심점이 있는 경우에도 다시 재설정해주어야한다. 이 때는 setCenter(); 함수를 사용한다. function relayout() { map.re.. 2023. 10. 11.
자바스크립트로 카운트다운하기 자바스크립트로 카운트다운하기 1. 자바스크립트 function updateTimer() { const dday = Date.parse("2023/11/19 12:30:00"); const now = new Date(); const diff = dday - now; const day = Math.floor(diff/(1000 * 60 * 60 * 24)); const hour = Math.floor(diff/(1000 * 60 * 60)); const min = Math.floor(diff/(1000 * 60)); const sec = Math.floor(diff/1000); const d = days; const h = hour - day * 24; const m = min - hour * 60; con.. 2023. 10. 4.
지도 스키마로 내비게이션 바로가기 (네이버지도, 티맵, 카카오내비) 모바일청첩장에서 자주 보이는 지도어플의 길안내로 연결되는 내비게이션 바로가기 링크를 만들어보고자 한다. 내비게이션 바로가기는 API 대신 스키마로 간단하게 구현할 수 있다. 주의! 해당 어플이 없는 경우 연결되지 않는다. 어플이 없을 때, 설치 경로로 이동하는 소스가 선행되어야한다. 사용법은 아래와 같다. 1. 네이버지도 네이버지도 nmap://route/car 을 사용하며 dlat에 x좌표를, dlng에 y좌표를, dname에 위치이름을 입력한다. 2. 티맵 티맵 tmap://route 을 사용하며 goalx에 x좌표를, goaly에 y좌표를, goalname에 위치이름을 입력한다. 3. 카카오내비 카카오내비 https://map.kakao.com/link/to/ 을 사용할 수 있으며 위치이름, x좌표.. 2023. 10. 4.
MariaDB Server 설치 MariaDB Server 설치 방법 1. 설치 파일 다운로드 1) 아래 링크에서 설치 파일을 받는다. https://mariadb.org/download/?t=mariadb&p=mariadb&r=11.1.2&os=windows&cpu=x86_64&pkg=msi&m=blendbyte Download MariaDB Server - MariaDB.org REST API Release Schedule Reporting Bugs … Continue reading "Download MariaDB Server" mariadb.org 2) 원하는 설정을 선택 후 Download한다. 2. 설치 1) 아래 3단계는 특별히 설정해야하는게 아니라면 넘어간다. 2) root 계정으로 사용할 패스워드를 입력한다. 3) 아래 .. 2023. 9. 5.
JQUERY 두 테이블 간에 <tr> 주고 받기 JQUERY 두 테이블 간에 주고 받기 테이블이 두개있을 때, 각 테이블끼리 tr을 주고 받는 기능을 jquery로 구현해보았다. tr 위치 이동은 1번 테이블의 tr을 2번 테이블로 이동시킨다는 의미로 사용하였다. * 예시 아래와 같이 구조가 동일한 테이블이 있다고 가정한다. 번호 이름 1 A 2 B 번호 이름 3 C 4 D jquery는 아래와 같이 구성된다. function moveItem(e, val) { var tbl1 = $(e).parents('table').attr('id'); var tbl2 = ''; if (tbl1 == 'table_A') tbl2 = 'table_B'; else tbl2 = 'table_A'; $('input[type="checkbox"]').prop('checked.. 2023. 8. 22.
MySql Workbench 설치 및 접속 MySql Workbench 설치 및 접속 1. 아래 주소에서 설치파일을 다운로드 받는다. https://dev.mysql.com/downloads/workbench/ MySQL :: Download MySQL Workbench Select Operating System: Select Operating System… Microsoft Windows Ubuntu Linux Red Hat Enterprise Linux / Oracle Linux Fedora macOS Source Code Select OS Version: All Windows (x86, 64-bit) Recommended Download: Other Downloads: Windows (x86, 64-bit), M dev.mysql.com 다.. 2023. 8. 8.
확장자없는 이미지 출력되지않는 경우 IIS 조치 확장자없는 이미지 출력되지않는 경우 IIS 조치 .jpg, .jpeg, .png 등 확장자가 없는 이미지 파일의 썸네일이 출력되지 않는 경우, IIS에서 MIME 형식을 추가하여 조치하는 방법에 대한 포스팅 1. IIS에서 MIME 형식 클릭 2. 우측 작업 > 추가 클릭 3. MIME 형식 추가 - 파일 이름 확장명(E) : . - MIME 형식(M) : application/octet-stream 4. 홈페이지 새로고침하여 이미지가 출력됨을 확인 끝. 2023. 6. 27.
[Oracle] Order by 1, 2, ... 구문의 의미와 사용 방법 [Oracle] Order by 1, 2,... 구문의 의미와 사용 방법 인수인계 받은 쿼리를 분석하던 중 아래의 구문을 발견하였다. "Order by 1, 2, 3 desc, 4" 이는 직관적으로 이해할 수 있다. "Order by 첫 번째 컬럼, 두 번째 컬럼, 세 번째 컬럼 desc, 네 번째 컬럼"이라는 의미이다. 오라클의 "Order by 상수"의 사용 방법은 아래와 같다. select 2 col1,'aaa' col2, 'A' col3 from dual UNION ALL select 2 col1,'aaa' col2, 'B' col3 from dual UNION ALL select 1 col1,'bbb' col2, 'B' col3 from dual ORDER BY 1, 3, 2 -- Order b.. 2023. 6. 7.
반응형

티스토리툴바