본문 바로가기

개발25

VUE 로그인 input validation id, password만 입력하는 간단한 로그인 화면을 vue에서는 어떻게 validation 하는지 확인해봅시다. 우선 테스트 코드 html 입니다. userId, passwd 라는 input 과 로그인 button 이 있습니다. id없음 적어도4자리 패스워드없음 자릿수체크 로그인 보통 jsp에서 사용하는 input에서는 name이나 id 속성을 사용하여 해당 input을 컨트롤 하는데 vue에서는 v-model 이라는 속성으로 input 을 컨트롤 합니다. 앞에 v- 가 붙으면 vue에서 사용하는 속성인 것 같습니다. v-show는 true면 해당 element를 보여주고 false면 보여주지 않는다고 합니다. v-show="userIdNo" 라는 것은 userIdNo 가 true이면 "id없음" 이.. 2024. 1. 6.
Cookie and JavaScript 쿠키는 사용자 장치에 작은 정보 조각을 저장하여 웹사이트 사용자 경험을 향상시키는 데 중요한 역할을 합니다. 이 정보는 웹사이트가 사용자 기본 설정과 활동을 기억하여 후속 방문을 더욱 개인화하는 데 도움이 됩니다. 쿠키는 귀하가 웹사이트를 방문할 때 웹사이트가 귀하의 컴퓨터에 남기는 작은 메모와 같습니다. 이 메모에는 사용자 이름, 언어 기본 설정, 장바구니에 추가한 항목 등 방문에 대한 작은 정보가 포함되어 있습니다. 그것은 웹사이트에 도움이 되는 추억과도 같습니다. 웹사이트에 접속하면 마치 대화를 나누는 것과 같습니다. 귀하는 웹사이트에 귀하의 이름, 선호하는 언어, 관심 분야를 알려줍니다. 그런 다음 웹사이트는 이러한 세부 정보를 쿠키에 기록하여 귀하의 장치에 안전하게 보관합니다. 그리고 웹 개발 .. 2024. 1. 3.
Kubernetes Architecture Kubernetes는 컨테이너화된 애플리케이션의 배포, 확장 및 관리를 자동화하는 강력한 오픈 소스 컨테이너 오케스트레이션 플랫폼입니다. 원래 Google에서 개발하고 현재 CNCF(Cloud Native Computing Foundation)에서 유지 관리하는 Kubernetes는 사용자가 대규모로 애플리케이션을 효율적으로 배포하고 관리할 수 있는 강력한 아키텍처를 제공합니다. 기본적으로 Kubernetes는 API 서버, 컨트롤러 관리자, 스케줄러 및 etcd와 같은 구성 요소로 구성된 중앙 제어 플레인이 클러스터의 전체 상태와 구성을 관리하는 마스터-작업자 노드 모델을 활용합니다. 반면 작업자 노드는 실제 컨테이너화된 애플리케이션을 호스팅하고 kubelet 및 kube-proxy와 같은 필수 구성요.. 2024. 1. 3.
Json Array에서 공백 배열 찾기 Json Array 배열에 어떤 조건인지 체크해서 특정 배열의 값을 가져오고 싶은 경우가 있다. // 샘플 Json Array 데이터 const jsonArray = [ { id:1, name: 'John', age: 25}, { id: 2, name: 'Tom', age:28}, { id: 3, name: 'Doe', age:34} ]; 이 배열에서 id든 name이든 age든 공백이 있는 배열을 가져와보자. jsonArray.forEach(obj => { for (const key in obj) { if (typeof obj[key] === 'string' && obj[key].trim() === '') { console.log(obj); } } }); 이렇게 해도 되지만, some 을 한번 사용해보.. 2024. 1. 3.

티스토리툴바