하수도키의 성장일기

강아지일기/사료

[강아지 사료] 카나간(CANAGAN) 프리런 치킨 포 독 스몰 브리드 후기(강아지 사료 추천)

강아지 한 마리를 키우면서 해야 할 일들이 너무 많다. 내 몸보다 더 챙겨주는 것 같다. 현재 빈희가 보통 8-9kg를 왔다 갔다 하는데 사료 주문할 때 1-2kg는 금방 먹어서 주문할 때는 6kg나 10kg 주문하고 있다. 예전에는 10kg 주문했는데 생각보다 오래 먹어서 위생적으로 좋지 않을 것 같아서 6kg로 주문하고 있다. 사료통을 보니 2주정도 버틸 수 있는 양이 있어서 슬슬 사료를 알아봤다. 처음에는 사료 사는것도 쇼핑의 일환으로 생각해서 이것저것 찾아보면서 비교하고 가성비 좋은 걸로 꼼꼼하게 따졌다. 첫 사료 캐니대(가성비 좋고 피부에 좋다고 해서 구매)를 시작으로 아카나(오리젠하고 같은 공장인데 더 저렴해서 구매), 토우(아마 포장지가 늑대 사진으로 기억함), 네이쳐스 버라이어티(동결 건조..

개발일기/Vue.js

[Vue.js] Vue 애니메이션(Animate) #3 - GSAP 3

[Vue.js] Vue 애니메이션(Animate) #3 - GSAP 3 이번 포스팅은 Vue 애니메이션에 대해 알아보자. 애니메이션을 이용해 사용자 경험을 향상할 수 있다. 버튼 같은 곳에 마우스 호버 상태 일 때 클릭률을 높이거나 강조해야 되는 문구, 영역 등에 애니메이션을 적용해 집중력을 높일 수 있다. 목차 Transition Page Transition Transition Group Javascript Hooks + Velocity GSAP(이번 포스팅) 개요 이전 포스팅에서는 Velocity.js 라이브러리를 사용했다. 이번 포스팅에선 GSAP(Green Sock Animation Platform) 강력하고 인기 있는 애니메이션 라이브러리를 Vue 에 적용하고 사용하는 법을 알아보자. GSAP이..

개발일기/Vue.js

[Vue.js] Vue 애니메이션(Animate) #2 - Javascript Hooks, Velocity

이번 포스팅은 Vue 애니메이션에 대해 알아보자. 애니메이션을 이용해 사용자 경험을 향상할 수 있다. 버튼 같은 곳에 마우스 호버 상태 일 때 클릭률을 높이거나 강조해야 되는 문구, 영역 등에 애니메이션을 적용해 집중력을 높일 수 있다. 목차 Transition Page Transition Transition Group Javascript Hooks + Velocity(이번 포스팅) GSAP 2021.04.11 - [개발일기/Vue.js] - [Vue.js] Vue 애니메이션(Animate) #1 - Transition [Vue.js] Vue 애니메이션(Animate) #1 - Transition 이번 포스팅은 Vue 애니메이션에 대해 알아보자. 애니메이션을 이용해 사용자 경험을 향상할 수 있다. 버튼 ..

책일기

[책리뷰] 배워서 바로 쓰는 14가지 AWS 구축 패턴

한빛미디어 활동을 위해서 책을 제공받아 작성된 서평입니다. 소개 현 직장에서 AWS를 사용중인데 사용하는 것들만 사용하고 또 이미 환경 설정이 모두 완료되어있는 상태라서 간단한 설정 수정정도만 아는 정도이다. AWS에 대한 구글링을 해도 대부분 공식 문서가 제일 먼저 뜨고 다른 정보들은 생각보다 많지 않은것 같고 다 비슷비슷한 정보들만 검색된다. 이 책은 작가가 일본인이고 일어를 한글로 번역해서 그런지 다른 영어 원서 번역본 보다 보기 편하다. 책 제목에 패턴이 들어갔으니 역시 기초 서적은 아니고 기초를 익힌 사람을 대상으로 쓰여진 책이다. 목차 ★ Part 1 웹 시스템 [패턴 1] 이벤트 사이트 [패턴 2] 기업 웹사이트 [패턴 3] 성능을 중시하는 인트라 웹 [패턴 4] 가용성을 중시한 인트라 웹 ..

개발일기/Vue.js

[Vue.js] Vue 애니메이션(Animate) #1 - Transition

이번 포스팅은 Vue 애니메이션에 대해 알아보자. 애니메이션을 이용해 사용자 경험을 향상할 수 있다. 버튼 같은 곳에 마우스 호버상태 일 때 클릭률을 높이거나 강조해야 되는 문구, 영역 등에 애니메이션을 적용해 집중력을 높일 수 있다. 목차 Transition(이번 포스팅) Page Transition Transition Group Javascript Hooks + Velocity GSAP Transition(트랜지션) Vue에서 Transition 래퍼(Wrapper) 컴포넌트를 기본으로 제공하고 있다. 이 Transition 컴포넌트를 이용해 다양한 애니메이션 효과를 낼 수 있다. Transition은 번역하자면 전환이다. 말 그대로 from → to로 되는 것이 전환이다. 전활 될 때 애니메이션을 ..