전체 글

디비버 설치 및 환경설정 1. 다운로드 https://dbeaver.io/download/ Download | DBeaver Community Download DBeaver Community 23.2.2 Released on October 9th 2023 (Milestones). It is free and open source (license). Also you can get it from the GitHub mirror. DBeaver PRO 23.2 Released on September 12th, 2023 PRO version website: dbeaver.com Trial version dbeaver.io 다운로드할 파일 선택 윈도우이므로 Windows (installer)를 다운받았다. 설치할 ..

VSCode 웹 개발 필수 확장팩 리스트 10개 1️⃣ Korea Language Pack for Visual Studio Code 한국어 지원 팩 2️⃣ open in browser HTML 파일 브라우저에서 미리 보기 3️⃣ IntelliCode 코드 추천 완성기능 4️⃣ Auto Rename Tag 여는 태그 or 닫는 태그 하나만 수정해도 동시에 수정됨 5️⃣ Colorize 색상코드 문자에 배경색 입히기 6️⃣ CSS Peek html 파일에서 css 파일 찾기 : Ctrl 키 + html요소 클릭 시 css 파일로 이동 7️⃣ Font Awesome Auto-complete & Preview 아이콘 미리 보기 8️⃣ indent-rainbow 코드 들여 쓰기 시각화, 들여쓰기 수준마다 다른 색..

SQL 중복 값, 중복 개수 찾기 쿼리 🩸이슈 발생 중복되는 값을 찾고, 중복될 경우에 데이터를 출력하는 쿼리가 필요했다. 🩹이슈 해결 중복값, 중복 개수 찾는 쿼리 SELECT 컬럼명, COUNT(컬럼명) AS COUNT FROM 테이블명 WHERE 조건절 GROUP BY 컬럼명 HAVING COUNT > 중복개수 1) COUNT(컬럼명) : 데이터 개수 조회 2) GROUP BY : 그룹화 함수 SELECT * FROM 테이블 명 GROUP BY 필드명 HAVING 조건절 3) WHERE 절과 HAVING 절의 차이 - WHERE 절 : 그룹화 전에 해당하는 조건문 - HAVING 절 : 그룹화 후에 해당하는 조건문 적용 예시 1) 쿼리 적용 전 중복되는 데이터들 2) 쿼리 적용 후 SELECT VC..

회원가입 폼에서 정규식 활용 및 데이터 유효성 검사하기 🩸이슈 발생 사용자는 개발자가 원하는 형식으로 입력하지 않기 때문에, 회원가입 폼 생성 시 데이터 유효성 검사는 필수사항이다. ▶ 정규식 (Regular Expressions) 이란? : 주로 회원가입창에서 비밀번호 사용할 때 대문자 섞는 등의 데이터 기준 설정하는 것 (1) 형식 1) var re = /ab+c/; 2) var re = new RegExp("/ab+c/"); (2) 숫자 정규식 ^ : 패턴시작 [0-9] : 괄호 안의 숫자로 범위 지정 + : 앞 문자가 하나 이상 * : 문자 수 상관없음 $ : 패턴종료 🩹이슈 해결 1. HTML 회원 가입 회원기본정보 아이디 비밀번호 비밀번호확인 이메일 @ naver.com gmail.com ka..

모바일 메뉴, 햄버거 버튼 만들기 🩸이슈 발생 모바일 내비게이션 바인 햄버거 버튼과 클릭 시 뜨는 메뉴를 만들어보자. 🩹이슈 해결 See the Pen Untitled by Give J (@Give-J) on CodePen. 1. HTML 메인메뉴 서브메뉴1 서브메뉴2 2. CSS /* 헤더 */ #header-subdiv{ background-color: white; height: 120px; display: flex; justify-content: space-between; } /* 로고 이미지 #logo{ width: 300px; height: 88px; padding: 16px 410px 16px 40px; } */ /* 햄버거 아이콘 */ #hamburger-menu { cursor: point..

오늘 하루 보지않기 (24시간) 팝업창 만들기 🩸이슈 발생 오늘 하루 보지않기 (24시간) 팝업창 만들기 🩹이슈 해결 See the Pen 팝업창 by Give J (@Give-J) on CodePen. 쿠키를 이용해서 24시간동안 팝업창이 보이지 않게한다. popup 쿠키 삭제 시 팝업창 다시 뜸.

웹사이트 사이트맵 설정하기 🩸이슈 발생 검색엔진최적화(SEO)를 웹사이트에도 적용하기 위한 사이트맵(sitemap.xml)이 필요했다. *사이트맵 : 사이트의 목차와 같은 개념으로 검색 최적화를 위한 것. 사이트 내의 모든 링크 주소가 담겼다. 구글링 해보니 죄다 블로그 검색엔진 최적화를 위한 사이트맵뿐이었는데... 웹사이트 사이트맵을 직접 만들어보자. 🩹이슈 해결 1. 사이트맵 만들기 http://www.check-domains.com/sitemap/index.php XML Sitemap Generator - Free Unlimited Pages. XML Sitemap Generator - Free Unlimited Pages www.check-domains.com 사이트맵을 만들어주는 사이트 Site..

윈도우 원격 데스크톱 동시 접속하기 🩸이슈 발생 윈도우 서버, 원격 데스크톱은 동시 접속이 안 됐다. 동시 접속 가능하게 하려면? 🩹이슈 해결 1. 실행 창 ( 윈도우 + R ) gpedit.msc (로컬 그룹 정책 편집기) 입력 2. 로컬 그룹 정책 편집기 컴퓨터 구성 ▶ 관리 템플릿 ▶ Windows 구성 요소 ▶ 터미널 서비스 선택 터미널 서비스 ▶ 원격 데스크톱 세션 호스트 선택 원격 데스크톱 세션 호스트 ▶ 연결 ▶ 원격 데스크톱 서비스 사용자를 하나의 원격 데스크톱 서비스 세션으로 제한 선택 사용 안 함 체크 ▶ 적용 후 확인 버튼 눌러주기 💡유의사항 동시 접속은 가능하나 세션이 나눠졌다. 동시에 같은 세션 사용은 불가능한 것 같다.. 최대 두 명 까지만 다중 접속 가능, 그 이상일 경우 유료..

BOM(Browser Object Model) : window / 팝업창 / onload / screen / history/ location 사용하기 🩸이슈 발생 BOM(Browser Object Model): 브라우저 객체 모델을 사용해보자. 1. open : 새 창 만들기 (팝업) 2. close : 객체 소멸, 브라우저 닫기 3. onload : 시점차이 문제 해결 4. screen 5. history 6. location 🔎 사용 전에 알아둘 window 객체 특징 ① 브라우저 내장 객체 중에서 최상위 객체 ② 모든 전역 객체, 함수, 변수 등은 자동적으로 window 객체에 속함 ③ window. 함수(), window. 변수 등과 같은 형태로 사용이 가능 ④ window 객체를 생략한 형태로 ..

MysqlDataTruncation 에러 해결하기 🩸이슈 발생 MysqlDataTruncation : Data truncation : Truncated incorrect DOUBLE value : ' ' 🩹이슈 해결 1. MysqlDataTruncation : Mysql 데이터 절단 오류 1) 삽입하려는 데이터가 열의 데이터 유형에 맞지 않을 때 2) 삽입하려는 데이터가 열의 용량(길이)을 초과할 때 2. Truncated incorrect DOUBLE value : ' ' : Mysql 데이터가 double 유형을 계산하고 있지만 ' ' (공백)이 반환됨 3. 쿼리문 확인 (1) 변경 전 INSERT INTO TBL_REFUND_INFO ( IN_AMOUNT, DT_REFUND_DATE, REG_MEM..