다른

약관동의 관련 작업을 하면서 체크박스 전체 선택 처리와 validation 체크 구현이 필요하여 작업한 내용을 정리해본다. * HTML 영역 * Script 영역 data: function () { return { ..... agreeCheckList: ["agree1", "agree2"],// 비교를 위한 전체 CheckList 변수 agreeChecked: [],// 체크 된 목록을 담을 배열 변수 .... } }, computed: { agreeAll: { get: function () { return this.agreeCheckList.length === this.agreeChecked.length; }, set: function (event) { this.agreeChecked = event? ..

ref 와 reactive 는 vue3에서 추가된 Composition api로, 이를 이용하여 반응형 data를 사용할 수 있다. *특징 - ref : 어떤 타입이든 사용가능. 주로 원시타입 변수 사용. - reactive : Object, Array등 객체타입만 사용가능. *접근 방식 - ref : script에서 사용 시 : .value 를 붙여 사용 // 스크립트에서 ref 사용하기 import {ref} from "vue"; // vue에서 ref 객체 import const 변수명 = ref(초기값); // 초기값은 option. //example vue tag에서 사용시 : {{변수명}} 로 사용 // tag 에서 ref사용 {{refParam}} tag 속성에서 사용시 : 속성명 앞에 콜론..

Spring Cloud의 오픈소스. MSA의 기반 구조가 되는 Service Discovery 의 한 종류로 IP, PORT, ID값을 저장 / 관리하는 Rest 기반 미들웨어 서버. * Service Discovery : MSA에서 다수의 서비스 관리가 필요함에 따라 서비스 호출 경로 등의 정보들을 저장, 관리하는 것. => 클라이언트가 서비스 호출 시 해당 서비스의 위치를 Eureka 에게 물어봄. (굳이 물어보는 이유? MSA에서는 서비스들의 IP와 PORT가 지속적으로 변함. 이를 관리하고 있는것이 Eureka 이기 때문.) 간단한 설정과 서비스별 LB(로드밸런싱) 이 가능한 장점. Eureka 는 Server 와 Client로 나눔. - MSA 내 Client 서비스가 시작되면 유레카 Serve..

특징 인메모리 데이터베이스. : 메모리에 모든 데이터를 올려 동작하므로 빠른 처리가 가능함. NoSQL 로서 key - value 형태의 데이터 구조를 가짐. 다양한 형태의 자료구조 사용가능. : 개발 난이도가 낮아져 편의성 증대. 주 사용처 캐싱 : 다른 DB 앞에 배치하여 빠른 응답시간과 RDB의 부담을 줄이는 역할. 세션 관리 : TTL과 함께 빠른 key - value 스토어로 사용하여 손쉬운 세션관리. 분산 환경에서의 이점 : 원격 시스템간 동일한 맵 형태의 데이터를 참고해야 할 때, 시스템 별 동기화가 어려운 문제가 있음. Redis 서버를 별도로 구축하여 값을 저장해두고 시스템마다 Redis 서버에서 값을 꺼내어 쓴다면 빠른 처리시간과 데이터 불일치 문제 해결 가능.

개요 PM2의 역할과 사용법을 간단하게 알아보자. 목차 PM2란? pm2 설치 pm2 명령어 PM2란? 공식 홈페이지에 나온 설명을 보면 PM2 is a daemon process manager that will help you manage and keep your application online. 요약하면 PM2는 어플리케이션의 관리와 온라인상태를 유지하도록 돕는 역할을 하는 데몬 프로세스 관리자 라고 한다. PM2 장점 어플리케이션의 예상치 못한 종료시 자동 재시작 배포시에도 무중단 서비스 클러스터 모드 모니터링 PM2 설치 $ npm install pm2@latest -g 또는 $ yarn global add pm2 위 명령어로 최신버젼을 설치할 수 있다. PM2 명령어 이 명령어로 간단한 pm2..