즐겁게 살고 싶은 개발자

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..

대량의 데이터를 삽입하는 상황이 생겼습니다. 초창기에는 JPA Save함수를 반복문을 통해 호출해서 저장하게 구현을 했는데요. 처음에는 괜찮았으나, 삽입 할 데이터가 점점 많아지면서 삽입 시간이 굉장히 오래 걸리게 되었습니다. 그래서 최적화에 신경 쓰게 되었는되었습니다. 자바에서 데이터를 insert하는데 가장 방식은 Spring batch를 이용하여 JPA없이 Writer를 쓰는게 제일 빠릅니다. (관련 글을 추후 포스팅 예정...) 본 포스트에서는 Spring boot에서 JPA를 사용하여 트랜젝션을 최적화하여 속도를 향상시키는 방법으로 알아보겠습니다. 1. 잦은 save 함수 호출의 문제점 @Transactional @Override public S save(S entity) { if (entity..

X100V 개봉기 저는 압구정 로데오 후지필름 일렉트로닉 오프라인 매장에서 구매하였습니다! 지난 주말에 구매하려고 했으나, 물량이 없어서 예약을 하였고, 3일 뒤, 예약한 물건이 들어왔다길래, 퇴근 후 후다닥 달려가서 물건을 받고 무사히 집으로 가져왔습니다. 두근두근. 박스가 너무 고급져 보이네요. 자, 한 번 꺼내볼까요? 짜잔~! 팸플릿, 포켓융, 보조배터리, 유상수리권, SD카드, 카메라 박스로 구성되어있습니다. 사은품으로 받은건 SD카드와 보조배터리입니다. 먼저 유상수리권! 10%, 30%, 50% 쿠폰 총 3개가 들어있습니다. 놀라운 건 사용기한이 없다는 사실!! A/S 정책이 무척 마음에 드네요.. SD카드는 속도 100MB/S에 용량 64GB짜리입니다. 생각보다 괜찮은 거 줬네요. 샤오미 보조..

이 글은 X100V를 왜 사게 되었는지, 일기를 적은 글입니다. 간단한 개봉기 및 후기는 다음글 클릭 1. 처음부터 이 카메라를 살 생각은 없었다.내가 가지고 있는 카메라는 EOS M5+15-45mm 다.크롭 바디+번들렌즈 조합이었는데 생각보다 휴대성이 별로였다.여행 가는 거 아니면 잘 안 들고나갔다. 방구석에 짱 박혀있는 게 아까워서 기변을 하기로 마음먹었다. 그래서 이 카메라를 천천히 처분하고 스냅용으로 자주 쓸 수 있는 중고 콤팩트카메라를 사려고 했다. 눈에 들어온 모델은 파나소닉의 "루믹스 LX100M2" 콤팩트 한 크기에 밝은 라이카 1.7~2.8 줌 렌즈, 무난한 디자인 아주 마음에 들었다. 인터넷에서 신품 카드 할인받아서 81만 원 정도에 구매가 가능했는데,중고품은 중고나라에서 65~70만원..