전체보기

스프링 주요 어노테이션 정리 1. Lombok 관련 @setter setter 메소드 만들어주는 역할 - Value : 접근제한속성 - onMethod : setter 메소드 생성 시 메소드에 추가할 어노테이션 지정함 - onParam : setter 메소드의 파라미터에 어노테이션 사용하는 경우 @Data toString, getter, setter, RequiredArgsConstructor 모두 사용하는 경우 한 번에 적용하기 위해 사용 @Log4j log.info()로 콘솔창에 출력하는 함수 생성하게 함 ​ 2. Spring 관련 @Autowired 특정한 객체에 의존적이므로 자신에게 해당 타입의 빈을 주입하라. 빈을 가져오는 기본적인 방법 @Component 해당 클래스가 스프링에서 객체로 만들어..

오라클 함수 총정리 1. DUAL 테이블 ▶DUAL 테이블? 자체적으로 만들어진 임시 테이블. 연산 미리 해보며 결과 간단하게 조회해 보기 위해 만들어진 컬럼으로, 길이는 1 SELECT * FROM DUAL; 2. 숫자 함수 1. ABS: 절대값 SELECT -10, abs(-10) FROM DUAL; → 값 : 10 2. FLOOR: 소수점 아래 버림 SELECT 34.5678, floor(34.5678) FROM DUAL; → 값: 34 3. ROUND: 특정자릿수 반올림 SELECT 34.5678, round(34,5678) FROM DUAL; SELECT 34.5678, round(34,5678, -1) FROM DUAL; → 값: 35 → 값: 30 4.TRUNC: 특정자릿수 버림 SELECT..

DBeaver DB 백업 및 복구하기 🩸이슈 발생 A 테이블의 데이터를 새로 만든 B테이블에 넣기 위한 백업 및 복구과정 🩹이슈 해결 1. DB DUMP (백업) 백업할 A 테이블이 속한 데이터베이스 우 클릭 후 도구 > Dump database 선택 백업할 테이블 선택 (다중선택 가능) 후 다음 눌러주기 Output folder : 내보낼 파일 위치 선택 후 Start 완료되면 지정한 폴더에 파일이 저장되었는지 확인해 주기 DB DUMP 완료! 2. DB RESTORE (DB 복구) 백업한 데이터를 넣을 데이터베이스 우 클릭 후 도구 > Restore database 선택 아까 저장한 파일 선택 후 Start 누르면 끝 ** 이름이 다른 테이블에 해당 DB를 복구하고 싶을 때 파일 열어서 DB 복원할 ..

Placeholder CSS 적용하기 🩸이슈 발생 Placeholder 텍스트 글자색을 바꿔보자. 🩹이슈 해결 1. HTML 현재 비밀번호 2. CSS input::placeholder { color: #abb4bd; } input::-webkit-input-placeholder{ color: #abb4bd; } input:-ms-input-placeholder{ color: #abb4bd; } ::placeholder 태그 안에 placeholder의 속성들을 넣어주면 된다. * -webkit : 크롬, 사파리 / ms: 엣지

디비버 설치 및 환경설정 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 쿠키 삭제 시 팝업창 다시 뜸.