본문 바로가기

전체 글109

javascript 현재 날짜 구하기 / 날짜 더하고 빼기 / date format (YYYY-mm-dd) javascript 현재 날짜 구하기 / 날짜 더하고 빼기 / date format (YYYY-mm-dd) javascript에는 date 객체의 포맷을 설정할 수 있는 함수가 없다. 그러므로 연/월/일을 각각 구해 계산한 후, 문자열 형태로 원하는 포맷처럼 나열하여 사용해야한다. 1. 현재 날짜 구하기 1) 현재 날짜 구하기 let date = new Date(); //Tue Oct 17 2023 09:41:29 GMT+0900 (한국 표준시) new Date를 사용하면 현재 날짜를 "Tue Oct 17 2023 09:41:29 GMT+0900 (한국 표준시)" 와 같이 구할 수 있다. 2) 연/월/일/시간/분/초 각각 구하기 let date = new Date(); console.log("date :.. 2023. 10. 17.
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.
제49회 SQLD 합격 후기 운 좋게도 SQLD에 합격하게 되어서 소소하게 후기를 써봅니다. 저는 4년 차 개발자이고, 꾸준히 DB를 다뤄왔습니다. 주로 MYSQL, MSSQL, ORACLE을 사용했습니다. SQLD 시험 결과 우선 1과목에서 16점, 2과목에서 62점으로 합격했습니다. 합격은 했습니다만 아주 만족스럽진 않습니다. 내년에 있을 SQLP 합격을 목표로 하고, 그전에 시험 감을 잡는 정도로 SQLD를 응시한 것이라 조금 더 고점이 나왔어야 하지 않나.. 하는 생각이 듭니다. 욕심인 걸까요 하하 SQLD 공부 방법 후기를 찾아보니 공부기간을 다들 적으시던데, 시험 1달 전에 공부를 시작했지만 매일매일 한 게 아니라서 실제 공부 기간은 2주 정도 소요된 것 같습니다. 실무를 뛰어보신 분이라면 2주면 충분하다고 생각됩니다. .. 2023. 7. 19.
반응형

티스토리툴바