전체 글
-
2021-09-11 오늘의 일기일상 2021. 9. 11. 13:38
정말 오랜만에 블로그에 글을 쓰기 시작했다. 작년에는 블로그를 만들고 열심히 했지만, 이번 연도에 들어서 여유가 없을 정도로 많은 일들이 있었다. 그런 핑계(?-_-)로 인하여 글을 올리지 못했다. 우리에게 일어난 일 중에 가장 큰 일은 "새로운 가족이 생겼다"는 것이다. 새로운 가족이 생겼고, 그 아이가 세상에 나와서 우리는 엄마 아빠가 되었다. 아이가 보기에 부족한 엄마아빠겠지만, 엄마 아빠도 엄마 아빠라는 직업이 처음이기에 조금씩 노력할 것이다. 처음이지만 부끄럽지 않은 엄마 아빠가 되고 싶다. 이런저런 생각을 하다가, 문득 블로그의 글을 쓰고 싶어 졌고. 앞으로의 블로그에 대한 방향을 생각해보게 되었다. IT의 일상만 작성했던 이 블로그에는 따뜻한 우리 가족의 이야기를 담으려고 한다. 그리하여 따..
-
batchScript - MySQL Query 사용하기IT/batchScript 2020. 8. 25. 14:21
batch Script를 활용하여 DB를 접속하여 Query를 이용해 배치파일을 만들었습니다. batch Script에서도 가능하다는 것을 오늘 처음 알았네요. 1. 사용할 Batch 파일 만들기 사용하기 전에 mysql 환경 변수가 등록되어야 합니다. 등록되어 있지 않으면, mysql > bin 폴더 안으로 이동하여 실행을 해야합니다. 아래와 같이 입력하여 "script.sql"을 사용할 수 있습니다. @echo off rem Mysql MemoList 조회 (( rem == 주석 )) mysql --host=localhost --user=사용자 DB 계정 --password=사용자 DB 패스워드 --database=DB스키마 < script.sql *script.sql 결과 값을 파일로 내보내기 아래..
-
신혼집 꾸미기 - 커튼 길이 셀프 수선 : 다이소 옷 수선 테이프일상 2020. 8. 24. 13:12
안녕하세요. 오늘은 커튼 길이 셀프 수선을 하게 되어 포스팅을 하게 됬습니다 ! 굉장히 유용한 정보일 것 같네요. 저희가 줄인 커튼은 레이스 커튼과 암막 커튼 입니다. 사실 커튼 길이를 셀프로 수선하다니, 불가능할 것이라고 생각했는데 막상 해보니 생각보다 쉬웠어요. 그럼 차근차근 알아볼까요 ?! *준비물 : [ 다리미, 분무기, 젖은 수건, 다이소 옷 수선 테이프, 커튼 ] 이렇게만 준비해주시면 됩니다 ! 스팀다리미로 하시는 분들도 있는데, 저는 조금 더 확실하게 일반 다리미로 했어요. *시작하기 전 주의할 점. 1. 암막커튼 같은 두꺼운 소재의 커튼은 분무기 물을 과할 정도로 충분히 적셔주셔야 커튼이 상하지 않아요. (feat. 안방, 거실 커튼을 수선하다가 거실 쪽을 아주 살짝 태워먹었어요.....)..
-
일상 - 현재의 나일상 2020. 8. 22. 20:52
오랜만에 블로그에 포스팅을 하게 되었다. 주제는 '일상에서의 현재의 나'이다. 분당에서 근무하고 있는 나는, 코로나가 너무 심하여서 다시 또 재택근무 체계로 일을 하고 있다. 회사에 출퇴근 시간은 줄어들어 피곤함은 덜하지만, 집에서 일을 하다보니 뭔가 일을 더 오래하는 것 같고 많이 하는 것 같다. (? 재택근무를 하고 있는 직장인들의 마음이 아닐까 싶다..) 코로나로 인하여 결혼식도 50명으로 하게 되었고, 앞으로의 일어날 일들이 걱정이다. 10월에는 사람들이 조심하여 2단계에서 내려가길 바라고 있는 내 마음을 알아주길.. 결혼식을 일년동안 준비하면서, 이런일이 있을 거라곤 상상도 못했는데.. 2020년의 결혼은 참으로 안타깝다. 이도저도 못하는 신혼부부의 상황들..ㅠㅠ 결혼을 준비하는 신혼부부들을 응..
-
Vue.js - Vue Router (개념 및 구현)IT/Vue.js 2020. 8. 3. 10:22
Vue.js는 그 자체로는 단순한 뷰 계층 라이브러리입니다. 그러므로 여러 페이지로 구성되고 복잡한 사용자 인터랙션을 갖는 애플리케이션 등을 개발할 경우에는 Vue.js만으로는 구현이 어려울 때가 있습니다. 공식 플러그인인 Vue Router를 사용하면 단일 페이지 애플리케이션(SPA)을 비롯한 URL 이동이 필요한 동작을 간단히 구현할 수 있습니다. 1. Vue Router를 이용한 SPA SPA란 최초에 HTML 페이지 하나를 로드한 다음, 그 이후로 사용자 인터랙션에 따라 Ajax로 정보를 받아오면서 동적으로 페이지를 업데이트하는 웹 어플리케이션을 말합니다. 일반적으로 웹 애플리케이션은 페이지 이동 시에 대상 URL을 서버에 요청해 전체 페이지에 해당하는 HTML 콘텐츠를 받아옵니다. 반면, SPA..
-
Vue.js - Vuex Actions 및 폴더구조화IT/Vue.js 2020. 7. 30. 13:31
1. Actions 이란? Mutations에는 순차적인 로직들만 선언하고 Actions 에는 비 순차적 또는 비동기 처리 로직들을 선언합니다. 그렇다면 왜 처리 로직의 성격에 따라 Mutations 과 Actions로 나눠 등록해야 할까요? Mutations의 역할 자체가 State 관리에 주안점을 두고 있습니다. 상태관리 자체가 한 데이터에 대해 여러 개의 컴포넌트가 관여하는 것을 효율적으로 관리하기 위함인데 Mutations에 비동기 처리 로직들이 포함되면 같은 값에 대해 여러 개의 컴포넌트에서 변경을 요청했을 때, 그 변경 순서 파악이 어렵기 때문입니다. 이러한 문제를 방지하기 위해 비동기 처리 로직은 Actions에 동기 처리로직은 Mutations에 나눠 구현합니다. 따라서, setTimeou..
-
코로나19 (COVID-19)란?코로나19 (COVID-19) 2020. 7. 29. 13:47
신종 코로나바이러스란 무엇인가? 코로나바이러스감염증-19(COVID-19)란 2019년 12월부터 중국 우한시에서 집단으로 폐렴이 발생했습니다. 폐렴 원인이 신종 코로나바이러스로 밝혀졌으며, 국내에서 2000년~2003년과 2015년에 크게 유행한 사스(SARS-CoV, 중증급성호흡기증후군)와 메르스(MERS-CoV, 중동호흡기증후군) 또한 코로나 바이러스(Coronavirus, CoV)의 일부로 강한 전염력과 높은 치사율로 알려져 있습니다. 코로나바이러스감염증-19는 중국 후베이성 우한에서 처음 발생한 뒤 전 세계로 확산된, 새로운 유형의 코로나바이러스(SARS-CoV-2)에 의해 호흡기 감염 질환입니다. COVID-19는 감염자의 비말이나 호흡기나 눈, 코, 입의 점막으로 침투될 때 전염되며, 감염되..
-
Vue.js - Vuex getters, mutationsIT/Vue.js 2020. 7. 28. 15:20
1. Getter 란? 중앙 데이터 관리식 구조에서 발생하는 문제점 중 하나는 각 컴포넌트에서 Vuex의 데이터를 접근할 때 중복된 코드를 반복호출 하게 되는 것입니다. 예를들면 아래와 같은 코드가 있습니다. 여러 컴포넌트에서 같은 로직을 비효율적으로 중복 사용하고 있습니다. 이 때, Vuex의 데이터 (state) 변경을 각 컴포넌트에서 수행하는 것이 아니라, Vuex에서 수행하도록 하고 각 컴포넌트에서 수행 로직을 호출하면, 코드 가독성도 올라가고 성능에서도 이점이 생깁니다. 2. Getters 등록 상위 컴포넌트 : TestVueComponent.vue 하위 컴포넌트 : ChildVuex.vue getters를 Vuex에 추가합니다. export default new Vuex.Store({ // ...