콛 다이어리

1. 아이디 한글입력 방지// 아이디 텍스트 박스에 한글 입력 방지// 입력 방지할 문자열 종류 선택const korean = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/;// 입력 요소 선택const idTbx = document.querySelector('.login-id_Tbx');idTbx.addEventListener('input', funtion() {    if (korean.test(idTbx.value)) {        // 한글을 제거        idTbx.value = idTbx.value.replace(korean, ' ');        alert('아이디에는 한글을 입력할 수 없습니다.');   }});   2. 비밀번호 암호화 .클래스명 {                           -..

한글: /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/const check_Korean = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/;       if (check_Korean.test(값)) alert('한글입니다.');       // 아이디 텍스트 박스에 한글 입력 방지      // 1. 입력 방지할 문자열 종류 선택const korean = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/;      // 2. 입력 요소 선택const idTbx = document.querySelector('.login-id_Tbx');idTbx.addEventListener('input', funtion() {    if (korean.test(idTbx.value)) {        // 3. 한글을 제거        idTbx.value = idTbx.valu..

글래스모피즘: 뒷 이미지는 투명하고 일부만 불투명하게 하는 기능 .클래스명 {                        display: inline-block;                         background: rgba(255, 255, 255, 0.2);                         border-radius: 16px;                         box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);                         backdrop-filter: blur(5px);                         -webkit-backdrop-filter: blur(5px;                        ..

/* 노말라이즈 */* {      margin: 0;     padding: 0;     list-style:none;     box-sizing: 0;  } /* 전체 슬라이드 */.slide-div {display: flex;                     flex-direction: column;                     align-items: center;                     justify-content: center;                     top: 50%;                     background-image: url(./background_image.jpg);                     background-size: cove..