즐겁게 살고 싶은 개발자

1. 뷰 라우터2. 뷰 라우터 실습2.1 뷰 라우터 기초2.2 중첩 라우터 (Nested routes)2.3 네임드 라우터 (Named Routes)2.4 네임드 뷰 (Named View)1. 뷰 라우터라우팅(Routing) 이란?원래는 네트워크에서 사용되는 용어로, 어떤 네트워크 안에서 통신 데이터를 보낼 최적의 경로를 선택하는 과정을 뜻함웹에서의 라우팅웹 페이지 간의 이동 방법을 뜻함예시브라우저 URL을 입력하면 해당 페이지로 이동링크를 클릭하면 해당 페이지로 이동뒤로가기를 누르면 히스토리의 이전 페이지로 이동 뷰 라우터 Vue.js의 공식 라우터Vue.js 코어와 긴밀하게 연결되어 SPA를 쉽게 구축 할 수 있음화면 간의 이동 시, 깜빡거림 없이 매끄럽게 전환 주요 기능Nested route/vie..

1. 컴포넌트2. 컴포넌트 등록2.1 전역 컴포넌트 등록2.2 지역 컴포넌트 등록2.3 지역컴포넌트와 전역컴포넌트 동작 비교3. 컴포넌트 통신3.1 부모 → 자식 컴포넌트로 데이터 전달 (props)3.2 자식 → 부모 컴포넌트로 데이터 전달 (v-on, $emit)3.3 부모 ↔ 자식의 관계가 아닌 컴포넌트 통신 (이벤트버스)1. 컴포넌트컴포넌트는 Vue의 가장 강력한 기능 중 하나기본 HTML 엘리먼트를 확장하여 재사용 가능한 코드를 캡슐화 하는데 도움뷰컴포넌트는 뷰인스턴스이기도 하기 때문에, 모든 옵션 객체와 라이프사이클 훅 사용 가능 2. 컴포넌트 등록컴포넌트를 등록하는 방법은 두 가지가 있음전역 등록: 특정 인스턴스에서만 사용 가능지역 등록: 뷰로 접근 가능한 모든 범위 사용 가능 2.1 전역 ..

1. 뷰인스턴스(Instance)2. 뷰인스턴스 라이프 사이클3. 실습 예제1. 뷰인스턴스(Instance)뷰 인스턴스는 Vue.js로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위Vue 생성자는 미리 정의 된 옵션으로, 재사용 가능한 컴포넌트 생성자를 생성하도록 확장 될 수 있음xxxxxxxxxxvar vm = new Vue({ // 옵션}) 뷰 인스턴스를 생성할 때는 데이터, 템플릿, 마운트할 엘리먼트, 메소드, 라이프사이클 콜백 등의 옵션을 포함할 수 있는 options 객체를 전달 해야함API Referencexxxxxxxxxx//옵션 예시var vm = new Vue({ el: '#app', //마운트할 엘리먼트 data{ message: 'Hello Vue.js!' //데이터 }})..

1. Vue.js란?2. Vue.js의 장점3. Vue.js의 특징1. Vue.js란?Vue.js는 웹 페이지 화면을 개발하기 위한 프론트엔드 프레임워크점진적인 프레임워크다른 단일형 프레임워크와 달리, 점진적으로 채택할 수 있도록 설계코어 라이브러리 → 컴포넌트 기반 → 클라이언트 사이드 라우팅 → 상태관리뷰 코어 라이브러리는 화면단 데이터 표현에 관한 기능들을 중점적으로 제공프레임워크의 기능인 라우터, 상태관리, 테스팅 등을 쉽게 결합할 수 있는 형태로도 제공 2. Vue.js의 장점배우기 쉬움다른 프레임워크는 타입스크립트, ES6, 웹팩 등을 함께 학습해야 함Vue.js는 먼저 배우고 나중에 학습에도 상관없음React와 Angular에 비해 속도가 빠르고 가벼움성능 비교 글https://blog.lo..

Zabbix Email 설정 절차 요약1. 외부 STMP 서버 연동1.1 STMP 활성화2. Zabbix 미디어 타입 등록3. User Send to 등록3.1 액션 활성화3.2 Send To 등록4. 테스트Zabbix Email 설정 절차 요약SMTP 서버 구축본 예제에서는 외부 STMP 서버 사용알림 설정STMP 서버 설정Send To 설정테스트가상 Host를 추가하여 장애상황 만들기 1. 외부 STMP 서버 연동저는 네이버 STMP 서버를 사용했습니다. 구글 STMP로 시도해봤는데, 잘 안되네요 ㅠㅠ1.1 STMP 활성화네이버 로그인 후 메일로 이동좌측 하단 '설정하기' 이동POP3/IMAP 설정IMAP/SMTP 설정 탭IMAP/SMTP 사용 체크 후 확인STMP 서버 및 포트 확인 ..

1. 다중 DB 설정 시, 알아야 할 것2. 소스코드2-1. Entity2-2. Repository2-3. DB Configuration2-3-1 application.properties2-3-2 Main Datasource2-3-3 Second Datasource4. Test4.1 hibernate 로그 확인4.2 DB 데이터 확인1. 다중 DB 설정 시, 알아야 할 것다중 DB는 Spring boot 처럼 Auto Configuration되지 않음설정파일(application.yml 또는 application.properties) 값을 읽어와서 연동 할 DB 수 만큼 Datasource를 수동 설정해야함설정파일 대신 코드로 직접 설정할 수 있는 방법도 있음주요 설정 내용리소스 경로 설정Reposito..

1. 리눅스 종류 및 버전 확인 [root@localhost ~]# cat /etc/*-release | uniq https://www.zabbix.com/download 위 페이지에서 알맞게 클릭하면, 해당 버전에 대한 repo 주소가 나옴 2. Zabbix Agent 설치 Agent만 설치할 것이기 때문에, Database나 Web Server는 아무거나 선택해도 상관없음 해당 홈페이지는 Zabbix Server 설치 기준으로 설명되어있음 각 리눅스 버전에 맞게 Install 명령어 실행 yum install zabbix-agent zabbix-agent만 설치하면 됨 설치가 완료되면, zabbix agent를 실행하고 부팅 시 자동실행 되도록 설정 systemctl enable zabbix-agen..