전체보기

JSP, Server, Mapper 에서 파라미터 유무 확인하기 🩸이슈 발생 특정 조건일 경우에만 파라미터를 던졌다. 쿼리문에서 파라미터 유무로 if문을 태워보자. 🩹이슈 해결 1. JS로 파라미터 존재 여부 확인 // 'testdb'라는 파라미터 키가 있는지 확인 const searchParams = new URLSearchParams(location.search); if (searchParams.has('testdb')) { comAjax.setUrl(""); } else { comAjax.setUrl(""); } - URLSearchParams : URL 쿼리 문자열 대상으로 작업하는 메소드. has, append, delete 등이 있다 - location.search : 파라미터 값 가져옴 (k..

체크박스 커스텀 하기 , 버튼 눌림 CSS 🩸이슈 발생 체크박스 커스텀해보기. 버튼 모양의 형태로 눌렸을 때에도 CSS 다르게 주어야한다. 🩹이슈 해결 1. Html 01. 선택해주세요. (중복 선택 가능) 1번선택지 2번선택지 3번선택지 * label for= "" 의 값과 input type="checkbox"의 id는 동일해야 한다. 2. CSS input { display: none; } .skinTypeCheck{ height: 280px; width: 470px; } .skinTypeCheck ul{ font-size: 15px; display: flex; flex-direction: row; flex-wrap: wrap; gap: 12px; font-weight: 500; line-heigh..

a태그로 파일 다운로드 하기 🩸이슈 발생 a태그로 파일 다운로드를 할 수 있는 속성이 있었다. 🩹이슈 해결

Video 태그 ios 미 재생 현상 해결하기 🩸이슈 발생 Video 태그가 분명 커밋 전 로컬에서는 자동재생까지 됐는데 모바일(ios)에서는 재생버튼조차 생성되지 않았다. 🩹이슈 해결 video 태그에 속성 추가하기 1) autoplay : 자동재생 (단, 안될 때 많음) 2) loop : 반복실행 3) muted : 음소거 4) playsinline: ios에서 비디오 전체화면 미처리를 위한 설정 💡유의사항 브라우저 정책 상 음소거 설정(muted) 을 하지 않으면 자동재생 제한이 있으며, 사용자의 핸드폰이 저전력 모드일 경우 자동재생이 되지 않는다.

iOS Distribution 인증서 갱신하기 🩸이슈 발생 iOS Distribution 인증서가 30일 후에 만료된다는 메일을 받았다. 만료된다 하니 갱신하러 가보자. 🩹이슈 해결 1. 기존 인증서 삭제하기 https://developer.apple.com/account/resources/certificates/list 로그인 - Apple idmsa.apple.com 애플 개발자 페이지 > 계정 선택 인증서(영문) 선택 갱신해야 할 인증서 클릭 Revoke 버튼 클릭하면 이전 인증서가 삭제된다 메일로 해지됐다고 바로 날아왔다 2. 인증서 발급받기 Xcode 실행 Xcode > Preferences .. 클릭 갱신해야 할 계정 선택 후 Manage Certificates 클릭 + 버튼 클릭 후 갱신해야..

CSS Flex 속성 사용 방법 🩸이슈 발생 이제 잘 안 쓰인다는 테이블, float 대신 flex 사용해 보기 1. Flex 기본 사용 구조 2. Container 적용 속성 - 배치방향 : flex-direction - 줄 넘김 : flex-wrap - 정렬 : 메인 축 방향 / 수직 축 방향/ 여러 행 정렬 3. 예시 * Grid 속성과의 차이점 Flex Grid 레이아웃 방향 수평 모든 방향 아이템 크기 자유로움 (유동적) 미리 정의됨 (고정적) 특징 레이아웃 변화 없을 때 사용 🩹이슈 해결 1. Flex 사용 기본 구조 : html, css 아이템1 아이템2 아이템3 .container{ display: flex; } 2. Container 적용 속성 1. 배치 방향 : flex-directio..

Lombok.jar 다운로드 및 설치하기 🩸이슈 발생 어노테이션 기반 코드 자동완성 해주는 라이브러리 (getter, setter 등) 설치해 보기 🩹이슈 해결 1. Lombok.jar 파일 다운로드 https://projectlombok.org/download Download projectlombok.org 2. CMD 창 열기 java -jar + lombok.jar 경로 입력해 주기 3. Installer 실행 STS.exe 경로 저장(선택) 해준 뒤 닫기 4. STS.exe 폴더 확인 jar 파일 자동생성됐는지 확인 후 STS.ini 파일 열기 lombok.jar 있으면 설치성공!

Spring 다운 및 환경 설정, 기본 세팅 하기 🩸이슈 발생 스프링 다운로드 및 기본세팅하기. 환경설정이 제일 어렵다.. 1. 다운로드 2. STS 실행 2-1. 서버 추가 2-2. 프로젝트 추가 3. 환경설정 3-1. pom.xml 파일 3-2. Controller 경로 설정 🩹이슈 해결 1. 다운로드 https://spring.io/tools Spring | Tools spring.io 구글에 STS 다운로드 검색 : Spring Tool 선택 Spring Tools 3 버전 선택 맨 위 3.9.18 다운 압축 풀고 STS.ini 열기 (환경설정 파일) 자바버전 11이므로 맞춰주기 * 버전 변경되었을 경우 수정요망 2. STS 실행 1. 서버 추가 서버 톰캣 추가를 위한 경로 : Servers 탭에..

Let's Encrypt  SSL 기간 만료 인증서 갱신하기Let's Encrypt 보안 인증서의 기한은 90일이 최대이므로 갱신이 필수.   1. win-acme 설치 및 실행 win-acmewin-acme This is a ACMEv2 client for Windows that aims to be very simple to start with, but powerful enough to grow into almost every scenario. A very simple interface to create and install certificates on a local IIS server A more advanced interface for mwww.win-acme.comwin-acme 프로그램을 통해 ..

발급받은 Let's Encrypt  인증서 도메인 적용하기발급한 인증서를 내 사이트 도메인에 적용하기 ▶ 인증서 발급 방법 1. 도메인 구매 사이트(가비아) DNS 설정하기 My 가비아 > DNS 툴 클릭 웹을 넘어 클라우드로. 가비아 dns.gabia.com 구매한 도메인 우측 설정 클릭 레코드 수정 클릭 레코드 추가 해서 위와 같이 써주고 저장TXT 레코드 값은 이전 발급 시 win-acme에 나온다▶ 인증서 발급 방법 참고  2. 서버 설정 Apache 서버 설정을 위해Apache24\conf 폴더 들어가기 수정해야 할 파일은 2개.(1) httpd.conf 파일(2) httpd-ssl.conf 파일  (1) httpd.conf 파일 httpd-ssl.conf 파일을 사용하겠다는 예고를 날려주기 위..